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

package/dist/esm/pm-plugins/colorSchemes/standard.js

@@ -48,43 +48,45 @@ export var deletedContentStyleUnbounded = convertToInlineCss({
   pointerEvents: 'none',
   zIndex: 1
 });
-var editingStyleQuoteNode = convertToInlineCss({
+export var deletedStyleQuoteNode = convertToInlineCss({
+  borderLeft: "2px solid ".concat("var(--ds-border-accent-gray, #7D818A)")
+});
+export var deletedStyleQuoteNodeWithLozenge = convertToInlineCss({
+  marginTop: "var(--ds-space-150, 12px)",
+  paddingTop: "var(--ds-space-025, 2px)",
+  paddingBottom: "var(--ds-space-025, 2px)",
+  paddingLeft: "var(--ds-space-025, 2px)",
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
+  borderRadius: "var(--ds-radius-small, 4px)"
+});
+export var deletedBlockOutline = convertToInlineCss({
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
+  borderRadius: "var(--ds-radius-small, 4px)"
+});
+export var deletedBlockOutlineRounded = convertToInlineCss({
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
+  borderRadius: "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)")
+});
+export var deletedRowStyle = convertToInlineCss({
+  color: "var(--ds-text-accent-gray, #505258)",
+  textDecoration: 'line-through',
+  opacity: 0.6,
+  display: 'table-row'
+});
+export var editingStyleQuoteNode = convertToInlineCss({
   borderLeft: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)")
 });
-var editingStyleRuleNode = convertToInlineCss({
+export var editingStyleRuleNode = convertToInlineCss({
   backgroundColor: "var(--ds-border-accent-purple, #AF59E1)"
 });
-var editingStyleNode = convertToInlineCss({
+export var editingStyleNode = convertToInlineCss({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #AF59E1)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var editingStyleCardBlockNode = convertToInlineCss({
+export var editingStyleCardBlockNode = convertToInlineCss({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #AF59E1)"),
   borderRadius: "var(--ds-radius-medium, 6px)"
 });
-var standardDecorationMarkerVariableName = convertToInlineCss({
+export var standardDecorationMarkerVariable = convertToInlineCss({
   '--diff-decoration-marker-color': "var(--ds-border-accent-purple, #AF59E1)"
-});
-export var getStandardNodeStyle = function getStandardNodeStyle(nodeName) {
-  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 standardDecorationMarkerVariableName;
-  }
-  if (nodeName === 'blockquote') {
-    return editingStyleQuoteNode;
-  }
-  if (nodeName === 'rule') {
-    return editingStyleRuleNode;
-  }
-  if (nodeName === 'blockCard') {
-    return editingStyleCardBlockNode;
-  }
-  return editingStyleNode;
-};
+});

package/dist/esm/pm-plugins/colorSchemes/traditional.js

@@ -28,43 +28,42 @@ export var deletedTraditionalContentStyleUnbounded = convertToInlineCss({
   pointerEvents: 'none',
   zIndex: 1
 });
-var traditionalStyleQuoteNode = convertToInlineCss({
+export var deletedTraditionalStyleQuoteNode = convertToInlineCss({
+  marginTop: "var(--ds-space-150, 12px)",
+  paddingTop: "var(--ds-space-025, 2px)",
+  paddingBottom: "var(--ds-space-025, 2px)",
+  paddingLeft: "var(--ds-space-025, 2px)",
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+  borderRadius: "var(--ds-radius-small, 4px)"
+});
+export var deletedTraditionalBlockOutline = convertToInlineCss({
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+  borderRadius: "var(--ds-radius-small, 4px)"
+});
+export var deletedTraditionalBlockOutlineRounded = convertToInlineCss({
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
+  borderRadius: "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)")
+});
+export var deletedTraditionalRowStyle = convertToInlineCss({
+  textDecorationColor: "var(--ds-border-accent-red, #E2483D)",
+  textDecoration: 'line-through',
+  opacity: 0.6,
+  display: 'table-row'
+});
+export var traditionalStyleQuoteNode = convertToInlineCss({
   borderLeft: "2px solid ".concat("var(--ds-border-accent-green, #22A06B)")
 });
-var traditionalStyleRuleNode = convertToInlineCss({
+export var traditionalStyleRuleNode = convertToInlineCss({
   backgroundColor: "var(--ds-border-accent-green, #22A06B)"
 });
-var traditionalStyleNode = convertToInlineCss({
+export var traditionalStyleNode = convertToInlineCss({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-green, #22A06B)"),
   borderRadius: "var(--ds-radius-small, 4px)"
 });
-var traditionalStyleCardBlockNode = convertToInlineCss({
+export var traditionalStyleCardBlockNode = convertToInlineCss({
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-green, #22A06B)"),
   borderRadius: "var(--ds-radius-medium, 6px)"
 });
-var traditionalDecorationMarkerVariable = convertToInlineCss({
+export var traditionalDecorationMarkerVariable = convertToInlineCss({
   '--diff-decoration-marker-color': "var(--ds-border-accent-green, #22A06B)"
-});
-export var getTraditionalNodeStyle = function getTraditionalNodeStyle(nodeName) {
-  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 traditionalDecorationMarkerVariable;
-  }
-  if (nodeName === 'blockquote') {
-    return traditionalStyleQuoteNode;
-  }
-  if (nodeName === 'rule') {
-    return traditionalStyleRuleNode;
-  }
-  if (nodeName === 'blockCard') {
-    return traditionalStyleCardBlockNode;
-  }
-  return traditionalStyleNode;
-};
+});

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

@@ -2,9 +2,9 @@ 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 { getStandardNodeStyle, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleNewActive, editingStyle, editingStyleActive, deletedContentStyleUnbounded } from './colorSchemes/standard';
-import { getTraditionalNodeStyle, deletedTraditionalContentStyle, deletedTraditionalContentStyleUnbounded, traditionalInsertStyle, traditionalInsertStyleActive } from './colorSchemes/traditional';
-import { createDeletedStyleWrapperWithoutOpacity, handleBlockNodeView } from './deletedBlocksHandler';
+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';
 /**
@@ -13,8 +13,11 @@ import { findSafeInsertPos } from './findSafeInsertPos';
  * @param change Changeset "change" containing information about the change content + range
  * @returns Prosemirror inline decoration
  */
-export var createInlineChangedDecoration = function createInlineChangedDecoration(change, colorScheme) {
-  var isActive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+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;
@@ -49,8 +52,38 @@ var getNodeClass = function getNodeClass(name) {
       return undefined;
   }
 };
-var getBlockNodeStyle = function getBlockNodeStyle(name, colorScheme) {
-  return colorScheme === 'traditional' ? getTraditionalNodeStyle(name) : getStandardNodeStyle(name);
+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)
+ */
+var createDeletedStyleWrapperWithoutOpacity = function createDeletedStyleWrapperWithoutOpacity(colorScheme, isActive) {
+  var wrapper = document.createElement('span');
+  wrapper.setAttribute('style', getDeletedContentStyle(colorScheme, isActive));
+  return wrapper;
 };
 
 /**
@@ -59,7 +92,9 @@ var getBlockNodeStyle = function getBlockNodeStyle(name, colorScheme) {
  * @param change Changeset "change" containing information about the change content + range
  * @returns Prosemirror inline decoration
  */
-export var createBlockChangedDecoration = function createBlockChangedDecoration(change, colorScheme) {
+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);
@@ -96,15 +131,15 @@ var createContentWrapper = function createContentWrapper(colorScheme) {
   wrapper.append(strikethrough);
   return wrapper;
 };
-export var createDeletedContentDecoration = function createDeletedContentDecoration(_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;
+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;
   var slice = doc.slice(change.fromA, change.toA);
   if (slice.content.content.length === 0) {
     return;
@@ -126,7 +161,13 @@ export var createDeletedContentDecoration = function createDeletedContentDecorat
     if (!fg('platform_editor_ai_aifc_patch_ga')) {
       return;
     }
-    var _handleDeletedRows = handleDeletedRows([change], doc, newDoc, nodeViewSerializer, colorScheme),
+    var _handleDeletedRows = handleDeletedRows({
+        changes: [change],
+        originalDoc: doc,
+        newDoc: newDoc,
+        nodeViewSerializer: nodeViewSerializer,
+        colorScheme: colorScheme
+      }),
       decorations = _handleDeletedRows.decorations;
     return decorations;
   }

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

@@ -4,42 +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';
-export var deletedStyleQuoteNode = convertToInlineCss({
-  borderLeft: "2px solid ".concat("var(--ds-border-accent-gray, #7D818A)")
-});
-export var deletedStyleQuoteNodeWithLozenge = convertToInlineCss({
-  marginTop: "var(--ds-space-150, 12px)",
-  paddingTop: "var(--ds-space-025, 2px)",
-  paddingBottom: "var(--ds-space-025, 2px)",
-  paddingLeft: "var(--ds-space-025, 2px)",
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
-  borderRadius: "var(--ds-radius-small, 4px)"
-});
-export var deletedTraditionalStyleQuoteNode = convertToInlineCss({
-  marginTop: "var(--ds-space-150, 12px)",
-  paddingTop: "var(--ds-space-025, 2px)",
-  paddingBottom: "var(--ds-space-025, 2px)",
-  paddingLeft: "var(--ds-space-025, 2px)",
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
-  borderRadius: "var(--ds-radius-small, 4px)"
-});
-export var deletedBlockOutline = convertToInlineCss({
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
-  borderRadius: "var(--ds-radius-small, 4px)"
-});
-export var deletedTraditionalBlockOutline = convertToInlineCss({
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
-  borderRadius: "var(--ds-radius-small, 4px)"
-});
-export var deletedBlockOutlineRounded = convertToInlineCss({
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
-  borderRadius: "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)")
-});
-export var deletedTraditionalBlockOutlineRounded = convertToInlineCss({
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
-  borderRadius: "calc(".concat("var(--ds-radius-xsmall, 2px)", " + 1px)")
-});
 var lozengeStyle = convertToInlineCss({
   display: 'inline-flex',
   boxSizing: 'border-box',
@@ -71,7 +38,7 @@ export var getDeletedStyleNode = function getDeletedStyleNode(nodeName, colorSch
       return undefined;
   }
 };
-export var shouldShowRemovedLozenge = function shouldShowRemovedLozenge(nodeName) {
+var shouldShowRemovedLozenge = function shouldShowRemovedLozenge(nodeName) {
   switch (nodeName) {
     case 'expand':
     case 'codeBlock':
@@ -86,7 +53,7 @@ export var shouldShowRemovedLozenge = function shouldShowRemovedLozenge(nodeName
       return false;
   }
 };
-export var shouldAddShowDiffDeletedNodeClass = function shouldAddShowDiffDeletedNodeClass(nodeName) {
+var shouldAddShowDiffDeletedNodeClass = function shouldAddShowDiffDeletedNodeClass(nodeName) {
   switch (nodeName) {
     case 'mediaSingle':
     case 'embedCard':
@@ -102,14 +69,14 @@ export var shouldAddShowDiffDeletedNodeClass = function shouldAddShowDiffDeleted
  * Checks if a node should apply deleted styles directly without wrapper
  * to preserve natural block-level margins
  */
-export var shouldApplyDeletedStylesDirectly = function shouldApplyDeletedStylesDirectly(nodeName) {
+var shouldApplyDeletedStylesDirectly = function shouldApplyDeletedStylesDirectly(nodeName) {
   return nodeName === 'heading' || nodeName === 'blockquote' && !fg('platform_editor_ai_aifc_patch_ga_blockers');
 };
 
 /**
  * Creates a "Removed" lozenge to be displayed at the top right corner of deleted block nodes
  */
-export var createRemovedLozenge = function createRemovedLozenge(intl, nodeName) {
+var createRemovedLozenge = function createRemovedLozenge(intl, nodeName) {
   var container = document.createElement('span');
   var borderTopRightRadius;
   if (['expand', 'decisionList'].includes(nodeName || '')) {
@@ -142,7 +109,7 @@ export var createRemovedLozenge = function createRemovedLozenge(intl, nodeName)
 /**
  * Wraps a block node in a container with relative positioning to support absolute positioned lozenge
  */
-export var createBlockNodeWrapper = function createBlockNodeWrapper() {
+var createBlockNodeWrapper = function createBlockNodeWrapper() {
   var wrapper = document.createElement('div');
   var baseStyle = convertToInlineCss({
     position: 'relative',
@@ -153,19 +120,10 @@ export var createBlockNodeWrapper = function createBlockNodeWrapper() {
   return wrapper;
 };
 
-/**
- * Wraps content with deleted styling without opacity (for use when content is a direct child of dom)
- */
-export var createDeletedStyleWrapperWithoutOpacity = function createDeletedStyleWrapperWithoutOpacity(colorScheme, isActive) {
-  var wrapper = document.createElement('span');
-  wrapper.setAttribute('style', getDeletedContentStyle(colorScheme, isActive));
-  return wrapper;
-};
-
 /**
  * Applies deleted styles directly to an HTML element by merging with existing styles
  */
-export var applyDeletedStylesToElement = function applyDeletedStylesToElement(element, targetNode, colorScheme) {
+var applyDeletedStylesToElement = function applyDeletedStylesToElement(element, targetNode, colorScheme) {
   var currentStyle = element.getAttribute('style') || '';
   var deletedContentStyle = getDeletedContentStyle(colorScheme);
   var nodeSpecificStyle = getDeletedStyleNode(targetNode.type.name, colorScheme) || '';
@@ -175,7 +133,7 @@ export var applyDeletedStylesToElement = function applyDeletedStylesToElement(el
 /**
  * Creates a content wrapper with deleted styles for a block node
  */
-export var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(nodeView, targetNode, colorScheme) {
+var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(nodeView, targetNode, colorScheme) {
   var contentWrapper = document.createElement('div');
   var nodeStyle = getDeletedStyleNode(targetNode.type.name, colorScheme);
   contentWrapper.setAttribute('style', "".concat(getDeletedContentStyle(colorScheme)).concat(nodeStyle || ''));
@@ -189,7 +147,7 @@ export var createBlockNodeContentWrapper = function createBlockNodeContentWrappe
  * to wait for the rich-media-item to appear before attaching the lozenge.
  * @returns true if embedCard was handled
  */
-export var handleEmbedCardWithLozenge = function handleEmbedCardWithLozenge(dom, nodeView, targetNode, lozenge, colorScheme) {
+var handleEmbedCardWithLozenge = function handleEmbedCardWithLozenge(dom, nodeView, targetNode, lozenge, colorScheme) {
   if (targetNode.type.name !== 'embedCard' || !(nodeView instanceof HTMLElement)) {
     return false;
   }
@@ -250,7 +208,7 @@ export var handleMediaSingleWithLozenge = function handleMediaSingleWithLozenge(
 /**
  * Appends a block node with wrapper, lozenge, and appropriate styling
  */
-export var appendBlockNodeWithWrapper = function appendBlockNodeWithWrapper(dom, nodeView, targetNode, colorScheme, intl) {
+var appendBlockNodeWithWrapper = function appendBlockNodeWithWrapper(dom, nodeView, targetNode, colorScheme, intl) {
   var blockWrapper = createBlockNodeWrapper();
   if (shouldShowRemovedLozenge(targetNode.type.name)) {
     var lozenge = createRemovedLozenge(intl);

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

@@ -2,24 +2,13 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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; }
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { areNodesEqualIgnoreAttrs } from '@atlaskit/editor-common/utils/document';
 import { findParentNodeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { deletedRowStyle } from './colorSchemes/standard';
+import { deletedTraditionalRowStyle } from './colorSchemes/traditional';
 import { findSafeInsertPos } from './findSafeInsertPos';
-var deletedRowStyle = convertToInlineCss({
-  color: "var(--ds-text-accent-gray, #505258)",
-  textDecoration: 'line-through',
-  opacity: 0.6,
-  display: 'table-row'
-});
-var deletedTraditionalRowStyle = convertToInlineCss({
-  textDecorationColor: "var(--ds-border-accent-red, #E2483D)",
-  textDecoration: 'line-through',
-  opacity: 0.6,
-  display: 'table-row'
-});
 /**
  * Extracts information about deleted table rows from a change
  */
@@ -189,7 +178,12 @@ export var createDeletedRowsDecorations = function createDeletedRowsDecorations(
 /**
  * Main function to handle deleted rows - computes diff and creates decorations
  */
-export var handleDeletedRows = function handleDeletedRows(changes, originalDoc, newDoc, nodeViewSerializer, colorScheme) {
+export var handleDeletedRows = function handleDeletedRows(_ref2) {
+  var changes = _ref2.changes,
+    originalDoc = _ref2.originalDoc,
+    newDoc = _ref2.newDoc,
+    nodeViewSerializer = _ref2.nodeViewSerializer,
+    colorScheme = _ref2.colorScheme;
   // First, expand the changes to include complete deleted rows
   var deletedRows = expandDiffForDeletedRows(changes.filter(function (change) {
     return change.deleted.length > 0;

package/dist/types/pm-plugins/colorSchemes/standard.d.ts

@@ -5,4 +5,13 @@ export declare const deletedContentStyleActive: string;
 export declare const deletedContentStyleNew: string;
 export declare const deletedContentStyleNewActive: string;
 export declare const deletedContentStyleUnbounded: string;
-export declare const getStandardNodeStyle: (nodeName: string) => string | undefined;
+export declare const deletedStyleQuoteNode: string;
+export declare const deletedStyleQuoteNodeWithLozenge: string;
+export declare const deletedBlockOutline: string;
+export declare const deletedBlockOutlineRounded: string;
+export declare const deletedRowStyle: string;
+export declare const editingStyleQuoteNode: string;
+export declare const editingStyleRuleNode: string;
+export declare const editingStyleNode: string;
+export declare const editingStyleCardBlockNode: string;
+export declare const standardDecorationMarkerVariable: string;

package/dist/types/pm-plugins/colorSchemes/traditional.d.ts

@@ -2,4 +2,12 @@ export declare const traditionalInsertStyle: string;
 export declare const traditionalInsertStyleActive: string;
 export declare const deletedTraditionalContentStyle: string;
 export declare const deletedTraditionalContentStyleUnbounded: string;
-export declare const getTraditionalNodeStyle: (nodeName: string) => string | undefined;
+export declare const deletedTraditionalStyleQuoteNode: string;
+export declare const deletedTraditionalBlockOutline: string;
+export declare const deletedTraditionalBlockOutlineRounded: string;
+export declare const deletedTraditionalRowStyle: string;
+export declare const traditionalStyleQuoteNode: string;
+export declare const traditionalStyleRuleNode: string;
+export declare const traditionalStyleNode: string;
+export declare const traditionalStyleCardBlockNode: string;
+export declare const traditionalDecorationMarkerVariable: string;

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

@@ -9,10 +9,14 @@ import type { NodeViewSerializer } from './NodeViewSerializer';
  * @param change Changeset "change" containing information about the change content + range
  * @returns Prosemirror inline decoration
  */
-export declare const createInlineChangedDecoration: (change: {
-    fromB: number;
-    toB: number;
-}, colorScheme?: "standard" | "traditional", isActive?: boolean) => Decoration;
+export declare const createInlineChangedDecoration: ({ change, colorScheme, isActive, }: {
+    change: {
+        fromB: number;
+        toB: number;
+    };
+    colorScheme?: "standard" | "traditional";
+    isActive?: boolean;
+}) => Decoration;
 export declare const getDeletedContentStyleUnbounded: (colorScheme?: "standard" | "traditional") => string;
 export declare const getDeletedContentStyle: (colorScheme?: "standard" | "traditional", isActive?: boolean) => string;
 /**
@@ -21,11 +25,14 @@ export declare const getDeletedContentStyle: (colorScheme?: "standard" | "tradit
  * @param change Changeset "change" containing information about the change content + range
  * @returns Prosemirror inline decoration
  */
-export declare const createBlockChangedDecoration: (change: {
-    from: number;
-    name: string;
-    to: number;
-}, colorScheme?: "standard" | "traditional") => Decoration | undefined;
+export declare const createBlockChangedDecoration: ({ change, colorScheme, }: {
+    change: {
+        from: number;
+        name: string;
+        to: number;
+    };
+    colorScheme?: "standard" | "traditional";
+}) => Decoration | undefined;
 interface DeletedContentDecorationProps {
     change: Pick<Change, 'fromA' | 'toA' | 'fromB' | 'deleted'>;
     colorScheme?: 'standard' | 'traditional';

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

@@ -1,56 +1,11 @@
 import type { IntlShape } from 'react-intl-next';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-export declare const deletedStyleQuoteNode: string;
-export declare const deletedStyleQuoteNodeWithLozenge: string;
-export declare const deletedTraditionalStyleQuoteNode: string;
-export declare const deletedBlockOutline: string;
-export declare const deletedTraditionalBlockOutline: string;
-export declare const deletedBlockOutlineRounded: string;
-export declare const deletedTraditionalBlockOutlineRounded: string;
 export declare const getDeletedStyleNode: (nodeName: string, colorScheme?: "standard" | "traditional") => string | undefined;
-export declare const shouldShowRemovedLozenge: (nodeName: string) => boolean;
-export declare const shouldAddShowDiffDeletedNodeClass: (nodeName: string) => boolean;
-/**
- * Checks if a node should apply deleted styles directly without wrapper
- * to preserve natural block-level margins
- */
-export declare const shouldApplyDeletedStylesDirectly: (nodeName: string) => boolean;
-/**
- * Creates a "Removed" lozenge to be displayed at the top right corner of deleted block nodes
- */
-export declare const createRemovedLozenge: (intl: IntlShape, nodeName?: string) => HTMLElement;
-/**
- * Wraps a block node in a container with relative positioning to support absolute positioned lozenge
- */
-export declare const createBlockNodeWrapper: () => HTMLDivElement;
-/**
- * Wraps content with deleted styling without opacity (for use when content is a direct child of dom)
- */
-export declare const createDeletedStyleWrapperWithoutOpacity: (colorScheme?: "standard" | "traditional", isActive?: boolean) => HTMLSpanElement;
-/**
- * Applies deleted styles directly to an HTML element by merging with existing styles
- */
-export declare const applyDeletedStylesToElement: (element: HTMLElement, targetNode: PMNode, colorScheme: "standard" | "traditional" | undefined) => void;
-/**
- * Creates a content wrapper with deleted styles for a block node
- */
-export declare const createBlockNodeContentWrapper: (nodeView: Node, targetNode: PMNode, colorScheme: "standard" | "traditional" | undefined) => HTMLElement;
-/**
- * Handles embedCard node rendering with lozenge attached to the rich-media-item container.
- * Since embedCard content loads asynchronously, we use a MutationObserver
- * to wait for the rich-media-item to appear before attaching the lozenge.
- * @returns true if embedCard was handled
- */
-export declare const handleEmbedCardWithLozenge: (dom: HTMLElement, nodeView: Node, targetNode: PMNode, lozenge: HTMLElement, colorScheme: "standard" | "traditional" | undefined) => boolean;
 /**
  * Handles special mediaSingle node rendering with lozenge on child media element
  * @returns true if mediaSingle was handled, false otherwise
  */
 export declare const handleMediaSingleWithLozenge: (dom: HTMLElement, nodeView: Node, targetNode: PMNode, lozenge: HTMLElement, colorScheme: "standard" | "traditional" | undefined) => boolean;
-/**
- * Appends a block node with wrapper, lozenge, and appropriate styling
- */
-export declare const appendBlockNodeWithWrapper: (dom: HTMLElement, nodeView: Node, targetNode: PMNode, colorScheme: "standard" | "traditional" | undefined, intl: IntlShape) => void;
 /**
  * Handles all block node rendering with appropriate deleted styling.
  * For heading nodes, applies styles directly to preserve natural margins.

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

@@ -24,7 +24,13 @@ export declare const createDeletedRowsDecorations: ({ deletedRows, originalDoc,
 /**
  * Main function to handle deleted rows - computes diff and creates decorations
  */
-export declare const handleDeletedRows: (changes: SimpleChange[], originalDoc: PMNode, newDoc: PMNode, nodeViewSerializer: NodeViewSerializer, colorScheme?: "standard" | "traditional") => {
+export declare const handleDeletedRows: ({ changes, originalDoc, newDoc, nodeViewSerializer, colorScheme, }: {
+    changes: SimpleChange[];
+    colorScheme?: "standard" | "traditional";
+    newDoc: PMNode;
+    nodeViewSerializer: NodeViewSerializer;
+    originalDoc: PMNode;
+}) => {
     decorations: Decoration[];
 };
 export {};

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

@@ -5,4 +5,13 @@ export declare const deletedContentStyleActive: string;
 export declare const deletedContentStyleNew: string;
 export declare const deletedContentStyleNewActive: string;
 export declare const deletedContentStyleUnbounded: string;
-export declare const getStandardNodeStyle: (nodeName: string) => string | undefined;
+export declare const deletedStyleQuoteNode: string;
+export declare const deletedStyleQuoteNodeWithLozenge: string;
+export declare const deletedBlockOutline: string;
+export declare const deletedBlockOutlineRounded: string;
+export declare const deletedRowStyle: string;
+export declare const editingStyleQuoteNode: string;
+export declare const editingStyleRuleNode: string;
+export declare const editingStyleNode: string;
+export declare const editingStyleCardBlockNode: string;
+export declare const standardDecorationMarkerVariable: string;

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

@@ -2,4 +2,12 @@ export declare const traditionalInsertStyle: string;
 export declare const traditionalInsertStyleActive: string;
 export declare const deletedTraditionalContentStyle: string;
 export declare const deletedTraditionalContentStyleUnbounded: string;
-export declare const getTraditionalNodeStyle: (nodeName: string) => string | undefined;
+export declare const deletedTraditionalStyleQuoteNode: string;
+export declare const deletedTraditionalBlockOutline: string;
+export declare const deletedTraditionalBlockOutlineRounded: string;
+export declare const deletedTraditionalRowStyle: string;
+export declare const traditionalStyleQuoteNode: string;
+export declare const traditionalStyleRuleNode: string;
+export declare const traditionalStyleNode: string;
+export declare const traditionalStyleCardBlockNode: string;
+export declare const traditionalDecorationMarkerVariable: string;