@atlaskit/editor-plugin-show-diff 13.0.11 → 13.1.1

package/dist/cjs/pm-plugins/decorations/createBlockChangedDecoration.js

@@ -8,15 +8,65 @@ exports.createBlockChangedDecoration = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _view = require("@atlaskit/editor-prosemirror/view");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _isExtendedEnabled = require("../isExtendedEnabled");
-var _standard = require("./colorSchemes/standard");
-var _traditional = require("./colorSchemes/traditional");
+var _factory = require("./colorSchemes/factory");
+var _schemes = require("./colorSchemes/schemes");
 var _createAnchorDecorationWidgets = require("./createAnchorDecorationWidgets");
 var _decorationKeys = require("./decorationKeys");
+var _createBlockChangedDecorationStyles = require("./createBlockChangedDecoration.styles.legacy");
 var displayNoneStyle = (0, _lazyNodeView.convertToInlineCss)({
   display: 'none'
 });
+var DEFAULT_COLOR_SCHEME = 'standard';
+
+/** Nodes that carry no decoration styling of their own — layout, lists, text blocks, media groups. */
+var UNSTYLED_NODES = ['mediaSingle', 'mediaGroup', 'table',
+// Handle table separately to avoid border issues
+'tableRow', 'paragraph',
+// Paragraph and heading nodes do not need special styling
+'heading', 'hardBreak', 'decisionList', 'taskList', 'bulletList', 'orderedList', 'layoutSection'];
+var CELL_NODES = ['tableCell', 'tableHeader'];
+
+/** Positioning context for the cell overlay widget decorations. */
+var cellPositionStyle = (0, _lazyNodeView.convertToInlineCss)({
+  position: 'relative'
+});
+var getInsertedBlockNodeShape = function getInsertedBlockNodeShape(nodeName) {
+  switch (nodeName) {
+    case 'blockquote':
+      return 'quote';
+    case 'rule':
+      return 'rule';
+    case 'blockCard':
+      return 'cardBlock';
+    case 'extension':
+    case 'embedCard':
+    case 'listItem':
+      return 'marker';
+    default:
+      return 'node';
+  }
+};
+var getDeletedBlockNodeCategory = function getDeletedBlockNodeCategory(nodeName) {
+  switch (nodeName) {
+    case 'blockquote':
+      return 'quote';
+    // Media nodes inside mediaSingle should not get position:relative
+    // as it shifts the image outside its parent container (e.g. panel)
+    case 'media':
+    case 'panel':
+      return 'container';
+    case 'listItem':
+      return 'listItem';
+    case 'extension':
+    case 'embedCard':
+      return 'marker';
+    default:
+      return 'generic';
+  }
+};
 var getNodeClass = function getNodeClass(name) {
   switch (name) {
     case 'extension':
@@ -25,7 +75,7 @@ var getNodeClass = function getNodeClass(name) {
       return undefined;
   }
 };
-var getBlockNodeStyle = function getBlockNodeStyle(_ref) {
+var getBlockNodeStyleNext = function getBlockNodeStyleNext(_ref) {
   var nodeName = _ref.nodeName,
     colorScheme = _ref.colorScheme,
     _ref$isInserted = _ref.isInserted,
@@ -33,90 +83,29 @@ var getBlockNodeStyle = function getBlockNodeStyle(_ref) {
     _ref$isActive = _ref.isActive,
     isActive = _ref$isActive === void 0 ? false : _ref$isActive,
     diffType = _ref.diffType;
-  var isTraditional = colorScheme === 'traditional';
-  if (['mediaSingle', 'mediaGroup', 'table',
-  // Handle table separately to avoid border issues
-  'tableRow', 'paragraph',
-  // Paragraph and heading nodes do not need special styling
-  'heading', 'hardBreak', 'decisionList', 'taskList', 'bulletList', 'orderedList', 'layoutSection'].includes(nodeName)) {
-    // Layout nodes do not need special styling
+  if (UNSTYLED_NODES.includes(nodeName)) {
     return undefined;
   }
-  // Media nodes inside mediaSingle should not get position:relative
-  // as it shifts the image outside its parent container (e.g. panel)
-  if (nodeName === 'media') {
-    if (!isInserted && (0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
-      return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedDecorationMarkerVariable;
-    }
-    return isTraditional ? isActive ? _traditional.traditionalStyleNodeActive : _traditional.traditionalStyleNodeNew : _standard.editingStyleNode;
-  }
-  if (['tableCell', 'tableHeader'].includes(nodeName)) {
-    if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
-      // This is used for positioning the cell overlay widget decorations
-      return (0, _lazyNodeView.convertToInlineCss)({
-        position: 'relative'
-      });
-    }
-    // When gate is off, it should return undefined as above
-    return undefined;
-  }
-  if (nodeName === 'panel') {
-    if (!isInserted && (0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
-      return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedDecorationMarkerVariable;
-    }
-    return isTraditional ? isActive ? _traditional.traditionalStyleNodeActive : _traditional.traditionalStyleNodeNew : _standard.editingStyleNode;
-  }
-  if (['extension', 'embedCard', 'listItem'].includes(nodeName)) {
-    if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
-      if (isInserted) {
-        return isTraditional && isActive ? _traditional.traditionalDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDecorationMarkerVariableNew : _standard.standardDecorationMarkerVariable;
-      } else {
-        if (nodeName === 'listItem') {
-          return isTraditional && isActive ? _traditional.traditionalDeletedDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDeletedDecorationMarkerVariableNew : _standard.deletedDecorationMarkerVariable;
-        }
-        return isTraditional && isActive ? _traditional.traditionalDeletedDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDeletedDecorationMarkerVariableNew : _standard.deletedContentStyleNew;
-      }
-    }
-    return isTraditional && isActive ? _traditional.traditionalDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDecorationMarkerVariableNew : _standard.standardDecorationMarkerVariable;
-  }
-  if (nodeName === 'blockquote') {
-    if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
-      if (isInserted) {
-        return isTraditional ? isActive ? _traditional.traditionalStyleQuoteNodeActive : _traditional.traditionalStyleQuoteNodeNew : _standard.editingStyleQuoteNode;
-      } else {
-        return isTraditional ? _traditional.deletedTraditionalStyleQuoteNode : _standard.deletedStyleQuoteNode;
-      }
-    }
-    return isTraditional ? isActive ? _traditional.traditionalStyleQuoteNodeActive : _traditional.traditionalStyleQuoteNodeNew : _standard.editingStyleQuoteNode;
-  }
-  if (nodeName === 'rule') {
-    if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
-      if (isInserted) {
-        return isTraditional ? isActive ? _traditional.traditionalStyleRuleNodeActive : _traditional.traditionalStyleRuleNodeNew : _standard.editingStyleRuleNode;
-      } else {
-        return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedContentStyleNew;
-      }
-    }
-    return isTraditional ? isActive ? _traditional.traditionalStyleRuleNodeActive : _traditional.traditionalStyleRuleNodeNew : _standard.editingStyleRuleNode;
+  if (CELL_NODES.includes(nodeName)) {
+    // When the gate is off, cells get no styling — as with UNSTYLED_NODES above.
+    return (0, _isExtendedEnabled.isExtendedEnabled)(diffType) ? cellPositionStyle : undefined;
   }
-  if (nodeName === 'blockCard') {
-    if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
-      if (isInserted) {
-        return isTraditional ? isActive ? _traditional.traditionalStyleCardBlockNodeActive : _traditional.traditionalStyleCardBlockNodeNew : _standard.editingStyleCardBlockNode;
-      } else {
-        return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedContentStyleNew;
-      }
-    }
-    return isTraditional ? isActive ? _traditional.traditionalStyleCardBlockNodeActive : _traditional.traditionalStyleCardBlockNodeNew : _standard.editingStyleCardBlockNode;
-  }
-  if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
-    if (isInserted) {
-      return isTraditional ? isActive ? _traditional.traditionalStyleNodeActive : _traditional.traditionalStyleNodeNew : _standard.editingStyleNode;
-    } else {
-      return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedContentStyleNew;
-    }
+  var colors = _schemes.colorSchemeRegistry[colorScheme !== null && colorScheme !== void 0 ? colorScheme : DEFAULT_COLOR_SCHEME];
+
+  // Deleted nodes only differ under the extended experience; otherwise all are insertions.
+  if (!isInserted && (0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
+    return (0, _factory.buildDeletedBlockNodeStyle)(colors, getDeletedBlockNodeCategory(nodeName), isActive);
   }
-  return isTraditional ? isActive ? _traditional.traditionalStyleNodeActive : _traditional.traditionalStyleNodeNew : _standard.editingStyleNode;
+  return (0, _factory.buildInsertedBlockNodeStyle)(colors, getInsertedBlockNodeShape(nodeName), isActive);
+};
+
+/**
+ * Dispatches to the registry-driven implementation, or to the verbatim pre-refactor one for the
+ * OFF cohort of `platform_editor_show_diff_color_scheme_refactor`. Both are built to emit the
+ * same style strings for both shipped schemes; see EDITOR-8281.
+ */
+var getBlockNodeStyle = function getBlockNodeStyle(props) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_show_diff_color_scheme_refactor') ? getBlockNodeStyleNext(props) : (0, _createBlockChangedDecorationStyles.getBlockNodeStyleLegacy)(props);
 };
 
 /**
@@ -179,20 +168,21 @@ var createBlockChangedDecoration = exports.createBlockChangedDecoration = functi
       diffType: diffType
     }))];
   }
-  var style;
-  if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType) && ['tableCell', 'tableHeader'].includes(change.name)) {
+  if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType) && CELL_NODES.includes(change.name)) {
     var cellOverlay = document.createElement('div');
-    var isTraditional = colorScheme === 'traditional';
+    var colors = _schemes.colorSchemeRegistry[colorScheme !== null && colorScheme !== void 0 ? colorScheme : DEFAULT_COLOR_SCHEME];
     var isRoundedTable = (0, _expValEquals.expValEquals)('platform_editor_table_diff_rounded_corners', 'isEnabled', true);
-    var addedCellStyle = isTraditional ? isRoundedTable ? _traditional.traditionalAddedCellOverlayRoundedStyle : _traditional.traditionalAddedCellOverlayStyle : isRoundedTable ? _standard.addedCellOverlayRoundedStyle : _standard.addedCellOverlayStyle;
-    var deletedCellStyle = isTraditional ? isRoundedTable ? _traditional.deletedTraditionalCellOverlayRoundedStyle : _traditional.deletedTraditionalCellOverlayStyle : isRoundedTable ? _standard.deletedCellOverlayRoundedStyle : _standard.deletedCellOverlayStyle;
 
     // On an inverted diff, an empty cell being filled is an addition, so give it the
     // added (purple) overlay instead of the deleted (grey) one (EDITOR-8442).
     var cellNode = doc === null || doc === void 0 ? void 0 : doc.nodeAt(change.from);
     var isEmptyCellBeingFilled = !isInserted && !!cellNode && isCellEmpty(cellNode);
     var useAddedStyle = isInserted || isEmptyCellBeingFilled;
-    var cellOverlayStyle = useAddedStyle ? addedCellStyle : deletedCellStyle;
+    var cellOverlayStyle = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_show_diff_color_scheme_refactor') ? useAddedStyle ? isRoundedTable ? (0, _factory.buildAddedCellOverlayRoundedStyle)(colors) : (0, _factory.buildAddedCellOverlayStyle)(colors) : isRoundedTable ? (0, _factory.buildDeletedCellOverlayRoundedStyle)(colors) : (0, _factory.buildDeletedCellOverlayStyle)(colors) : (0, _createBlockChangedDecorationStyles.resolveCellOverlayStyleLegacy)({
+      colorScheme: colorScheme,
+      isRoundedTable: isRoundedTable,
+      useAddedStyle: useAddedStyle
+    });
     cellOverlay.setAttribute('style', cellOverlayStyle);
     decorations.push(
     // change.to - 1 to position the overlay inside the end of the cell
@@ -202,22 +192,14 @@ var createBlockChangedDecoration = exports.createBlockChangedDecoration = functi
       key: 'cell-overlay-decoration'
     }));
   }
-  if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
-    style = getBlockNodeStyle({
-      nodeName: change.name,
-      colorScheme: colorScheme,
-      isInserted: isInserted,
-      isActive: isActive,
-      diffType: diffType
-    });
-  } else {
-    style = getBlockNodeStyle({
-      nodeName: change.name,
-      colorScheme: colorScheme,
-      isActive: isActive,
-      diffType: diffType
-    });
-  }
+  // isInserted is only read under the extended experience, so pass it unconditionally.
+  var style = getBlockNodeStyle({
+    nodeName: change.name,
+    colorScheme: colorScheme,
+    isInserted: isInserted,
+    isActive: isActive,
+    diffType: diffType
+  });
   var className = getNodeClass(change.name);
   if (style || className) {
     decorations.push(_view.Decoration.node(change.from, change.to, {

package/dist/cjs/pm-plugins/decorations/createBlockChangedDecoration.styles.legacy.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveCellOverlayStyleLegacy = exports.getBlockNodeStyleLegacy = void 0;
+var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _isExtendedEnabled = require("../isExtendedEnabled");
+var _standard = require("./colorSchemes/standard");
+var _traditional = require("./colorSchemes/traditional");
+/**
+ * Pre-refactor code preserved for the OFF cohort of
+ * `platform_editor_show_diff_color_scheme_refactor`.
+ *
+ * This is a verbatim copy of the `getBlockNodeStyle` and the cell-overlay style selection that
+ * lived in `createBlockChangedDecoration.ts` before the `colorSchemeRegistry` + `factory.ts`
+ * migration. Do not modify it — it exists so the OFF cohort keeps the exact pre-refactor style
+ * strings. Delete this file at cleanup, together with `colorSchemes/standard.ts`,
+ * `colorSchemes/traditional.ts` (EDITOR-8281).
+ */
+
+/** Verbatim copy of the pre-refactor cell-overlay style selection. */
+var resolveCellOverlayStyleLegacy = exports.resolveCellOverlayStyleLegacy = function resolveCellOverlayStyleLegacy(_ref) {
+  var colorScheme = _ref.colorScheme,
+    isRoundedTable = _ref.isRoundedTable,
+    useAddedStyle = _ref.useAddedStyle;
+  var isTraditional = colorScheme === 'traditional';
+  var addedCellStyle = isTraditional ? isRoundedTable ? _traditional.traditionalAddedCellOverlayRoundedStyle : _traditional.traditionalAddedCellOverlayStyle : isRoundedTable ? _standard.addedCellOverlayRoundedStyle : _standard.addedCellOverlayStyle;
+  var deletedCellStyle = isTraditional ? isRoundedTable ? _traditional.deletedTraditionalCellOverlayRoundedStyle : _traditional.deletedTraditionalCellOverlayStyle : isRoundedTable ? _standard.deletedCellOverlayRoundedStyle : _standard.deletedCellOverlayStyle;
+  return useAddedStyle ? addedCellStyle : deletedCellStyle;
+};
+var getBlockNodeStyleLegacy = exports.getBlockNodeStyleLegacy = function getBlockNodeStyleLegacy(_ref2) {
+  var nodeName = _ref2.nodeName,
+    colorScheme = _ref2.colorScheme,
+    _ref2$isInserted = _ref2.isInserted,
+    isInserted = _ref2$isInserted === void 0 ? true : _ref2$isInserted,
+    _ref2$isActive = _ref2.isActive,
+    isActive = _ref2$isActive === void 0 ? false : _ref2$isActive,
+    diffType = _ref2.diffType;
+  var isTraditional = colorScheme === 'traditional';
+  if (['mediaSingle', 'mediaGroup', 'table',
+  // Handle table separately to avoid border issues
+  'tableRow', 'paragraph',
+  // Paragraph and heading nodes do not need special styling
+  'heading', 'hardBreak', 'decisionList', 'taskList', 'bulletList', 'orderedList', 'layoutSection'].includes(nodeName)) {
+    // Layout nodes do not need special styling
+    return undefined;
+  }
+  // Media nodes inside mediaSingle should not get position:relative
+  // as it shifts the image outside its parent container (e.g. panel)
+  if (nodeName === 'media') {
+    if (!isInserted && (0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
+      return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedDecorationMarkerVariable;
+    }
+    return isTraditional ? isActive ? _traditional.traditionalStyleNodeActive : _traditional.traditionalStyleNodeNew : _standard.editingStyleNode;
+  }
+  if (['tableCell', 'tableHeader'].includes(nodeName)) {
+    if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
+      // This is used for positioning the cell overlay widget decorations
+      return (0, _lazyNodeView.convertToInlineCss)({
+        position: 'relative'
+      });
+    }
+    // When gate is off, it should return undefined as above
+    return undefined;
+  }
+  if (nodeName === 'panel') {
+    if (!isInserted && (0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
+      return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedDecorationMarkerVariable;
+    }
+    return isTraditional ? isActive ? _traditional.traditionalStyleNodeActive : _traditional.traditionalStyleNodeNew : _standard.editingStyleNode;
+  }
+  if (['extension', 'embedCard', 'listItem'].includes(nodeName)) {
+    if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
+      if (isInserted) {
+        return isTraditional && isActive ? _traditional.traditionalDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDecorationMarkerVariableNew : _standard.standardDecorationMarkerVariable;
+      } else {
+        if (nodeName === 'listItem') {
+          return isTraditional && isActive ? _traditional.traditionalDeletedDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDeletedDecorationMarkerVariableNew : _standard.deletedDecorationMarkerVariable;
+        }
+        return isTraditional && isActive ? _traditional.traditionalDeletedDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDeletedDecorationMarkerVariableNew : _standard.deletedContentStyleNew;
+      }
+    }
+    return isTraditional && isActive ? _traditional.traditionalDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDecorationMarkerVariableNew : _standard.standardDecorationMarkerVariable;
+  }
+  if (nodeName === 'blockquote') {
+    if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
+      if (isInserted) {
+        return isTraditional ? isActive ? _traditional.traditionalStyleQuoteNodeActive : _traditional.traditionalStyleQuoteNodeNew : _standard.editingStyleQuoteNode;
+      } else {
+        return isTraditional ? _traditional.deletedTraditionalStyleQuoteNode : _standard.deletedStyleQuoteNode;
+      }
+    }
+    return isTraditional ? isActive ? _traditional.traditionalStyleQuoteNodeActive : _traditional.traditionalStyleQuoteNodeNew : _standard.editingStyleQuoteNode;
+  }
+  if (nodeName === 'rule') {
+    if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
+      if (isInserted) {
+        return isTraditional ? isActive ? _traditional.traditionalStyleRuleNodeActive : _traditional.traditionalStyleRuleNodeNew : _standard.editingStyleRuleNode;
+      } else {
+        return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedContentStyleNew;
+      }
+    }
+    return isTraditional ? isActive ? _traditional.traditionalStyleRuleNodeActive : _traditional.traditionalStyleRuleNodeNew : _standard.editingStyleRuleNode;
+  }
+  if (nodeName === 'blockCard') {
+    if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
+      if (isInserted) {
+        return isTraditional ? isActive ? _traditional.traditionalStyleCardBlockNodeActive : _traditional.traditionalStyleCardBlockNodeNew : _standard.editingStyleCardBlockNode;
+      } else {
+        return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedContentStyleNew;
+      }
+    }
+    return isTraditional ? isActive ? _traditional.traditionalStyleCardBlockNodeActive : _traditional.traditionalStyleCardBlockNodeNew : _standard.editingStyleCardBlockNode;
+  }
+  if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
+    if (isInserted) {
+      return isTraditional ? isActive ? _traditional.traditionalStyleNodeActive : _traditional.traditionalStyleNodeNew : _standard.editingStyleNode;
+    } else {
+      return isTraditional ? (0, _traditional.getDeletedTraditionalInlineStyle)(false) : _standard.deletedContentStyleNew;
+    }
+  }
+  return isTraditional ? isActive ? _traditional.traditionalStyleNodeActive : _traditional.traditionalStyleNodeNew : _standard.editingStyleNode;
+};

package/dist/cjs/pm-plugins/decorations/createChangedRowDecorationWidgets.js

@@ -11,10 +11,12 @@ var _document = require("@atlaskit/editor-common/utils/document");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _isExtendedEnabled = require("../isExtendedEnabled");
-var _standard = require("./colorSchemes/standard");
-var _traditional = require("./colorSchemes/traditional");
+var _factory = require("./colorSchemes/factory");
+var _schemes = require("./colorSchemes/schemes");
+var _createChangedRowDecorationWidgetsStyles = require("./createChangedRowDecorationWidgets.styles.legacy");
 var _decorationKeys = require("./decorationKeys");
 var _findSafeInsertPos = require("./utils/findSafeInsertPos");
 var _tableCellEdgeAttrs = require("./utils/tableCellEdgeAttrs");
@@ -23,6 +25,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var DEFAULT_COLOR_SCHEME = 'standard';
 /**
  * Extracts information about deleted table rows from a change
  */
@@ -133,12 +136,11 @@ var isEmptyRow = function isEmptyRow(rowNode) {
  */
 var createChangedRowDOM = function createChangedRowDOM(rowNode, cellEdgeAttrs, nodeViewSerializer, colorScheme, isInserted, diffType) {
   var tr = document.createElement('tr');
-  if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
-    if (!isInserted) {
-      tr.setAttribute('style', colorScheme === 'traditional' ? _traditional.deletedTraditionalRowStyle : _standard.deletedRowStyle);
-    }
-  } else {
-    tr.setAttribute('style', colorScheme === 'traditional' ? _traditional.deletedTraditionalRowStyle : _standard.deletedRowStyle);
+  var colors = _schemes.colorSchemeRegistry[colorScheme !== null && colorScheme !== void 0 ? colorScheme : DEFAULT_COLOR_SCHEME];
+
+  // Inserted rows keep their natural styling; the row strikethrough is deletions only.
+  if (!(0, _isExtendedEnabled.isExtendedEnabled)(diffType) || !isInserted) {
+    tr.setAttribute('style', (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_show_diff_color_scheme_refactor') ? (0, _factory.buildDeletedRowStyle)(colors) : (0, _createChangedRowDecorationWidgetsStyles.resolveDeletedRowStyleLegacy)(colorScheme));
   }
   tr.setAttribute('data-testid', 'show-diff-deleted-row');
 
@@ -153,10 +155,11 @@ var createChangedRowDOM = function createChangedRowDOM(rowNode, cellEdgeAttrs, n
           if ((0, _isExtendedEnabled.isExtendedEnabled)(diffType)) {
             var overlay = document.createElement('span');
             var isRoundedTable = (0, _expValEquals.expValEquals)('platform_editor_table_diff_rounded_corners', 'isEnabled', true);
-            var isTraditional = colorScheme === 'traditional';
-            var deletedCellStyle = isTraditional ? isRoundedTable ? _traditional.deletedTraditionalCellOverlayRoundedStyle : _traditional.deletedTraditionalCellOverlayStyle : isRoundedTable ? _standard.deletedCellOverlayRoundedStyle : _standard.deletedCellOverlayStyle;
-            var addedCellStyle = isTraditional ? isRoundedTable ? _traditional.traditionalAddedCellOverlayRoundedStyle : _traditional.traditionalAddedCellOverlayStyle : isRoundedTable ? _standard.addedCellOverlayRoundedStyle : _standard.addedCellOverlayStyle;
-            var overlayStyle = isInserted ? addedCellStyle : deletedCellStyle;
+            var overlayStyle = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_show_diff_color_scheme_refactor') ? isInserted ? isRoundedTable ? (0, _factory.buildAddedCellOverlayRoundedStyle)(colors) : (0, _factory.buildAddedCellOverlayStyle)(colors) : isRoundedTable ? (0, _factory.buildDeletedCellOverlayRoundedStyle)(colors) : (0, _factory.buildDeletedCellOverlayStyle)(colors) : (0, _createChangedRowDecorationWidgetsStyles.resolveCellOverlayStyleLegacy)({
+              colorScheme: colorScheme,
+              isInserted: isInserted,
+              isRoundedTable: isRoundedTable
+            });
             overlay.setAttribute('style', overlayStyle);
             nodeView.appendChild(overlay);
           }

package/dist/cjs/pm-plugins/decorations/createChangedRowDecorationWidgets.styles.legacy.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveDeletedRowStyleLegacy = exports.resolveCellOverlayStyleLegacy = void 0;
+var _standard = require("./colorSchemes/standard");
+var _traditional = require("./colorSchemes/traditional");
+/**
+ * Pre-refactor code preserved for the OFF cohort of
+ * `platform_editor_show_diff_color_scheme_refactor`.
+ *
+ * These resolvers reproduce the per-scheme string-constant style decisions that
+ * `createChangedRowDOM` made before the `colorSchemeRegistry` + `factory.ts` migration, verbatim.
+ *
+ * Do not modify. Delete this file at experiment cleanup (EDITOR-8281).
+ */
+
+/**
+ * Pre-refactor deleted-row style for the `<tr>` element.
+ */
+var resolveDeletedRowStyleLegacy = exports.resolveDeletedRowStyleLegacy = function resolveDeletedRowStyleLegacy(colorScheme) {
+  return colorScheme === 'traditional' ? _traditional.deletedTraditionalRowStyle : _standard.deletedRowStyle;
+};
+
+/**
+ * Pre-refactor cell overlay style.
+ */
+var resolveCellOverlayStyleLegacy = exports.resolveCellOverlayStyleLegacy = function resolveCellOverlayStyleLegacy(_ref) {
+  var colorScheme = _ref.colorScheme,
+    isInserted = _ref.isInserted,
+    isRoundedTable = _ref.isRoundedTable;
+  var isTraditional = colorScheme === 'traditional';
+  var deletedCellStyle = isTraditional ? isRoundedTable ? _traditional.deletedTraditionalCellOverlayRoundedStyle : _traditional.deletedTraditionalCellOverlayStyle : isRoundedTable ? _standard.deletedCellOverlayRoundedStyle : _standard.deletedCellOverlayStyle;
+  var addedCellStyle = isTraditional ? isRoundedTable ? _traditional.traditionalAddedCellOverlayRoundedStyle : _traditional.traditionalAddedCellOverlayStyle : isRoundedTable ? _standard.addedCellOverlayRoundedStyle : _standard.addedCellOverlayStyle;
+  return isInserted ? addedCellStyle : deletedCellStyle;
+};