@atlaskit/editor-plugin-show-diff 6.3.1 → 6.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-show-diff
 
+## 6.4.0
+
+### Minor Changes
+
+- [`7739efec523bc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7739efec523bc) -
+  EDITOR-6371: Add toggle for showing / hiding deleted changes in the diff.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.3.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.3.1
 
 ### Patch Changes

package/dist/cjs/pm-plugins/calculateDiff/calculateDiffDecorations.js

@@ -56,7 +56,9 @@ var calculateNodesForBlockDecoration = function calculateNodesForBlockDecoration
     colorScheme = _ref2.colorScheme,
     _ref2$isInserted = _ref2.isInserted,
     isInserted = _ref2$isInserted === void 0 ? true : _ref2$isInserted,
-    activeIndexPos = _ref2.activeIndexPos;
+    activeIndexPos = _ref2.activeIndexPos,
+    _ref2$shouldHideDelet = _ref2.shouldHideDeleted,
+    shouldHideDeleted = _ref2$shouldHideDelet === void 0 ? false : _ref2$shouldHideDelet;
   var decorations = [];
   // Iterate over the document nodes within the range
   doc.nodesBetween(from, to, function (node, pos) {
@@ -71,7 +73,8 @@ var calculateNodesForBlockDecoration = function calculateNodesForBlockDecoration
         },
         colorScheme: colorScheme,
         isInserted: isInserted,
-        isActive: isActive
+        isActive: isActive,
+        shouldHideDeleted: shouldHideDeleted
       });
       if (blockChangedDecorations.length) {
         decorations.push.apply(decorations, (0, _toConsumableArray2.default)(blockChangedDecorations));
@@ -91,7 +94,9 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref3
     _ref3$isInverted = _ref3.isInverted,
     isInverted = _ref3$isInverted === void 0 ? false : _ref3$isInverted,
     _ref3$diffType = _ref3.diffType,
-    diffType = _ref3$diffType === void 0 ? 'inline' : _ref3$diffType;
+    diffType = _ref3$diffType === void 0 ? 'inline' : _ref3$diffType,
+    _ref3$hideDeletedDiff = _ref3.hideDeletedDiffs,
+    hideDeletedDiffs = _ref3$hideDeletedDiff === void 0 ? false : _ref3$hideDeletedDiff;
   var originalDoc = pluginState.originalDoc,
     steps = pluginState.steps;
   if (!originalDoc || !pluginState.isDisplayingChanges) {
@@ -162,12 +167,14 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref3
     // Our default operations are insertions, so it should match the opposite of isInverted.
     var isInserted = !isInverted;
     if (change.inserted.length > 0) {
+      var shouldHideDeleted = (0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) ? isInverted && hideDeletedDiffs : false;
       decorations.push((0, _createInlineChangedDecoration.createInlineChangedDecoration)(_objectSpread({
         change: change,
         colorScheme: colorScheme,
         isActive: isActive
       }, (0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
-        isInserted: isInserted
+        isInserted: isInserted,
+        shouldHideDeleted: shouldHideDeleted
       })));
       decorations.push.apply(decorations, (0, _toConsumableArray2.default)(calculateNodesForBlockDecoration(_objectSpread(_objectSpread({
         doc: tr.doc,
@@ -175,27 +182,31 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref3
         to: change.toB,
         colorScheme: colorScheme
       }, (0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
-        isInserted: isInserted
+        isInserted: isInserted,
+        shouldHideDeleted: shouldHideDeleted
       }), {}, {
         activeIndexPos: activeIndexPos,
         intl: intl
       }))));
     }
     if (change.deleted.length > 0) {
-      var decoration = (0, _createNodeChangedDecorationWidget.createNodeChangedDecorationWidget)(_objectSpread({
-        change: change,
-        doc: originalDoc,
-        nodeViewSerializer: nodeViewSerializer,
-        colorScheme: colorScheme,
-        newDoc: tr.doc,
-        intl: intl,
-        activeIndexPos: activeIndexPos
-      }, (0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
-        isInserted: !isInserted,
-        diffType: diffType
-      }));
-      if (decoration) {
-        decorations.push.apply(decorations, (0, _toConsumableArray2.default)(decoration));
+      var _shouldHideDeleted = (0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) ? !isInverted && hideDeletedDiffs : false;
+      if (!_shouldHideDeleted) {
+        var decoration = (0, _createNodeChangedDecorationWidget.createNodeChangedDecorationWidget)(_objectSpread({
+          change: change,
+          doc: originalDoc,
+          nodeViewSerializer: nodeViewSerializer,
+          colorScheme: colorScheme,
+          newDoc: tr.doc,
+          intl: intl,
+          activeIndexPos: activeIndexPos
+        }, (0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
+          isInserted: !isInserted,
+          diffType: diffType
+        }));
+        if (decoration) {
+          decorations.push.apply(decorations, (0, _toConsumableArray2.default)(decoration));
+        }
       }
     }
   });
@@ -233,7 +244,8 @@ function (_ref4, _ref5) {
     intl = _ref6$.intl,
     activeIndexPos = _ref6$.activeIndexPos,
     isInverted = _ref6$.isInverted,
-    diffType = _ref6$.diffType;
+    diffType = _ref6$.diffType,
+    hideDeletedDiffs = _ref6$.hideDeletedDiffs;
   var _ref7 = (0, _slicedToArray2.default)(_ref5, 1),
     _ref7$ = _ref7[0],
     lastPluginState = _ref7$.pluginState,
@@ -242,11 +254,12 @@ function (_ref4, _ref5) {
     lastIntl = _ref7$.intl,
     lastActiveIndexPos = _ref7$.activeIndexPos,
     lastIsInverted = _ref7$.isInverted,
-    lastDiffType = _ref7$.diffType;
+    lastDiffType = _ref7$.diffType,
+    lastHideDeletedDiffs = _ref7$.hideDeletedDiffs;
   var originalDocIsSame = lastPluginState.originalDoc && pluginState.originalDoc && pluginState.originalDoc.eq(lastPluginState.originalDoc);
   if ((0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
     var _ref8;
-    return (_ref8 = colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isInverted === lastIsInverted && diffType === lastDiffType && (0, _isEqual.default)(activeIndexPos, lastActiveIndexPos) && originalDocIsSame && (0, _isEqual.default)(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc)) !== null && _ref8 !== void 0 ? _ref8 : false;
+    return (_ref8 = colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isInverted === lastIsInverted && diffType === lastDiffType && (0, _isEqual.default)(activeIndexPos, lastActiveIndexPos) && originalDocIsSame && (0, _isEqual.default)(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc) && hideDeletedDiffs === lastHideDeletedDiffs) !== null && _ref8 !== void 0 ? _ref8 : false;
   }
-  return (_ref9 = originalDocIsSame && (0, _isEqual.default)(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc) && colorScheme === lastColorScheme && intl.locale === lastIntl.locale && (0, _isEqual.default)(activeIndexPos, lastActiveIndexPos)) !== null && _ref9 !== void 0 ? _ref9 : false;
+  return (_ref9 = originalDocIsSame && (0, _isEqual.default)(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc) && colorScheme === lastColorScheme && intl.locale === lastIntl.locale && (0, _isEqual.default)(activeIndexPos, lastActiveIndexPos) && hideDeletedDiffs === lastHideDeletedDiffs) !== null && _ref9 !== void 0 ? _ref9 : false;
 });

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

@@ -10,6 +10,9 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _standard = require("./colorSchemes/standard");
 var _traditional = require("./colorSchemes/traditional");
+var displayNoneStyle = (0, _lazyNodeView.convertToInlineCss)({
+  display: 'none'
+});
 var getNodeClass = function getNodeClass(name) {
   switch (name) {
     case 'extension':
@@ -108,8 +111,19 @@ var createBlockChangedDecoration = exports.createBlockChangedDecoration = functi
     _ref2$isInserted = _ref2.isInserted,
     isInserted = _ref2$isInserted === void 0 ? true : _ref2$isInserted,
     _ref2$isActive = _ref2.isActive,
-    isActive = _ref2$isActive === void 0 ? false : _ref2$isActive;
+    isActive = _ref2$isActive === void 0 ? false : _ref2$isActive,
+    _ref2$shouldHideDelet = _ref2.shouldHideDeleted,
+    shouldHideDeleted = _ref2$shouldHideDelet === void 0 ? false : _ref2$shouldHideDelet;
   var decorations = [];
+  if (shouldHideDeleted) {
+    return [_view.Decoration.node(change.from, change.to, {
+      style: displayNoneStyle
+    }, {
+      key: 'diff-block',
+      nodeName: change.name
+    })];
+  }
+  var style;
   if ((0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) && ['tableCell', 'tableHeader'].includes(change.name)) {
     var cellOverlay = document.createElement('div');
     var cellOverlayStyle = isInserted ? colorScheme === 'traditional' ? _traditional.traditionalAddedCellOverlayStyle : _standard.addedCellOverlayStyle : colorScheme === 'traditional' ? _traditional.deletedTraditionalCellOverlayStyle : _standard.deletedCellOverlayStyle;
@@ -120,11 +134,6 @@ var createBlockChangedDecoration = exports.createBlockChangedDecoration = functi
       key: "diff-widget-cell-overlay-".concat(change.to)
     }));
   }
-  var style = getBlockNodeStyle({
-    nodeName: change.name,
-    colorScheme: colorScheme,
-    isActive: isActive
-  });
   if ((0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
     style = getBlockNodeStyle({
       nodeName: change.name,
@@ -132,6 +141,12 @@ var createBlockChangedDecoration = exports.createBlockChangedDecoration = functi
       isInserted: isInserted,
       isActive: isActive
     });
+  } else {
+    style = getBlockNodeStyle({
+      nodeName: change.name,
+      colorScheme: colorScheme,
+      isActive: isActive
+    });
   }
   var className = getNodeClass(change.name);
   if ((0, _platformFeatureFlags.fg)('platform_editor_show_diff_scroll_navigation')) {

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

@@ -4,10 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createInlineChangedDecoration = void 0;
+var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _standard = require("./colorSchemes/standard");
 var _traditional = require("./colorSchemes/traditional");
+var displayNoneStyle = (0, _lazyNodeView.convertToInlineCss)({
+  display: 'none'
+});
 /**
  * Inline decoration used for insertions as the content already exists in the document
  *
@@ -21,7 +25,16 @@ var createInlineChangedDecoration = exports.createInlineChangedDecoration = func
     _ref$isActive = _ref.isActive,
     isActive = _ref$isActive === void 0 ? false : _ref$isActive,
     _ref$isInserted = _ref.isInserted,
-    isInserted = _ref$isInserted === void 0 ? true : _ref$isInserted;
+    isInserted = _ref$isInserted === void 0 ? true : _ref$isInserted,
+    _ref$shouldHideDelete = _ref.shouldHideDeleted,
+    shouldHideDeleted = _ref$shouldHideDelete === void 0 ? false : _ref$shouldHideDelete;
+  if (shouldHideDeleted) {
+    return _view.Decoration.inline(change.fromB, change.toB, {
+      style: displayNoneStyle
+    }, {
+      key: 'diff-inline'
+    });
+  }
   var style;
   if ((0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
     if (isInserted) {

package/dist/cjs/pm-plugins/main.js

@@ -43,7 +43,8 @@ var createPlugin = exports.createPlugin = function createPlugin(config, getIntl,
           isDisplayingChanges: false
         }, (0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
           isInverted: false,
-          diffType: 'inline'
+          diffType: 'inline',
+          hideDeletedDiffs: false
         } : {});
       },
       apply: function apply(tr, currentPluginState, oldState, newState) {
@@ -51,7 +52,7 @@ var createPlugin = exports.createPlugin = function createPlugin(config, getIntl,
         var newPluginState = currentPluginState;
         if (meta) {
           if ((meta === null || meta === void 0 ? void 0 : meta.action) === 'SHOW_DIFF') {
-            var _newPluginState, _newPluginState2;
+            var _newPluginState, _newPluginState2, _newPluginState3;
             // Update the plugin state with the new metadata
             newPluginState = _objectSpread(_objectSpread(_objectSpread({}, currentPluginState), meta), {}, {
               isDisplayingChanges: true,
@@ -68,7 +69,8 @@ var createPlugin = exports.createPlugin = function createPlugin(config, getIntl,
               api: api
             }, (0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
               isInverted: (_newPluginState = newPluginState) === null || _newPluginState === void 0 ? void 0 : _newPluginState.isInverted,
-              diffType: (_newPluginState2 = newPluginState) === null || _newPluginState2 === void 0 ? void 0 : _newPluginState2.diffType
+              diffType: (_newPluginState2 = newPluginState) === null || _newPluginState2 === void 0 ? void 0 : _newPluginState2.diffType,
+              hideDeletedDiffs: (_newPluginState3 = newPluginState) === null || _newPluginState3 === void 0 ? void 0 : _newPluginState3.hideDeletedDiffs
             } : {}));
             // Update the decorations
             newPluginState.decorations = decorations;
@@ -79,7 +81,8 @@ var createPlugin = exports.createPlugin = function createPlugin(config, getIntl,
               activeIndex: undefined
             }, (0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
               isInverted: false,
-              diffType: 'inline'
+              diffType: 'inline',
+              hideDeletedDiffs: false
             } : {});
           } else if (((meta === null || meta === void 0 ? void 0 : meta.action) === 'SCROLL_TO_NEXT' || (meta === null || meta === void 0 ? void 0 : meta.action) === 'SCROLL_TO_PREVIOUS') && (0, _platformFeatureFlags.fg)('platform_editor_show_diff_scroll_navigation')) {
             // Update the active index in plugin state and recalculate decorations
@@ -118,7 +121,9 @@ var createPlugin = exports.createPlugin = function createPlugin(config, getIntl,
                 activeIndexPos: newPluginState.activeIndexPos,
                 api: api
               }, (0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
-                isInverted: newPluginState.isInverted
+                isInverted: newPluginState.isInverted,
+                diffType: newPluginState.diffType,
+                hideDeletedDiffs: newPluginState.hideDeletedDiffs
               } : {}));
               newPluginState.decorations = updatedDecorations;
             }

package/dist/es2019/pm-plugins/calculateDiff/calculateDiffDecorations.js

@@ -42,7 +42,8 @@ const calculateNodesForBlockDecoration = ({
   to,
   colorScheme,
   isInserted = true,
-  activeIndexPos
+  activeIndexPos,
+  shouldHideDeleted = false
 }) => {
   const decorations = [];
   // Iterate over the document nodes within the range
@@ -58,7 +59,8 @@ const calculateNodesForBlockDecoration = ({
         },
         colorScheme,
         isInserted,
-        isActive
+        isActive,
+        shouldHideDeleted
       });
       if (blockChangedDecorations.length) {
         decorations.push(...blockChangedDecorations);
@@ -76,7 +78,8 @@ const calculateDiffDecorationsInner = ({
   activeIndexPos,
   api,
   isInverted = false,
-  diffType = 'inline'
+  diffType = 'inline',
+  hideDeletedDiffs = false
 }) => {
   const {
     originalDoc,
@@ -143,12 +146,14 @@ const calculateDiffDecorationsInner = ({
     // Our default operations are insertions, so it should match the opposite of isInverted.
     const isInserted = !isInverted;
     if (change.inserted.length > 0) {
+      const shouldHideDeleted = expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? isInverted && hideDeletedDiffs : false;
       decorations.push(createInlineChangedDecoration({
         change,
         colorScheme,
         isActive,
         ...(expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
-          isInserted
+          isInserted,
+          shouldHideDeleted
         })
       }));
       decorations.push(...calculateNodesForBlockDecoration({
@@ -157,28 +162,32 @@ const calculateDiffDecorationsInner = ({
         to: change.toB,
         colorScheme,
         ...(expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
-          isInserted
+          isInserted,
+          shouldHideDeleted
         }),
         activeIndexPos,
         intl
       }));
     }
     if (change.deleted.length > 0) {
-      const decoration = createNodeChangedDecorationWidget({
-        change,
-        doc: originalDoc,
-        nodeViewSerializer,
-        colorScheme,
-        newDoc: tr.doc,
-        intl,
-        activeIndexPos,
-        ...(expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
-          isInserted: !isInserted,
-          diffType
-        })
-      });
-      if (decoration) {
-        decorations.push(...decoration);
+      const shouldHideDeleted = expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? !isInverted && hideDeletedDiffs : false;
+      if (!shouldHideDeleted) {
+        const decoration = createNodeChangedDecorationWidget({
+          change,
+          doc: originalDoc,
+          nodeViewSerializer,
+          colorScheme,
+          newDoc: tr.doc,
+          intl,
+          activeIndexPos,
+          ...(expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
+            isInserted: !isInserted,
+            diffType
+          })
+        });
+        if (decoration) {
+          decorations.push(...decoration);
+        }
       }
     }
   });
@@ -213,7 +222,8 @@ export const calculateDiffDecorations = memoizeOne(calculateDiffDecorationsInner
   intl,
   activeIndexPos,
   isInverted,
-  diffType
+  diffType,
+  hideDeletedDiffs
 }], [{
   pluginState: lastPluginState,
   state: lastState,
@@ -221,13 +231,14 @@ export const calculateDiffDecorations = memoizeOne(calculateDiffDecorationsInner
   intl: lastIntl,
   activeIndexPos: lastActiveIndexPos,
   isInverted: lastIsInverted,
-  diffType: lastDiffType
+  diffType: lastDiffType,
+  hideDeletedDiffs: lastHideDeletedDiffs
 }]) => {
   var _ref2;
   const originalDocIsSame = lastPluginState.originalDoc && pluginState.originalDoc && pluginState.originalDoc.eq(lastPluginState.originalDoc);
   if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
     var _ref;
-    return (_ref = colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isInverted === lastIsInverted && diffType === lastDiffType && isEqual(activeIndexPos, lastActiveIndexPos) && originalDocIsSame && isEqual(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc)) !== null && _ref !== void 0 ? _ref : false;
+    return (_ref = colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isInverted === lastIsInverted && diffType === lastDiffType && isEqual(activeIndexPos, lastActiveIndexPos) && originalDocIsSame && isEqual(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc) && hideDeletedDiffs === lastHideDeletedDiffs) !== null && _ref !== void 0 ? _ref : false;
   }
-  return (_ref2 = originalDocIsSame && isEqual(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc) && colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isEqual(activeIndexPos, lastActiveIndexPos)) !== null && _ref2 !== void 0 ? _ref2 : false;
+  return (_ref2 = originalDocIsSame && isEqual(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc) && colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isEqual(activeIndexPos, lastActiveIndexPos) && hideDeletedDiffs === lastHideDeletedDiffs) !== null && _ref2 !== void 0 ? _ref2 : false;
 });

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

@@ -4,6 +4,9 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { standardDecorationMarkerVariable, editingStyleQuoteNode, editingStyleRuleNode, editingStyleCardBlockNode, editingStyleNode, deletedContentStyleNew, deletedStyleQuoteNode, addedCellOverlayStyle, deletedCellOverlayStyle } from './colorSchemes/standard';
 import { traditionalDecorationMarkerVariable, traditionalDecorationMarkerVariableActive, traditionalDecorationMarkerVariableNew, traditionalDeletedDecorationMarkerVariable, traditionalDeletedDecorationMarkerVariableActive, traditionalDeletedDecorationMarkerVariableNew, traditionalStyleQuoteNode, traditionalStyleQuoteNodeActive, traditionalStyleQuoteNodeNew, traditionalStyleRuleNode, traditionalStyleRuleNodeActive, traditionalStyleRuleNodeNew, traditionalStyleCardBlockNode, traditionalStyleCardBlockNodeActive, traditionalStyleCardBlockNodeNew, traditionalStyleNode, traditionalStyleNodeActive, traditionalStyleNodeNew, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, traditionalAddedCellOverlayStyle, deletedTraditionalCellOverlayStyle } from './colorSchemes/traditional';
+const displayNoneStyle = convertToInlineCss({
+  display: 'none'
+});
 const getNodeClass = name => {
   switch (name) {
     case 'extension':
@@ -99,9 +102,19 @@ export const createBlockChangedDecoration = ({
   change,
   colorScheme,
   isInserted = true,
-  isActive = false
+  isActive = false,
+  shouldHideDeleted = false
 }) => {
   const decorations = [];
+  if (shouldHideDeleted) {
+    return [Decoration.node(change.from, change.to, {
+      style: displayNoneStyle
+    }, {
+      key: 'diff-block',
+      nodeName: change.name
+    })];
+  }
+  let style;
   if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && ['tableCell', 'tableHeader'].includes(change.name)) {
     const cellOverlay = document.createElement('div');
     const cellOverlayStyle = isInserted ? colorScheme === 'traditional' ? traditionalAddedCellOverlayStyle : addedCellOverlayStyle : colorScheme === 'traditional' ? deletedTraditionalCellOverlayStyle : deletedCellOverlayStyle;
@@ -112,11 +125,6 @@ export const createBlockChangedDecoration = ({
       key: `diff-widget-cell-overlay-${change.to}`
     }));
   }
-  let style = getBlockNodeStyle({
-    nodeName: change.name,
-    colorScheme,
-    isActive
-  });
   if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
     style = getBlockNodeStyle({
       nodeName: change.name,
@@ -124,6 +132,12 @@ export const createBlockChangedDecoration = ({
       isInserted,
       isActive
     });
+  } else {
+    style = getBlockNodeStyle({
+      nodeName: change.name,
+      colorScheme,
+      isActive
+    });
   }
   const className = getNodeClass(change.name);
   if (fg('platform_editor_show_diff_scroll_navigation')) {

package/dist/es2019/pm-plugins/decorations/createInlineChangedDecoration.js

@@ -1,8 +1,11 @@
+import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editingStyle, editingStyleActive, deletedContentStyle, deletedContentStyleActive } from './colorSchemes/standard';
 import { traditionalInsertStyle, traditionalInsertStyleActive, getDeletedTraditionalInlineStyle } from './colorSchemes/traditional';
-
+const displayNoneStyle = convertToInlineCss({
+  display: 'none'
+});
 /**
  * Inline decoration used for insertions as the content already exists in the document
  *
@@ -14,8 +17,16 @@ export const createInlineChangedDecoration = ({
   change,
   colorScheme,
   isActive = false,
-  isInserted = true
+  isInserted = true,
+  shouldHideDeleted = false
 }) => {
+  if (shouldHideDeleted) {
+    return Decoration.inline(change.fromB, change.toB, {
+      style: displayNoneStyle
+    }, {
+      key: 'diff-inline'
+    });
+  }
   let style;
   if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
     if (isInserted) {

package/dist/es2019/pm-plugins/main.js

@@ -33,7 +33,8 @@ export const createPlugin = (config, getIntl, api) => {
           isDisplayingChanges: false,
           ...(expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
             isInverted: false,
-            diffType: 'inline'
+            diffType: 'inline',
+            hideDeletedDiffs: false
           } : {})
         };
       },
@@ -42,7 +43,7 @@ export const createPlugin = (config, getIntl, api) => {
         let newPluginState = currentPluginState;
         if (meta) {
           if ((meta === null || meta === void 0 ? void 0 : meta.action) === 'SHOW_DIFF') {
-            var _newPluginState, _newPluginState2;
+            var _newPluginState, _newPluginState2, _newPluginState3;
             // Update the plugin state with the new metadata
             newPluginState = {
               ...currentPluginState,
@@ -61,7 +62,8 @@ export const createPlugin = (config, getIntl, api) => {
               api,
               ...(expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
                 isInverted: (_newPluginState = newPluginState) === null || _newPluginState === void 0 ? void 0 : _newPluginState.isInverted,
-                diffType: (_newPluginState2 = newPluginState) === null || _newPluginState2 === void 0 ? void 0 : _newPluginState2.diffType
+                diffType: (_newPluginState2 = newPluginState) === null || _newPluginState2 === void 0 ? void 0 : _newPluginState2.diffType,
+                hideDeletedDiffs: (_newPluginState3 = newPluginState) === null || _newPluginState3 === void 0 ? void 0 : _newPluginState3.hideDeletedDiffs
               } : {})
             });
             // Update the decorations
@@ -79,7 +81,8 @@ export const createPlugin = (config, getIntl, api) => {
                */
               ...(expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
                 isInverted: false,
-                diffType: 'inline'
+                diffType: 'inline',
+                hideDeletedDiffs: false
               } : {})
             };
           } else if (((meta === null || meta === void 0 ? void 0 : meta.action) === 'SCROLL_TO_NEXT' || (meta === null || meta === void 0 ? void 0 : meta.action) === 'SCROLL_TO_PREVIOUS') && fg('platform_editor_show_diff_scroll_navigation')) {
@@ -120,7 +123,9 @@ export const createPlugin = (config, getIntl, api) => {
                 activeIndexPos: newPluginState.activeIndexPos,
                 api,
                 ...(expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
-                  isInverted: newPluginState.isInverted
+                  isInverted: newPluginState.isInverted,
+                  diffType: newPluginState.diffType,
+                  hideDeletedDiffs: newPluginState.hideDeletedDiffs
                 } : {})
               });
               newPluginState.decorations = updatedDecorations;

package/dist/esm/pm-plugins/calculateDiff/calculateDiffDecorations.js

@@ -50,7 +50,9 @@ var calculateNodesForBlockDecoration = function calculateNodesForBlockDecoration
     colorScheme = _ref2.colorScheme,
     _ref2$isInserted = _ref2.isInserted,
     isInserted = _ref2$isInserted === void 0 ? true : _ref2$isInserted,
-    activeIndexPos = _ref2.activeIndexPos;
+    activeIndexPos = _ref2.activeIndexPos,
+    _ref2$shouldHideDelet = _ref2.shouldHideDeleted,
+    shouldHideDeleted = _ref2$shouldHideDelet === void 0 ? false : _ref2$shouldHideDelet;
   var decorations = [];
   // Iterate over the document nodes within the range
   doc.nodesBetween(from, to, function (node, pos) {
@@ -65,7 +67,8 @@ var calculateNodesForBlockDecoration = function calculateNodesForBlockDecoration
         },
         colorScheme: colorScheme,
         isInserted: isInserted,
-        isActive: isActive
+        isActive: isActive,
+        shouldHideDeleted: shouldHideDeleted
       });
       if (blockChangedDecorations.length) {
         decorations.push.apply(decorations, _toConsumableArray(blockChangedDecorations));
@@ -85,7 +88,9 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref3
     _ref3$isInverted = _ref3.isInverted,
     isInverted = _ref3$isInverted === void 0 ? false : _ref3$isInverted,
     _ref3$diffType = _ref3.diffType,
-    diffType = _ref3$diffType === void 0 ? 'inline' : _ref3$diffType;
+    diffType = _ref3$diffType === void 0 ? 'inline' : _ref3$diffType,
+    _ref3$hideDeletedDiff = _ref3.hideDeletedDiffs,
+    hideDeletedDiffs = _ref3$hideDeletedDiff === void 0 ? false : _ref3$hideDeletedDiff;
   var originalDoc = pluginState.originalDoc,
     steps = pluginState.steps;
   if (!originalDoc || !pluginState.isDisplayingChanges) {
@@ -156,12 +161,14 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref3
     // Our default operations are insertions, so it should match the opposite of isInverted.
     var isInserted = !isInverted;
     if (change.inserted.length > 0) {
+      var shouldHideDeleted = expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? isInverted && hideDeletedDiffs : false;
       decorations.push(createInlineChangedDecoration(_objectSpread({
         change: change,
         colorScheme: colorScheme,
         isActive: isActive
       }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
-        isInserted: isInserted
+        isInserted: isInserted,
+        shouldHideDeleted: shouldHideDeleted
       })));
       decorations.push.apply(decorations, _toConsumableArray(calculateNodesForBlockDecoration(_objectSpread(_objectSpread({
         doc: tr.doc,
@@ -169,27 +176,31 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref3
         to: change.toB,
         colorScheme: colorScheme
       }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
-        isInserted: isInserted
+        isInserted: isInserted,
+        shouldHideDeleted: shouldHideDeleted
       }), {}, {
         activeIndexPos: activeIndexPos,
         intl: intl
       }))));
     }
     if (change.deleted.length > 0) {
-      var decoration = createNodeChangedDecorationWidget(_objectSpread({
-        change: change,
-        doc: originalDoc,
-        nodeViewSerializer: nodeViewSerializer,
-        colorScheme: colorScheme,
-        newDoc: tr.doc,
-        intl: intl,
-        activeIndexPos: activeIndexPos
-      }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
-        isInserted: !isInserted,
-        diffType: diffType
-      }));
-      if (decoration) {
-        decorations.push.apply(decorations, _toConsumableArray(decoration));
+      var _shouldHideDeleted = expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? !isInverted && hideDeletedDiffs : false;
+      if (!_shouldHideDeleted) {
+        var decoration = createNodeChangedDecorationWidget(_objectSpread({
+          change: change,
+          doc: originalDoc,
+          nodeViewSerializer: nodeViewSerializer,
+          colorScheme: colorScheme,
+          newDoc: tr.doc,
+          intl: intl,
+          activeIndexPos: activeIndexPos
+        }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
+          isInserted: !isInserted,
+          diffType: diffType
+        }));
+        if (decoration) {
+          decorations.push.apply(decorations, _toConsumableArray(decoration));
+        }
       }
     }
   });
@@ -227,7 +238,8 @@ function (_ref4, _ref5) {
     intl = _ref6$.intl,
     activeIndexPos = _ref6$.activeIndexPos,
     isInverted = _ref6$.isInverted,
-    diffType = _ref6$.diffType;
+    diffType = _ref6$.diffType,
+    hideDeletedDiffs = _ref6$.hideDeletedDiffs;
   var _ref7 = _slicedToArray(_ref5, 1),
     _ref7$ = _ref7[0],
     lastPluginState = _ref7$.pluginState,
@@ -236,11 +248,12 @@ function (_ref4, _ref5) {
     lastIntl = _ref7$.intl,
     lastActiveIndexPos = _ref7$.activeIndexPos,
     lastIsInverted = _ref7$.isInverted,
-    lastDiffType = _ref7$.diffType;
+    lastDiffType = _ref7$.diffType,
+    lastHideDeletedDiffs = _ref7$.hideDeletedDiffs;
   var originalDocIsSame = lastPluginState.originalDoc && pluginState.originalDoc && pluginState.originalDoc.eq(lastPluginState.originalDoc);
   if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
     var _ref8;
-    return (_ref8 = colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isInverted === lastIsInverted && diffType === lastDiffType && isEqual(activeIndexPos, lastActiveIndexPos) && originalDocIsSame && isEqual(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc)) !== null && _ref8 !== void 0 ? _ref8 : false;
+    return (_ref8 = colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isInverted === lastIsInverted && diffType === lastDiffType && isEqual(activeIndexPos, lastActiveIndexPos) && originalDocIsSame && isEqual(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc) && hideDeletedDiffs === lastHideDeletedDiffs) !== null && _ref8 !== void 0 ? _ref8 : false;
   }
-  return (_ref9 = originalDocIsSame && isEqual(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc) && colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isEqual(activeIndexPos, lastActiveIndexPos)) !== null && _ref9 !== void 0 ? _ref9 : false;
+  return (_ref9 = originalDocIsSame && isEqual(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc) && colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isEqual(activeIndexPos, lastActiveIndexPos) && hideDeletedDiffs === lastHideDeletedDiffs) !== null && _ref9 !== void 0 ? _ref9 : false;
 });

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

@@ -4,6 +4,9 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { standardDecorationMarkerVariable, editingStyleQuoteNode, editingStyleRuleNode, editingStyleCardBlockNode, editingStyleNode, deletedContentStyleNew, deletedStyleQuoteNode, addedCellOverlayStyle, deletedCellOverlayStyle } from './colorSchemes/standard';
 import { traditionalDecorationMarkerVariable, traditionalDecorationMarkerVariableActive, traditionalDecorationMarkerVariableNew, traditionalDeletedDecorationMarkerVariable, traditionalDeletedDecorationMarkerVariableActive, traditionalDeletedDecorationMarkerVariableNew, traditionalStyleQuoteNode, traditionalStyleQuoteNodeActive, traditionalStyleQuoteNodeNew, traditionalStyleRuleNode, traditionalStyleRuleNodeActive, traditionalStyleRuleNodeNew, traditionalStyleCardBlockNode, traditionalStyleCardBlockNodeActive, traditionalStyleCardBlockNodeNew, traditionalStyleNode, traditionalStyleNodeActive, traditionalStyleNodeNew, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, traditionalAddedCellOverlayStyle, deletedTraditionalCellOverlayStyle } from './colorSchemes/traditional';
+var displayNoneStyle = convertToInlineCss({
+  display: 'none'
+});
 var getNodeClass = function getNodeClass(name) {
   switch (name) {
     case 'extension':
@@ -102,8 +105,19 @@ export var createBlockChangedDecoration = function createBlockChangedDecoration(
     _ref2$isInserted = _ref2.isInserted,
     isInserted = _ref2$isInserted === void 0 ? true : _ref2$isInserted,
     _ref2$isActive = _ref2.isActive,
-    isActive = _ref2$isActive === void 0 ? false : _ref2$isActive;
+    isActive = _ref2$isActive === void 0 ? false : _ref2$isActive,
+    _ref2$shouldHideDelet = _ref2.shouldHideDeleted,
+    shouldHideDeleted = _ref2$shouldHideDelet === void 0 ? false : _ref2$shouldHideDelet;
   var decorations = [];
+  if (shouldHideDeleted) {
+    return [Decoration.node(change.from, change.to, {
+      style: displayNoneStyle
+    }, {
+      key: 'diff-block',
+      nodeName: change.name
+    })];
+  }
+  var style;
   if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && ['tableCell', 'tableHeader'].includes(change.name)) {
     var cellOverlay = document.createElement('div');
     var cellOverlayStyle = isInserted ? colorScheme === 'traditional' ? traditionalAddedCellOverlayStyle : addedCellOverlayStyle : colorScheme === 'traditional' ? deletedTraditionalCellOverlayStyle : deletedCellOverlayStyle;
@@ -114,11 +128,6 @@ export var createBlockChangedDecoration = function createBlockChangedDecoration(
       key: "diff-widget-cell-overlay-".concat(change.to)
     }));
   }
-  var style = getBlockNodeStyle({
-    nodeName: change.name,
-    colorScheme: colorScheme,
-    isActive: isActive
-  });
   if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
     style = getBlockNodeStyle({
       nodeName: change.name,
@@ -126,6 +135,12 @@ export var createBlockChangedDecoration = function createBlockChangedDecoration(
       isInserted: isInserted,
       isActive: isActive
     });
+  } else {
+    style = getBlockNodeStyle({
+      nodeName: change.name,
+      colorScheme: colorScheme,
+      isActive: isActive
+    });
   }
   var className = getNodeClass(change.name);
   if (fg('platform_editor_show_diff_scroll_navigation')) {

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

@@ -1,8 +1,11 @@
+import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editingStyle, editingStyleActive, deletedContentStyle, deletedContentStyleActive } from './colorSchemes/standard';
 import { traditionalInsertStyle, traditionalInsertStyleActive, getDeletedTraditionalInlineStyle } from './colorSchemes/traditional';
-
+var displayNoneStyle = convertToInlineCss({
+  display: 'none'
+});
 /**
  * Inline decoration used for insertions as the content already exists in the document
  *
@@ -16,7 +19,16 @@ export var createInlineChangedDecoration = function createInlineChangedDecoratio
     _ref$isActive = _ref.isActive,
     isActive = _ref$isActive === void 0 ? false : _ref$isActive,
     _ref$isInserted = _ref.isInserted,
-    isInserted = _ref$isInserted === void 0 ? true : _ref$isInserted;
+    isInserted = _ref$isInserted === void 0 ? true : _ref$isInserted,
+    _ref$shouldHideDelete = _ref.shouldHideDeleted,
+    shouldHideDeleted = _ref$shouldHideDelete === void 0 ? false : _ref$shouldHideDelete;
+  if (shouldHideDeleted) {
+    return Decoration.inline(change.fromB, change.toB, {
+      style: displayNoneStyle
+    }, {
+      key: 'diff-inline'
+    });
+  }
   var style;
   if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
     if (isInserted) {

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

@@ -36,7 +36,8 @@ export var createPlugin = function createPlugin(config, getIntl, api) {
           isDisplayingChanges: false
         }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
           isInverted: false,
-          diffType: 'inline'
+          diffType: 'inline',
+          hideDeletedDiffs: false
         } : {});
       },
       apply: function apply(tr, currentPluginState, oldState, newState) {
@@ -44,7 +45,7 @@ export var createPlugin = function createPlugin(config, getIntl, api) {
         var newPluginState = currentPluginState;
         if (meta) {
           if ((meta === null || meta === void 0 ? void 0 : meta.action) === 'SHOW_DIFF') {
-            var _newPluginState, _newPluginState2;
+            var _newPluginState, _newPluginState2, _newPluginState3;
             // Update the plugin state with the new metadata
             newPluginState = _objectSpread(_objectSpread(_objectSpread({}, currentPluginState), meta), {}, {
               isDisplayingChanges: true,
@@ -61,7 +62,8 @@ export var createPlugin = function createPlugin(config, getIntl, api) {
               api: api
             }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
               isInverted: (_newPluginState = newPluginState) === null || _newPluginState === void 0 ? void 0 : _newPluginState.isInverted,
-              diffType: (_newPluginState2 = newPluginState) === null || _newPluginState2 === void 0 ? void 0 : _newPluginState2.diffType
+              diffType: (_newPluginState2 = newPluginState) === null || _newPluginState2 === void 0 ? void 0 : _newPluginState2.diffType,
+              hideDeletedDiffs: (_newPluginState3 = newPluginState) === null || _newPluginState3 === void 0 ? void 0 : _newPluginState3.hideDeletedDiffs
             } : {}));
             // Update the decorations
             newPluginState.decorations = decorations;
@@ -72,7 +74,8 @@ export var createPlugin = function createPlugin(config, getIntl, api) {
               activeIndex: undefined
             }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
               isInverted: false,
-              diffType: 'inline'
+              diffType: 'inline',
+              hideDeletedDiffs: false
             } : {});
           } else if (((meta === null || meta === void 0 ? void 0 : meta.action) === 'SCROLL_TO_NEXT' || (meta === null || meta === void 0 ? void 0 : meta.action) === 'SCROLL_TO_PREVIOUS') && fg('platform_editor_show_diff_scroll_navigation')) {
             // Update the active index in plugin state and recalculate decorations
@@ -111,7 +114,9 @@ export var createPlugin = function createPlugin(config, getIntl, api) {
                 activeIndexPos: newPluginState.activeIndexPos,
                 api: api
               }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
-                isInverted: newPluginState.isInverted
+                isInverted: newPluginState.isInverted,
+                diffType: newPluginState.diffType,
+                hideDeletedDiffs: newPluginState.hideDeletedDiffs
               } : {}));
               newPluginState.decorations = updatedDecorations;
             }

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

@@ -6,13 +6,14 @@ import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { ColorScheme, ShowDiffPlugin } from '../../showDiffPluginType';
 import type { ShowDiffPluginState } from '../main';
 import type { NodeViewSerializer } from '../NodeViewSerializer';
-export declare const calculateDiffDecorations: MemoizedFn<({ state, pluginState, nodeViewSerializer, colorScheme, intl, activeIndexPos, api, }: {
+export declare const calculateDiffDecorations: MemoizedFn<({ state, pluginState, nodeViewSerializer, colorScheme, intl, activeIndexPos, api, hideDeletedDiffs, }: {
     activeIndexPos?: {
         from: number;
         to: number;
     };
     api: ExtractInjectionAPI<ShowDiffPlugin> | undefined;
     colorScheme?: ColorScheme;
+    hideDeletedDiffs?: boolean;
     intl: IntlShape;
     nodeViewSerializer: NodeViewSerializer;
     pluginState: Omit<ShowDiffPluginState, 'decorations'>;

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

@@ -8,7 +8,7 @@ import type { ColorScheme } from '../../showDiffPluginType';
  * @param isActive Whether this node is part of the currently active/focused change
  * @returns Prosemirror node decoration or undefined
  */
-export declare const createBlockChangedDecoration: ({ change, colorScheme, isInserted, isActive, }: {
+export declare const createBlockChangedDecoration: ({ change, colorScheme, isInserted, isActive, shouldHideDeleted, }: {
     change: {
         from: number;
         name: string;
@@ -17,4 +17,5 @@ export declare const createBlockChangedDecoration: ({ change, colorScheme, isIns
     colorScheme?: ColorScheme;
     isActive?: boolean;
     isInserted?: boolean;
+    shouldHideDeleted?: boolean;
 }) => Decoration[];

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

@@ -6,7 +6,7 @@ import type { ColorScheme } from '../../showDiffPluginType';
  * @param change Changeset "change" containing information about the change content + range
  * @returns Prosemirror inline decoration
  */
-export declare const createInlineChangedDecoration: ({ change, colorScheme, isActive, isInserted, }: {
+export declare const createInlineChangedDecoration: ({ change, colorScheme, isActive, isInserted, shouldHideDeleted, }: {
     change: {
         fromB: number;
         toB: number;
@@ -14,4 +14,5 @@ export declare const createInlineChangedDecoration: ({ change, colorScheme, isAc
     colorScheme?: ColorScheme;
     isActive?: boolean;
     isInserted?: boolean;
+    shouldHideDeleted?: boolean;
 }) => Decoration;

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

@@ -15,6 +15,7 @@ export type ShowDiffPluginState = {
     };
     decorations: DecorationSet;
     diffType?: DiffType;
+    hideDeletedDiffs?: boolean;
     isDisplayingChanges: boolean;
     isInverted?: boolean;
     originalDoc: PMNode | undefined;

package/dist/types/showDiffPluginType.d.ts

@@ -21,6 +21,7 @@ export type DiffParams = {
 };
 export type PMDiffParams = {
     diffType?: DiffType;
+    hideDeletedDiffs?: boolean;
     isInverted?: boolean;
     originalDoc: Node;
     /**

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

@@ -6,13 +6,14 @@ import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { ColorScheme, ShowDiffPlugin } from '../../showDiffPluginType';
 import type { ShowDiffPluginState } from '../main';
 import type { NodeViewSerializer } from '../NodeViewSerializer';
-export declare const calculateDiffDecorations: MemoizedFn<({ state, pluginState, nodeViewSerializer, colorScheme, intl, activeIndexPos, api, }: {
+export declare const calculateDiffDecorations: MemoizedFn<({ state, pluginState, nodeViewSerializer, colorScheme, intl, activeIndexPos, api, hideDeletedDiffs, }: {
     activeIndexPos?: {
         from: number;
         to: number;
     };
     api: ExtractInjectionAPI<ShowDiffPlugin> | undefined;
     colorScheme?: ColorScheme;
+    hideDeletedDiffs?: boolean;
     intl: IntlShape;
     nodeViewSerializer: NodeViewSerializer;
     pluginState: Omit<ShowDiffPluginState, 'decorations'>;

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

@@ -8,7 +8,7 @@ import type { ColorScheme } from '../../showDiffPluginType';
  * @param isActive Whether this node is part of the currently active/focused change
  * @returns Prosemirror node decoration or undefined
  */
-export declare const createBlockChangedDecoration: ({ change, colorScheme, isInserted, isActive, }: {
+export declare const createBlockChangedDecoration: ({ change, colorScheme, isInserted, isActive, shouldHideDeleted, }: {
     change: {
         from: number;
         name: string;
@@ -17,4 +17,5 @@ export declare const createBlockChangedDecoration: ({ change, colorScheme, isIns
     colorScheme?: ColorScheme;
     isActive?: boolean;
     isInserted?: boolean;
+    shouldHideDeleted?: boolean;
 }) => Decoration[];

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

@@ -6,7 +6,7 @@ import type { ColorScheme } from '../../showDiffPluginType';
  * @param change Changeset "change" containing information about the change content + range
  * @returns Prosemirror inline decoration
  */
-export declare const createInlineChangedDecoration: ({ change, colorScheme, isActive, isInserted, }: {
+export declare const createInlineChangedDecoration: ({ change, colorScheme, isActive, isInserted, shouldHideDeleted, }: {
     change: {
         fromB: number;
         toB: number;
@@ -14,4 +14,5 @@ export declare const createInlineChangedDecoration: ({ change, colorScheme, isAc
     colorScheme?: ColorScheme;
     isActive?: boolean;
     isInserted?: boolean;
+    shouldHideDeleted?: boolean;
 }) => Decoration;

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

@@ -15,6 +15,7 @@ export type ShowDiffPluginState = {
     };
     decorations: DecorationSet;
     diffType?: DiffType;
+    hideDeletedDiffs?: boolean;
     isDisplayingChanges: boolean;
     isInverted?: boolean;
     originalDoc: PMNode | undefined;

package/dist/types-ts4.5/showDiffPluginType.d.ts

@@ -21,6 +21,7 @@ export type DiffParams = {
 };
 export type PMDiffParams = {
     diffType?: DiffType;
+    hideDeletedDiffs?: boolean;
     isInverted?: boolean;
     originalDoc: Node;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-show-diff",
-	"version": "6.3.1",
+	"version": "6.4.0",
 	"description": "ShowDiff plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,7 +34,7 @@
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^61.0.0",
+		"@atlaskit/tmp-editor-statsig": "^62.3.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
@@ -56,7 +56,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.20.0",
+		"@atlaskit/editor-common": "^112.22.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {