@atlaskit/editor-plugin-show-diff 19.0.3 → 20.0.0

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

@@ -2,7 +2,6 @@ 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 { Decoration } from '@atlaskit/editor-prosemirror/view';
-import { isExtendedEnabled } from '../../isExtendedEnabled';
 import { buildDiffDecorationSpec, scrollMarginTopValue } from '../decorationKeys';
 import { createContentWrapper } from './wrapBlockNodeView';
 
@@ -31,7 +30,6 @@ export var createDeletedLineBreakWidget = function createDeletedLineBreakWidget(
   var colorScheme = _ref.colorScheme,
     _ref$count = _ref.count,
     count = _ref$count === void 0 ? 1 : _ref$count,
-    diffType = _ref.diffType,
     _ref$isActive = _ref.isActive,
     isActive = _ref$isActive === void 0 ? false : _ref$isActive,
     reveal = _ref.reveal;
@@ -49,7 +47,7 @@ export var createDeletedLineBreakWidget = function createDeletedLineBreakWidget(
       // deleted-content wrapper is styled as an inline run.
       dom.append(dom.ownerDocument.createElement('br'));
     }
-    var wrapper = createContentWrapper(colorScheme, isActive, false, diffType, reveal);
+    var wrapper = createContentWrapper(colorScheme, isActive, false, reveal);
     wrapper.append(dom.ownerDocument.createTextNode(RETURN_GLYPH));
     dom.append(wrapper);
   }
@@ -69,7 +67,6 @@ export var createDeletedLineBreakDecoration = function createDeletedLineBreakDec
   var attributionKey = _ref2.attributionKey,
     colorScheme = _ref2.colorScheme,
     count = _ref2.count,
-    diffType = _ref2.diffType,
     _ref2$isActive = _ref2.isActive,
     isActive = _ref2$isActive === void 0 ? false : _ref2$isActive,
     pos = _ref2.pos,
@@ -78,7 +75,6 @@ export var createDeletedLineBreakDecoration = function createDeletedLineBreakDec
   return Decoration.widget(pos, createDeletedLineBreakWidget({
     colorScheme: colorScheme,
     count: count,
-    diffType: diffType,
     isActive: isActive,
     reveal: reveal
   }), _objectSpread(_objectSpread({}, buildDiffDecorationSpec(_objectSpread({
@@ -89,9 +85,8 @@ export var createDeletedLineBreakDecoration = function createDeletedLineBreakDec
     isActive: isActive,
     // The glyph always stands in for removed content, whichever side of the changeset the
     // change itself landed on.
-    isInserted: false,
-    diffType: diffType
-  }, isExtendedEnabled(diffType) && side !== undefined && {
+    isInserted: false
+  }, side !== undefined && {
     side: side
   }))), {}, {
     // Without an explicit mark set, prosemirror-view wraps the widget in the marks of the

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

@@ -5,7 +5,6 @@ import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-uti
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { isExtendedEnabled } from '../../isExtendedEnabled';
 import { getAtomicInlineChangedAttrs } from '../createInlineChangedDecoration';
 import { applyRevealToElement } from '../revealStyles';
 import { isInlineAttrChangeNodeName } from './getAttrChangeRanges';
@@ -113,14 +112,6 @@ var applyDeletedNodeMarkupNext = function applyDeletedNodeMarkupNext(_ref3) {
 var applyDeletedNodeMarkup = function applyDeletedNodeMarkup(args) {
   return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? applyDeletedNodeMarkupNext(args) : applyDeletedNodeMarkupLegacy(args);
 };
-
-/**
- * Checks if a node should apply deleted styles directly without wrapper
- * to preserve natural block-level margins
- */
-var shouldApplyStylesDirectly = function shouldApplyStylesDirectly(nodeName) {
-  return nodeName === 'heading';
-};
 var applyCellOverlayStyles = function applyCellOverlayStyles(_ref4) {
   var element = _ref4.element,
     colorScheme = _ref4.colorScheme,
@@ -189,37 +180,17 @@ var createBlockNodeWrapper = function createBlockNodeWrapper() {
   wrapper.setAttribute('style', baseStyle);
   return wrapper;
 };
-
-/**
- * Applies styles directly to an HTML element by merging with existing styles
- */
-var applyStylesToElement = function applyStylesToElement(_ref5) {
+var applyMultiContainerLikeStyles = function applyMultiContainerLikeStyles(_ref5) {
   var element = _ref5.element,
     targetNode = _ref5.targetNode,
     colorScheme = _ref5.colorScheme,
     isActive = _ref5.isActive,
     isInserted = _ref5.isInserted,
-    diffType = _ref5.diffType,
     _ref5$hideAddedDiffsU = _ref5.hideAddedDiffsUnderline,
     hideAddedDiffsUnderline = _ref5$hideAddedDiffsU === void 0 ? false : _ref5$hideAddedDiffsU;
   var currentStyle = element.getAttribute('style') || '';
-  var contentStyle = getChangedContentStyle(colorScheme, isActive, isInserted, diffType, hideAddedDiffsUnderline);
   var targetNodeName = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? getBaseNodeTypeName(targetNode.type) : targetNode.type.name;
-  var nodeSpecificStyle = getChangedNodeStyle(targetNodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline) || '';
-  element.setAttribute('style', "".concat(currentStyle).concat(contentStyle).concat(nodeSpecificStyle));
-};
-var applyMultiContainerLikeStyles = function applyMultiContainerLikeStyles(_ref6) {
-  var element = _ref6.element,
-    targetNode = _ref6.targetNode,
-    colorScheme = _ref6.colorScheme,
-    isActive = _ref6.isActive,
-    isInserted = _ref6.isInserted,
-    diffType = _ref6.diffType,
-    _ref6$hideAddedDiffsU = _ref6.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderline = _ref6$hideAddedDiffsU === void 0 ? false : _ref6$hideAddedDiffsU;
-  var currentStyle = element.getAttribute('style') || '';
-  var targetNodeName = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? getBaseNodeTypeName(targetNode.type) : targetNode.type.name;
-  var nodeSpecificStyle = getChangedNodeStyle(targetNodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline) || '';
+  var nodeSpecificStyle = getChangedNodeStyle(targetNodeName, colorScheme, isInserted, isActive, hideAddedDiffsUnderline) || '';
   if (targetNode.type.name === 'decisionList') {
     var nestedInsertedNodeStyle = resolveNestedInsertedNodeStyle(colorScheme);
     element.querySelectorAll('li').forEach(function (listItem) {
@@ -249,21 +220,21 @@ var appendStyleToElement = function appendStyleToElement(element, style) {
   var currentStyle = element.getAttribute('style') || '';
   element.setAttribute('style', combineStyles(currentStyle, style));
 };
-var wrapAtomicInlineNode = function wrapAtomicInlineNode(_ref7) {
-  var element = _ref7.element,
-    className = _ref7.className,
-    style = _ref7.style;
+var wrapAtomicInlineNode = function wrapAtomicInlineNode(_ref6) {
+  var element = _ref6.element,
+    className = _ref6.className,
+    style = _ref6.style;
   var wrapper = document.createElement('span');
   wrapper.className = className;
   wrapper.setAttribute('style', style);
   element.replaceWith(wrapper);
   wrapper.append(element);
 };
-var applyInlineLeafNodeStyles = function applyInlineLeafNodeStyles(_ref8) {
-  var element = _ref8.element,
-    targetNode = _ref8.targetNode,
-    contentStyle = _ref8.contentStyle,
-    colorScheme = _ref8.colorScheme;
+var applyInlineLeafNodeStyles = function applyInlineLeafNodeStyles(_ref7) {
+  var element = _ref7.element,
+    targetNode = _ref7.targetNode,
+    contentStyle = _ref7.contentStyle,
+    colorScheme = _ref7.colorScheme;
   // NodeViewSerializer appends one DOM node per direct ProseMirror child, preserving order.
   var childDomNodes = _toConsumableArray(element.childNodes);
   targetNode.content.forEach(function (childNode, _offset, index) {
@@ -299,23 +270,22 @@ var applyInlineLeafNodeStyles = function applyInlineLeafNodeStyles(_ref8) {
 var quoteBlockLevelStyle = convertToInlineCss({
   display: 'flow-root'
 });
-var applyTextLikeBlockNodeStyles = function applyTextLikeBlockNodeStyles(_ref9) {
-  var element = _ref9.element,
-    targetNode = _ref9.targetNode,
-    colorScheme = _ref9.colorScheme,
-    isActive = _ref9.isActive,
-    isInserted = _ref9.isInserted,
-    diffType = _ref9.diffType,
-    _ref9$hideAddedDiffsU = _ref9.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderline = _ref9$hideAddedDiffsU === void 0 ? false : _ref9$hideAddedDiffsU,
-    _ref9$highlightInline = _ref9.highlightInlineLeafNodes,
-    highlightInlineLeafNodes = _ref9$highlightInline === void 0 ? false : _ref9$highlightInline;
+var applyTextLikeBlockNodeStyles = function applyTextLikeBlockNodeStyles(_ref8) {
+  var element = _ref8.element,
+    targetNode = _ref8.targetNode,
+    colorScheme = _ref8.colorScheme,
+    isActive = _ref8.isActive,
+    isInserted = _ref8.isInserted,
+    _ref8$hideAddedDiffsU = _ref8.hideAddedDiffsUnderline,
+    hideAddedDiffsUnderline = _ref8$hideAddedDiffsU === void 0 ? false : _ref8$hideAddedDiffsU,
+    _ref8$highlightInline = _ref8.highlightInlineLeafNodes,
+    highlightInlineLeafNodes = _ref8$highlightInline === void 0 ? false : _ref8$highlightInline;
   var currentStyle = element.getAttribute('style') || '';
-  var nodeSpecificStyle = getChangedNodeStyle(targetNode.type.name, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline) || '';
+  var nodeSpecificStyle = getChangedNodeStyle(targetNode.type.name, colorScheme, isInserted, isActive, hideAddedDiffsUnderline) || '';
   if (nodeSpecificStyle) {
     element.setAttribute('style', "".concat(currentStyle).concat(nodeSpecificStyle));
   }
-  var contentStyle = getChangedContentStyle(colorScheme, isActive, isInserted, diffType, hideAddedDiffsUnderline);
+  var contentStyle = getChangedContentStyle(colorScheme, isActive, isInserted, hideAddedDiffsUnderline);
   var walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
   var textNodesToWrap = [];
   var currentNode = walker.nextNode();
@@ -344,24 +314,23 @@ var applyTextLikeBlockNodeStyles = function applyTextLikeBlockNodeStyles(_ref9)
 /**
  * Creates a content wrapper with deleted styles for a block node
  */
-var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(_ref0) {
-  var nodeView = _ref0.nodeView,
-    targetNode = _ref0.targetNode,
-    colorScheme = _ref0.colorScheme,
-    isActive = _ref0.isActive,
-    isInserted = _ref0.isInserted,
-    diffType = _ref0.diffType,
-    _ref0$hideAddedDiffsU = _ref0.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderline = _ref0$hideAddedDiffsU === void 0 ? false : _ref0$hideAddedDiffsU;
+var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(_ref9) {
+  var nodeView = _ref9.nodeView,
+    targetNode = _ref9.targetNode,
+    colorScheme = _ref9.colorScheme,
+    isActive = _ref9.isActive,
+    isInserted = _ref9.isInserted,
+    _ref9$hideAddedDiffsU = _ref9.hideAddedDiffsUnderline,
+    hideAddedDiffsUnderline = _ref9$hideAddedDiffsU === void 0 ? false : _ref9$hideAddedDiffsU;
   var contentWrapper = document.createElement('div');
   var targetNodeName = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? getBaseNodeTypeName(targetNode.type) : targetNode.type.name;
-  var nodeStyle = getChangedNodeStyle(targetNodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline);
+  var nodeStyle = getChangedNodeStyle(targetNodeName, colorScheme, isInserted, isActive, hideAddedDiffsUnderline);
 
   // When the extended experiment is enabled and the content is inserted,
   // block widget nodes that already have dedicated node-level styling (e.g. boxShadow outline)
   // should not also get the inline content style (borderBottom underline) on their container.
-  var shouldSkipContentStyle = isExtendedEnabled(diffType) && isInserted && nodeStyle !== undefined;
-  var contentStyle = shouldSkipContentStyle ? '' : getChangedContentStyle(colorScheme, isActive, isInserted, diffType, hideAddedDiffsUnderline);
+  var shouldSkipContentStyle = isInserted && nodeStyle !== undefined;
+  var contentStyle = shouldSkipContentStyle ? '' : getChangedContentStyle(colorScheme, isActive, isInserted, hideAddedDiffsUnderline);
   contentWrapper.setAttribute('style', "".concat(contentStyle).concat(nodeStyle || ''));
   contentWrapper.append(nodeView);
   return contentWrapper;
@@ -373,14 +342,14 @@ var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(_ref0
  * to wait for the rich-media-item to appear before attaching the lozenge.
  * @returns true if embedCard was handled
  */
-var handleEmbedCardWithLozenge = function handleEmbedCardWithLozenge(_ref1) {
-  var dom = _ref1.dom,
-    nodeView = _ref1.nodeView,
-    targetNode = _ref1.targetNode,
-    lozenge = _ref1.lozenge,
-    colorScheme = _ref1.colorScheme,
-    _ref1$isActive = _ref1.isActive,
-    isActive = _ref1$isActive === void 0 ? false : _ref1$isActive;
+var handleEmbedCardWithLozenge = function handleEmbedCardWithLozenge(_ref0) {
+  var dom = _ref0.dom,
+    nodeView = _ref0.nodeView,
+    targetNode = _ref0.targetNode,
+    lozenge = _ref0.lozenge,
+    colorScheme = _ref0.colorScheme,
+    _ref0$isActive = _ref0.isActive,
+    isActive = _ref0$isActive === void 0 ? false : _ref0$isActive;
   if (targetNode.type.name !== 'embedCard' || !(nodeView instanceof HTMLElement)) {
     return false;
   }
@@ -416,14 +385,14 @@ var handleEmbedCardWithLozenge = function handleEmbedCardWithLozenge(_ref1) {
  * Handles special mediaSingle node rendering with lozenge on child media element
  * @returns true if mediaSingle was handled, false otherwise
  */
-var handleMediaSingleWithLozenge = function handleMediaSingleWithLozenge(_ref10) {
-  var dom = _ref10.dom,
-    nodeView = _ref10.nodeView,
-    targetNode = _ref10.targetNode,
-    lozenge = _ref10.lozenge,
-    colorScheme = _ref10.colorScheme,
-    _ref10$isActive = _ref10.isActive,
-    isActive = _ref10$isActive === void 0 ? false : _ref10$isActive;
+var handleMediaSingleWithLozenge = function handleMediaSingleWithLozenge(_ref1) {
+  var dom = _ref1.dom,
+    nodeView = _ref1.nodeView,
+    targetNode = _ref1.targetNode,
+    lozenge = _ref1.lozenge,
+    colorScheme = _ref1.colorScheme,
+    _ref1$isActive = _ref1.isActive,
+    isActive = _ref1$isActive === void 0 ? false : _ref1$isActive;
   if (targetNode.type.name !== 'mediaSingle' || !(nodeView instanceof HTMLElement)) {
     return false;
   }
@@ -456,22 +425,21 @@ var handleMediaSingleWithLozenge = function handleMediaSingleWithLozenge(_ref10)
 /**
  * Appends a block node with wrapper, lozenge, and appropriate styling
  */
-var wrapBlockNode = function wrapBlockNode(_ref11) {
-  var dom = _ref11.dom,
-    nodeView = _ref11.nodeView,
-    targetNode = _ref11.targetNode,
-    colorScheme = _ref11.colorScheme,
-    intl = _ref11.intl,
-    _ref11$isActive = _ref11.isActive,
-    isActive = _ref11$isActive === void 0 ? false : _ref11$isActive,
-    _ref11$isInserted = _ref11.isInserted,
-    isInserted = _ref11$isInserted === void 0 ? false : _ref11$isInserted,
-    diffType = _ref11.diffType,
-    _ref11$hideAddedDiffs = _ref11.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderline = _ref11$hideAddedDiffs === void 0 ? false : _ref11$hideAddedDiffs;
+var wrapBlockNode = function wrapBlockNode(_ref10) {
+  var dom = _ref10.dom,
+    nodeView = _ref10.nodeView,
+    targetNode = _ref10.targetNode,
+    colorScheme = _ref10.colorScheme,
+    intl = _ref10.intl,
+    _ref10$isActive = _ref10.isActive,
+    isActive = _ref10$isActive === void 0 ? false : _ref10$isActive,
+    _ref10$isInserted = _ref10.isInserted,
+    isInserted = _ref10$isInserted === void 0 ? false : _ref10$isInserted,
+    _ref10$hideAddedDiffs = _ref10.hideAddedDiffsUnderline,
+    hideAddedDiffsUnderline = _ref10$hideAddedDiffs === void 0 ? false : _ref10$hideAddedDiffs;
   var blockWrapper = createBlockNodeWrapper();
   var targetNodeName = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? getBaseNodeTypeName(targetNode.type) : targetNode.type.name;
-  if (shouldShowRemovedLozenge(targetNodeName) && (!isExtendedEnabled(diffType) || !isInserted)) {
+  if (shouldShowRemovedLozenge(targetNodeName) && !isInserted) {
     var lozenge = createRemovedLozenge(intl, isActive, colorScheme);
     if (handleEmbedCardWithLozenge({
       dom: dom,
@@ -501,7 +469,6 @@ var wrapBlockNode = function wrapBlockNode(_ref11) {
     colorScheme: colorScheme,
     isActive: isActive,
     isInserted: isInserted,
-    diffType: diffType,
     hideAddedDiffsUnderline: hideAddedDiffsUnderline
   });
   blockWrapper.append(contentWrapper);
@@ -521,106 +488,75 @@ var wrapBlockNode = function wrapBlockNode(_ref11) {
  * For heading nodes, applies styles directly to preserve natural margins.
  * For other block nodes, uses wrapper approach with optional lozenge.
  */
-export var wrapBlockNodeView = function wrapBlockNodeView(_ref12) {
-  var dom = _ref12.dom,
-    nodeView = _ref12.nodeView,
-    targetNode = _ref12.targetNode,
-    colorScheme = _ref12.colorScheme,
-    intl = _ref12.intl,
-    _ref12$isActive = _ref12.isActive,
-    isActive = _ref12$isActive === void 0 ? false : _ref12$isActive,
-    _ref12$isInserted = _ref12.isInserted,
-    isInserted = _ref12$isInserted === void 0 ? false : _ref12$isInserted,
-    diffType = _ref12.diffType,
-    _ref12$hideAddedDiffs = _ref12.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderline = _ref12$hideAddedDiffs === void 0 ? false : _ref12$hideAddedDiffs,
-    _ref12$highlightInlin = _ref12.highlightInlineLeafNodes,
-    highlightInlineLeafNodes = _ref12$highlightInlin === void 0 ? false : _ref12$highlightInlin;
-  if (isExtendedEnabled(diffType)) {
-    if (nodeView instanceof HTMLElement) {
-      if (isInserted && isMultiContainerBlockNode(targetNode.type.name)) {
-        applyMultiContainerLikeStyles({
-          element: nodeView,
-          targetNode: targetNode,
-          colorScheme: colorScheme,
-          isActive: isActive,
-          isInserted: isInserted,
-          diffType: diffType,
-          hideAddedDiffsUnderline: hideAddedDiffsUnderline
-        });
-        dom.append(nodeView);
-        return;
-      }
-      if (isTextLikeBlockNode(targetNode.type.name)) {
-        applyTextLikeBlockNodeStyles({
-          element: nodeView,
-          targetNode: targetNode,
-          colorScheme: colorScheme,
-          isActive: isActive,
-          isInserted: isInserted,
-          diffType: diffType,
-          hideAddedDiffsUnderline: hideAddedDiffsUnderline,
-          highlightInlineLeafNodes: highlightInlineLeafNodes
-        });
-        if (targetNode.type.name === 'blockquote' && fg('platform_editor_ai_show_diff_patch_1')) {
-          appendStyleToElement(nodeView, quoteBlockLevelStyle);
-        }
-        dom.append(nodeView);
-        return;
-      }
-      if (targetNode.type.name === 'table') {
-        if (expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && isExperimentEnabled('platform_editor_table_diff_rounded_corners')) {
-          applyTableCellEdgeAttrs({
-            element: nodeView,
-            tableNode: targetNode
-          });
-        }
-        applyCellOverlayStyles({
-          element: nodeView,
-          colorScheme: colorScheme,
-          isInserted: isInserted
-        });
-        dom.append(nodeView);
-        return;
-      }
-    }
-    wrapBlockNode({
-      dom: dom,
-      nodeView: nodeView,
-      targetNode: targetNode,
-      colorScheme: colorScheme,
-      intl: intl,
-      isActive: isActive,
-      isInserted: isInserted,
-      diffType: diffType,
-      hideAddedDiffsUnderline: hideAddedDiffsUnderline
-    });
-    return;
-  } else {
-    if (shouldApplyStylesDirectly(targetNode.type.name) && nodeView instanceof HTMLElement) {
-      // Apply deleted styles directly to preserve natural block-level margins
-      applyStylesToElement({
+export var wrapBlockNodeView = function wrapBlockNodeView(_ref11) {
+  var dom = _ref11.dom,
+    nodeView = _ref11.nodeView,
+    targetNode = _ref11.targetNode,
+    colorScheme = _ref11.colorScheme,
+    intl = _ref11.intl,
+    _ref11$isActive = _ref11.isActive,
+    isActive = _ref11$isActive === void 0 ? false : _ref11$isActive,
+    _ref11$isInserted = _ref11.isInserted,
+    isInserted = _ref11$isInserted === void 0 ? false : _ref11$isInserted,
+    _ref11$hideAddedDiffs = _ref11.hideAddedDiffsUnderline,
+    hideAddedDiffsUnderline = _ref11$hideAddedDiffs === void 0 ? false : _ref11$hideAddedDiffs,
+    _ref11$highlightInlin = _ref11.highlightInlineLeafNodes,
+    highlightInlineLeafNodes = _ref11$highlightInlin === void 0 ? false : _ref11$highlightInlin;
+  if (nodeView instanceof HTMLElement) {
+    if (isInserted && isMultiContainerBlockNode(targetNode.type.name)) {
+      applyMultiContainerLikeStyles({
         element: nodeView,
         targetNode: targetNode,
         colorScheme: colorScheme,
         isActive: isActive,
         isInserted: isInserted,
-        diffType: diffType
+        hideAddedDiffsUnderline: hideAddedDiffsUnderline
       });
       dom.append(nodeView);
-    } else {
-      wrapBlockNode({
-        dom: dom,
-        nodeView: nodeView,
+      return;
+    }
+    if (isTextLikeBlockNode(targetNode.type.name)) {
+      applyTextLikeBlockNodeStyles({
+        element: nodeView,
         targetNode: targetNode,
         colorScheme: colorScheme,
-        intl: intl,
         isActive: isActive,
         isInserted: isInserted,
-        diffType: diffType
+        hideAddedDiffsUnderline: hideAddedDiffsUnderline,
+        highlightInlineLeafNodes: highlightInlineLeafNodes
       });
+      if (targetNode.type.name === 'blockquote' && fg('platform_editor_ai_show_diff_patch_1')) {
+        appendStyleToElement(nodeView, quoteBlockLevelStyle);
+      }
+      dom.append(nodeView);
+      return;
+    }
+    if (targetNode.type.name === 'table') {
+      if (expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && isExperimentEnabled('platform_editor_table_diff_rounded_corners')) {
+        applyTableCellEdgeAttrs({
+          element: nodeView,
+          tableNode: targetNode
+        });
+      }
+      applyCellOverlayStyles({
+        element: nodeView,
+        colorScheme: colorScheme,
+        isInserted: isInserted
+      });
+      dom.append(nodeView);
+      return;
     }
   }
+  wrapBlockNode({
+    dom: dom,
+    nodeView: nodeView,
+    targetNode: targetNode,
+    colorScheme: colorScheme,
+    intl: intl,
+    isActive: isActive,
+    isInserted: isInserted,
+    hideAddedDiffsUnderline: hideAddedDiffsUnderline
+  });
 };
 
 /**
@@ -628,13 +564,12 @@ export var wrapBlockNodeView = function wrapBlockNodeView(_ref12) {
  * 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(_ref13) {
-  var node = _ref13.node,
-    colorScheme = _ref13.colorScheme,
-    isActive = _ref13.isActive,
-    isInserted = _ref13.isInserted,
-    diffType = _ref13.diffType,
-    reveal = _ref13.reveal;
+export var injectInnerWrapper = function injectInnerWrapper(_ref12) {
+  var node = _ref12.node,
+    colorScheme = _ref12.colorScheme,
+    isActive = _ref12.isActive,
+    isInserted = _ref12.isInserted,
+    reveal = _ref12.reveal;
   var wrapper = document.createElement('span');
   var revealStyle = applyRevealToElement({
     colorScheme: colorScheme,
@@ -643,7 +578,7 @@ export var injectInnerWrapper = function injectInnerWrapper(_ref13) {
     isInserted: isInserted !== null && isInserted !== void 0 ? isInserted : false,
     reveal: reveal
   });
-  wrapper.setAttribute('style', (isInserted ? getInsertedContentStyle(colorScheme, isActive) : getDeletedContentStyle(colorScheme, isActive, diffType, Boolean(revealStyle))) + revealStyle);
+  wrapper.setAttribute('style', (isInserted ? getInsertedContentStyle(colorScheme, isActive) : getDeletedContentStyle(colorScheme, isActive, Boolean(revealStyle))) + revealStyle);
   _toConsumableArray(node.childNodes).forEach(function (child) {
     var removedChild = node.removeChild(child);
     wrapper.append(removedChild);
@@ -658,8 +593,7 @@ export var injectInnerWrapper = function injectInnerWrapper(_ref13) {
 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 diffType = arguments.length > 3 ? arguments[3] : undefined;
-  var reveal = arguments.length > 4 ? arguments[4] : undefined;
+  var reveal = arguments.length > 3 ? arguments[3] : undefined;
   var wrapper = document.createElement('span');
   var baseStyle = convertToInlineCss({
     position: 'relative',
@@ -674,21 +608,14 @@ export var createContentWrapper = function createContentWrapper(colorScheme) {
     isInserted: isInserted,
     reveal: reveal
   });
-  var deletedStyle = getDeletedContentStyle(colorScheme, isActive, diffType, Boolean(revealStyle));
-  if (isExtendedEnabled(diffType)) {
-    if (isInserted) {
-      wrapper.setAttribute('style', "".concat(baseStyle).concat(getInsertedContentStyle(colorScheme, isActive)).concat(revealStyle));
-    } else {
-      wrapper.setAttribute('style', "".concat(baseStyle).concat(deletedStyle).concat(revealStyle));
-      var strikethrough = document.createElement('span');
-      strikethrough.setAttribute('style', getDeletedContentStyleUnbounded(colorScheme, isActive));
-      wrapper.append(strikethrough);
-    }
+  var deletedStyle = getDeletedContentStyle(colorScheme, isActive, Boolean(revealStyle));
+  if (isInserted) {
+    wrapper.setAttribute('style', "".concat(baseStyle).concat(getInsertedContentStyle(colorScheme, isActive)).concat(revealStyle));
   } else {
     wrapper.setAttribute('style', "".concat(baseStyle).concat(deletedStyle).concat(revealStyle));
-    var _strikethrough = document.createElement('span');
-    _strikethrough.setAttribute('style', getDeletedContentStyleUnbounded(colorScheme, isActive));
-    wrapper.append(_strikethrough);
+    var strikethrough = document.createElement('span');
+    strikethrough.setAttribute('style', getDeletedContentStyleUnbounded(colorScheme, isActive));
+    wrapper.append(strikethrough);
   }
   return wrapper;
 };

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

@@ -15,7 +15,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { isExtendedEnabled } from '../../isExtendedEnabled';
 import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildAddedCellOverlayStyleNew, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildDeletedInlineContentStyle, buildDeletedInlineContentStyleExtended, buildDeletedLozengeActiveStyle, buildDeletedLozengeStyle, buildDeletedNodeCSSVariables, buildDeletedQuoteNodeWithLozengeStyle, buildDeletedStrikethroughLine, buildDeletedWrappedBlockOutline, buildInsertedBlockNodeStyle, buildInsertedInlineStyle, buildInsertStyleInBlockExtended, buildInsertStyleInBlockExtendedNoUnderline, buildInsertStyleNode } from '../colorSchemes/factory';
 import { colorSchemeRegistry, getLegacyColorScheme, standardScheme } from '../colorSchemes/schemes';
 import { getChangedContentStyleLegacy, getChangedNodeStyleLegacy, getDeletedContentStyleLegacy, getDeletedContentStyleUnboundedLegacy, getInsertedContentStyleLegacy, hasRestingDeletedRingLegacy, resolveCellOverlayStyleLegacy, resolveNestedInsertedNodeStyleLegacy, resolveRemovedLozengeStyleLegacy } from './wrapBlockNodeViewStyles.legacy';
@@ -41,10 +40,9 @@ export var isTextLikeBlockNode = function isTextLikeBlockNode(nodeName) {
 var getChangedContentStyleNext = function getChangedContentStyleNext(colorScheme) {
   var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var diffType = arguments.length > 3 ? arguments[3] : undefined;
-  var hideAddedDiffsUnderline = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var hideAddedDiffsUnderline = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var colors = getColorScheme(colorScheme);
-  if (isExtendedEnabled(diffType) && isInserted) {
+  if (isInserted) {
     return buildInsertedInlineStyle(colors, isActive, hideAddedDiffsUnderline);
   }
   var base = buildDeletedInlineContentStyle(colors, isActive ? 'active' : 'new');
@@ -52,7 +50,7 @@ var getChangedContentStyleNext = function getChangedContentStyleNext(colorScheme
   // Text-like blocks (heading, lists, blockquote) render their deleted content through this
   // getter rather than `getDeletedContentStyle`, so without this they never receive the
   // glyphTint background + underline that plain deleted text already gets.
-  if (fg('confluence_ncs_step_diffing_version_history') && colors.deletedInlineTreatment === 'glyphTint' && isExtendedEnabled(diffType)) {
+  if (fg('confluence_ncs_step_diffing_version_history') && colors.deletedInlineTreatment === 'glyphTint') {
     return base + buildDeletedInlineContentStyleExtended(colors, isActive);
   }
   return base;
@@ -60,10 +58,9 @@ var getChangedContentStyleNext = function getChangedContentStyleNext(colorScheme
 var getChangedNodeStyleNext = function getChangedNodeStyleNext(nodeName, colorScheme) {
   var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var isActive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var diffType = arguments.length > 4 ? arguments[4] : undefined;
-  var hideAddedDiffsUnderline = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var hideAddedDiffsUnderline = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   var colors = getColorScheme(colorScheme);
-  if (isExtendedEnabled(diffType) && isInserted) {
+  if (isInserted) {
     if (isMultiContainerBlockNode(nodeName)) {
       return hideAddedDiffsUnderline || fg('platform_editor_ai_show_diff_patch_1') ? buildInsertStyleInBlockExtendedNoUnderline(nestedContentScheme) : buildInsertStyleInBlockExtended(nestedContentScheme);
     }
@@ -102,13 +99,12 @@ var getInsertedContentStyleNext = function getInsertedContentStyleNext(colorSche
 };
 var getDeletedContentStyleNext = function getDeletedContentStyleNext(colorScheme) {
   var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var diffType = arguments.length > 2 ? arguments[2] : undefined;
-  var omitHighlight = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var omitHighlight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var colors = getColorScheme(colorScheme);
   var base = buildDeletedInlineContentStyle(colors, isActive ? 'active' : 'new');
 
   // glyphTint adds a background highlight and border-bottom over the tint; strikethrough does not.
-  var needsExtendedHighlight = colors.deletedInlineTreatment === 'glyphTint' && isExtendedEnabled(diffType) && !omitHighlight;
+  var needsExtendedHighlight = colors.deletedInlineTreatment === 'glyphTint' && !omitHighlight;
   return needsExtendedHighlight ? base + buildDeletedInlineContentStyleExtended(colors, isActive) : base;
 };
 var resolveCellOverlayStyleNext = function resolveCellOverlayStyleNext(_ref) {
@@ -139,18 +135,16 @@ var hasRestingDeletedRingNext = function hasRestingDeletedRingNext(colorScheme)
 export var getChangedContentStyle = function getChangedContentStyle(colorScheme) {
   var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var diffType = arguments.length > 3 ? arguments[3] : undefined;
-  var hideAddedDiffsUnderline = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getChangedContentStyleNext(colorScheme, isActive, isInserted, diffType, hideAddedDiffsUnderline) : getChangedContentStyleLegacy(getLegacyColorScheme(colorScheme), isActive, isInserted, diffType, hideAddedDiffsUnderline);
+  var hideAddedDiffsUnderline = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getChangedContentStyleNext(colorScheme, isActive, isInserted, hideAddedDiffsUnderline) : getChangedContentStyleLegacy(getLegacyColorScheme(colorScheme), isActive, isInserted, hideAddedDiffsUnderline);
 };
 
 /** Node-specific style for a changed block node, or `undefined` when the node type has none. */
 export var getChangedNodeStyle = function getChangedNodeStyle(nodeName, colorScheme) {
   var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var isActive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var diffType = arguments.length > 4 ? arguments[4] : undefined;
-  var hideAddedDiffsUnderline = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getChangedNodeStyleNext(nodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline) : getChangedNodeStyleLegacy(nodeName, getLegacyColorScheme(colorScheme), isInserted, isActive, diffType, hideAddedDiffsUnderline);
+  var hideAddedDiffsUnderline = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getChangedNodeStyleNext(nodeName, colorScheme, isInserted, isActive, hideAddedDiffsUnderline) : getChangedNodeStyleLegacy(nodeName, getLegacyColorScheme(colorScheme), isInserted, isActive, hideAddedDiffsUnderline);
 };
 
 /** The positioned line drawn across deleted content spanning an unbounded range. */
@@ -169,9 +163,8 @@ export var getInsertedContentStyle = function getInsertedContentStyle(colorSchem
 /** Inline style for deleted content. */
 export var getDeletedContentStyle = function getDeletedContentStyle(colorScheme) {
   var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var diffType = arguments.length > 2 ? arguments[2] : undefined;
-  var omitHighlight = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getDeletedContentStyleNext(colorScheme, isActive, diffType, omitHighlight) : getDeletedContentStyleLegacy(getLegacyColorScheme(colorScheme), isActive, diffType, omitHighlight);
+  var omitHighlight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getDeletedContentStyleNext(colorScheme, isActive, omitHighlight) : getDeletedContentStyleLegacy(getLegacyColorScheme(colorScheme), isActive, omitHighlight);
 };
 
 /**