@atlaskit/editor-plugin-show-diff 4.1.3 → 4.1.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-show-diff
 
+## 4.1.4
+
+### Patch Changes
+
+- [`4031146a0af6d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4031146a0af6d) -
+  Updating the PR to calculate the correct number of decorations for display.
+- Updated dependencies
+
 ## 4.1.3
 
 ### Patch Changes

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

@@ -27,11 +27,14 @@ var calculateNodesForBlockDecoration = function calculateNodesForBlockDecoration
   // Iterate over the document nodes within the range
   doc.nodesBetween(from, to, function (node, pos) {
     if (node.isBlock) {
-      decorations.push((0, _decorations.createBlockChangedDecoration)({
+      var decoration = (0, _decorations.createBlockChangedDecoration)({
         from: pos,
         to: pos + node.nodeSize,
         name: node.type.name
-      }, colourScheme));
+      }, colourScheme);
+      if (decoration) {
+        decorations.push(decoration);
+      }
     }
   });
   return decorations;

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

@@ -30,7 +30,9 @@ var createInlineChangedDecoration = exports.createInlineChangedDecoration = func
   return _view.Decoration.inline(change.fromB, change.toB, {
     style: style,
     'data-testid': 'show-diff-changed-decoration'
-  }, {});
+  }, {
+    key: 'diff-inline'
+  });
 };
 var getDeletedContentStyleUnbounded = exports.getDeletedContentStyleUnbounded = function getDeletedContentStyleUnbounded(colourScheme) {
   return colourScheme === 'traditional' ? _traditional.deletedTraditionalContentStyleUnbounded : _standard.deletedContentStyleUnbounded;
@@ -64,11 +66,28 @@ var getBlockNodeStyle = function getBlockNodeStyle(name, colourScheme) {
  * @returns Prosemirror inline decoration
  */
 var createBlockChangedDecoration = exports.createBlockChangedDecoration = function createBlockChangedDecoration(change, colourScheme) {
-  return _view.Decoration.node(change.from, change.to, {
-    style: getBlockNodeStyle(change.name, colourScheme),
-    'data-testid': 'show-diff-changed-decoration-node',
-    class: getNodeClass(change.name)
-  }, {});
+  if ((0, _platformFeatureFlags.fg)('platform_editor_show_diff_scroll_navigation')) {
+    var style = getBlockNodeStyle(change.name, colourScheme);
+    var className = getNodeClass(change.name);
+    if (style || className) {
+      return _view.Decoration.node(change.from, change.to, {
+        style: style,
+        'data-testid': 'show-diff-changed-decoration-node',
+        class: className
+      }, {
+        key: 'diff-block'
+      });
+    }
+    return undefined;
+  } else {
+    return _view.Decoration.node(change.from, change.to, {
+      style: getBlockNodeStyle(change.name, colourScheme),
+      'data-testid': 'show-diff-changed-decoration-node',
+      class: getNodeClass(change.name)
+    }, {
+      key: 'diff-block'
+    });
+  }
 };
 var createContentWrapper = function createContentWrapper(colourScheme) {
   var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -212,5 +231,7 @@ var createDeletedContentDecoration = exports.createDeletedContentDecoration = fu
   // Widget decoration used for deletions as the content is not in the document
   // and we want to display the deleted content with a style.
   var safeInsertPos = (0, _findSafeInsertPos.findSafeInsertPos)(newDoc, change.fromB, slice);
-  return [_view.Decoration.widget(safeInsertPos, dom)];
+  return [_view.Decoration.widget(safeInsertPos, dom, {
+    key: 'diff-widget'
+  })];
 };

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.showDiffPluginKey = exports.createPlugin = void 0;
+exports.showDiffPluginKey = exports.getScrollableDecorations = exports.createPlugin = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _processRawValue = require("@atlaskit/editor-common/process-raw-value");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
@@ -17,6 +17,12 @@ var _NodeViewSerializer = require("./NodeViewSerializer");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var showDiffPluginKey = exports.showDiffPluginKey = new _state2.PluginKey('showDiffPlugin');
+var getScrollableDecorations = exports.getScrollableDecorations = function getScrollableDecorations(set) {
+  var _set$find;
+  return (_set$find = set === null || set === void 0 ? void 0 : set.find(undefined, undefined, function (spec) {
+    return spec.key === 'diff-inline' || spec.key === 'diff-widget' || spec.key === 'diff-block';
+  })) !== null && _set$find !== void 0 ? _set$find : [];
+};
 var createPlugin = exports.createPlugin = function createPlugin(config, getIntl) {
   var nodeViewSerializer = new _NodeViewSerializer.NodeViewSerializer({});
   var setNodeViewSerializer = function setNodeViewSerializer(editorView) {
@@ -43,7 +49,7 @@ var createPlugin = exports.createPlugin = function createPlugin(config, getIntl)
       if (!pluginState || pluginState.decorations.find().length === 0) {
         return;
       }
-      var decorations = pluginState.decorations.find();
+      var decorations = getScrollableDecorations(pluginState.decorations);
       var decoration = decorations[(_pluginState$activeIn = pluginState.activeIndex) !== null && _pluginState$activeIn !== void 0 ? _pluginState$activeIn : 0];
       if (!decoration) {
         return;
@@ -99,7 +105,7 @@ var createPlugin = exports.createPlugin = function createPlugin(config, getIntl)
             });
           } 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
-            var _decorations = currentPluginState.decorations.find();
+            var _decorations = getScrollableDecorations(currentPluginState.decorations);
             if (_decorations.length > 0) {
               var _currentPluginState$a;
               var nextIndex = (_currentPluginState$a = currentPluginState.activeIndex) !== null && _currentPluginState$a !== void 0 ? _currentPluginState$a : 0;

package/dist/cjs/showDiffPlugin.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.showDiffPlugin = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _main = require("./pm-plugins/main");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -61,7 +62,7 @@ var showDiffPlugin = exports.showDiffPlugin = function showDiffPlugin(_ref) {
         };
       }
       var pluginState = _main.showDiffPluginKey.getState(editorState);
-      var decorationCount = (pluginState === null || pluginState === void 0 || (_pluginState$decorati = pluginState.decorations) === null || _pluginState$decorati === void 0 ? void 0 : _pluginState$decorati.find()) || [];
+      var decorationCount = (0, _platformFeatureFlags.fg)('platform_editor_show_diff_scroll_navigation') ? (0, _main.getScrollableDecorations)(pluginState === null || pluginState === void 0 ? void 0 : pluginState.decorations) : (pluginState === null || pluginState === void 0 || (_pluginState$decorati = pluginState.decorations) === null || _pluginState$decorati === void 0 ? void 0 : _pluginState$decorati.find()) || [];
       return {
         isDisplayingChanges: decorationCount.length > 0,
         activeIndex: pluginState === null || pluginState === void 0 ? void 0 : pluginState.activeIndex,

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

@@ -13,11 +13,14 @@ const calculateNodesForBlockDecoration = (doc, from, to, colourScheme) => {
   // Iterate over the document nodes within the range
   doc.nodesBetween(from, to, (node, pos) => {
     if (node.isBlock) {
-      decorations.push(createBlockChangedDecoration({
+      const decoration = createBlockChangedDecoration({
         from: pos,
         to: pos + node.nodeSize,
         name: node.type.name
-      }, colourScheme));
+      }, colourScheme);
+      if (decoration) {
+        decorations.push(decoration);
+      }
     }
   });
   return decorations;

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

@@ -23,7 +23,9 @@ export const createInlineChangedDecoration = (change, colourScheme, isActive = f
   return Decoration.inline(change.fromB, change.toB, {
     style,
     'data-testid': 'show-diff-changed-decoration'
-  }, {});
+  }, {
+    key: 'diff-inline'
+  });
 };
 export const getDeletedContentStyleUnbounded = colourScheme => colourScheme === 'traditional' ? deletedTraditionalContentStyleUnbounded : deletedContentStyleUnbounded;
 export const getDeletedContentStyle = (colourScheme, isActive = false) => {
@@ -53,11 +55,30 @@ const getBlockNodeStyle = (name, colourScheme) => {
  * @param change Changeset "change" containing information about the change content + range
  * @returns Prosemirror inline decoration
  */
-export const createBlockChangedDecoration = (change, colourScheme) => Decoration.node(change.from, change.to, {
-  style: getBlockNodeStyle(change.name, colourScheme),
-  'data-testid': 'show-diff-changed-decoration-node',
-  class: getNodeClass(change.name)
-}, {});
+export const createBlockChangedDecoration = (change, colourScheme) => {
+  if (fg('platform_editor_show_diff_scroll_navigation')) {
+    const style = getBlockNodeStyle(change.name, colourScheme);
+    const className = getNodeClass(change.name);
+    if (style || className) {
+      return Decoration.node(change.from, change.to, {
+        style: style,
+        'data-testid': 'show-diff-changed-decoration-node',
+        class: className
+      }, {
+        key: 'diff-block'
+      });
+    }
+    return undefined;
+  } else {
+    return Decoration.node(change.from, change.to, {
+      style: getBlockNodeStyle(change.name, colourScheme),
+      'data-testid': 'show-diff-changed-decoration-node',
+      class: getNodeClass(change.name)
+    }, {
+      key: 'diff-block'
+    });
+  }
+};
 const createContentWrapper = (colourScheme, isActive = false) => {
   const wrapper = document.createElement('span');
   const baseStyle = convertToInlineCss({
@@ -188,5 +209,7 @@ export const createDeletedContentDecoration = ({
   // Widget decoration used for deletions as the content is not in the document
   // and we want to display the deleted content with a style.
   const safeInsertPos = findSafeInsertPos(newDoc, change.fromB, slice);
-  return [Decoration.widget(safeInsertPos, dom)];
+  return [Decoration.widget(safeInsertPos, dom, {
+    key: 'diff-widget'
+  })];
 };

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

@@ -7,6 +7,10 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { calculateDiffDecorations } from './calculateDiffDecorations';
 import { NodeViewSerializer } from './NodeViewSerializer';
 export const showDiffPluginKey = new PluginKey('showDiffPlugin');
+export const getScrollableDecorations = set => {
+  var _set$find;
+  return (_set$find = set === null || set === void 0 ? void 0 : set.find(undefined, undefined, spec => spec.key === 'diff-inline' || spec.key === 'diff-widget' || spec.key === 'diff-block')) !== null && _set$find !== void 0 ? _set$find : [];
+};
 export const createPlugin = (config, getIntl) => {
   const nodeViewSerializer = new NodeViewSerializer({});
   const setNodeViewSerializer = editorView => {
@@ -33,7 +37,7 @@ export const createPlugin = (config, getIntl) => {
       if (!pluginState || pluginState.decorations.find().length === 0) {
         return;
       }
-      const decorations = pluginState.decorations.find();
+      const decorations = getScrollableDecorations(pluginState.decorations);
       const decoration = decorations[(_pluginState$activeIn = pluginState.activeIndex) !== null && _pluginState$activeIn !== void 0 ? _pluginState$activeIn : 0];
       if (!decoration) {
         return;
@@ -95,7 +99,7 @@ export const createPlugin = (config, getIntl) => {
             };
           } 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
-            const decorations = currentPluginState.decorations.find();
+            const decorations = getScrollableDecorations(currentPluginState.decorations);
             if (decorations.length > 0) {
               var _currentPluginState$a;
               let nextIndex = (_currentPluginState$a = currentPluginState.activeIndex) !== null && _currentPluginState$a !== void 0 ? _currentPluginState$a : 0;

package/dist/es2019/showDiffPlugin.js

@@ -1,4 +1,5 @@
-import { createPlugin, showDiffPluginKey } from './pm-plugins/main';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { createPlugin, showDiffPluginKey, getScrollableDecorations } from './pm-plugins/main';
 export const showDiffPlugin = ({
   api: _api,
   config
@@ -53,7 +54,7 @@ export const showDiffPlugin = ({
       };
     }
     const pluginState = showDiffPluginKey.getState(editorState);
-    const decorationCount = (pluginState === null || pluginState === void 0 ? void 0 : (_pluginState$decorati = pluginState.decorations) === null || _pluginState$decorati === void 0 ? void 0 : _pluginState$decorati.find()) || [];
+    const decorationCount = fg('platform_editor_show_diff_scroll_navigation') ? getScrollableDecorations(pluginState === null || pluginState === void 0 ? void 0 : pluginState.decorations) : (pluginState === null || pluginState === void 0 ? void 0 : (_pluginState$decorati = pluginState.decorations) === null || _pluginState$decorati === void 0 ? void 0 : _pluginState$decorati.find()) || [];
     return {
       isDisplayingChanges: decorationCount.length > 0,
       activeIndex: pluginState === null || pluginState === void 0 ? void 0 : pluginState.activeIndex,

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

@@ -21,11 +21,14 @@ var calculateNodesForBlockDecoration = function calculateNodesForBlockDecoration
   // Iterate over the document nodes within the range
   doc.nodesBetween(from, to, function (node, pos) {
     if (node.isBlock) {
-      decorations.push(createBlockChangedDecoration({
+      var decoration = createBlockChangedDecoration({
         from: pos,
         to: pos + node.nodeSize,
         name: node.type.name
-      }, colourScheme));
+      }, colourScheme);
+      if (decoration) {
+        decorations.push(decoration);
+      }
     }
   });
   return decorations;

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

@@ -24,7 +24,9 @@ export var createInlineChangedDecoration = function createInlineChangedDecoratio
   return Decoration.inline(change.fromB, change.toB, {
     style: style,
     'data-testid': 'show-diff-changed-decoration'
-  }, {});
+  }, {
+    key: 'diff-inline'
+  });
 };
 export var getDeletedContentStyleUnbounded = function getDeletedContentStyleUnbounded(colourScheme) {
   return colourScheme === 'traditional' ? deletedTraditionalContentStyleUnbounded : deletedContentStyleUnbounded;
@@ -58,11 +60,28 @@ var getBlockNodeStyle = function getBlockNodeStyle(name, colourScheme) {
  * @returns Prosemirror inline decoration
  */
 export var createBlockChangedDecoration = function createBlockChangedDecoration(change, colourScheme) {
-  return Decoration.node(change.from, change.to, {
-    style: getBlockNodeStyle(change.name, colourScheme),
-    'data-testid': 'show-diff-changed-decoration-node',
-    class: getNodeClass(change.name)
-  }, {});
+  if (fg('platform_editor_show_diff_scroll_navigation')) {
+    var style = getBlockNodeStyle(change.name, colourScheme);
+    var className = getNodeClass(change.name);
+    if (style || className) {
+      return Decoration.node(change.from, change.to, {
+        style: style,
+        'data-testid': 'show-diff-changed-decoration-node',
+        class: className
+      }, {
+        key: 'diff-block'
+      });
+    }
+    return undefined;
+  } else {
+    return Decoration.node(change.from, change.to, {
+      style: getBlockNodeStyle(change.name, colourScheme),
+      'data-testid': 'show-diff-changed-decoration-node',
+      class: getNodeClass(change.name)
+    }, {
+      key: 'diff-block'
+    });
+  }
 };
 var createContentWrapper = function createContentWrapper(colourScheme) {
   var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -206,5 +225,7 @@ export var createDeletedContentDecoration = function createDeletedContentDecorat
   // Widget decoration used for deletions as the content is not in the document
   // and we want to display the deleted content with a style.
   var safeInsertPos = findSafeInsertPos(newDoc, change.fromB, slice);
-  return [Decoration.widget(safeInsertPos, dom)];
+  return [Decoration.widget(safeInsertPos, dom, {
+    key: 'diff-widget'
+  })];
 };

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

@@ -10,6 +10,12 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { calculateDiffDecorations } from './calculateDiffDecorations';
 import { NodeViewSerializer } from './NodeViewSerializer';
 export var showDiffPluginKey = new PluginKey('showDiffPlugin');
+export var getScrollableDecorations = function getScrollableDecorations(set) {
+  var _set$find;
+  return (_set$find = set === null || set === void 0 ? void 0 : set.find(undefined, undefined, function (spec) {
+    return spec.key === 'diff-inline' || spec.key === 'diff-widget' || spec.key === 'diff-block';
+  })) !== null && _set$find !== void 0 ? _set$find : [];
+};
 export var createPlugin = function createPlugin(config, getIntl) {
   var nodeViewSerializer = new NodeViewSerializer({});
   var setNodeViewSerializer = function setNodeViewSerializer(editorView) {
@@ -36,7 +42,7 @@ export var createPlugin = function createPlugin(config, getIntl) {
       if (!pluginState || pluginState.decorations.find().length === 0) {
         return;
       }
-      var decorations = pluginState.decorations.find();
+      var decorations = getScrollableDecorations(pluginState.decorations);
       var decoration = decorations[(_pluginState$activeIn = pluginState.activeIndex) !== null && _pluginState$activeIn !== void 0 ? _pluginState$activeIn : 0];
       if (!decoration) {
         return;
@@ -92,7 +98,7 @@ export var createPlugin = function createPlugin(config, getIntl) {
             });
           } 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
-            var _decorations = currentPluginState.decorations.find();
+            var _decorations = getScrollableDecorations(currentPluginState.decorations);
             if (_decorations.length > 0) {
               var _currentPluginState$a;
               var nextIndex = (_currentPluginState$a = currentPluginState.activeIndex) !== null && _currentPluginState$a !== void 0 ? _currentPluginState$a : 0;

package/dist/esm/showDiffPlugin.js

@@ -1,7 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { createPlugin, showDiffPluginKey } from './pm-plugins/main';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { createPlugin, showDiffPluginKey, getScrollableDecorations } from './pm-plugins/main';
 export var showDiffPlugin = function showDiffPlugin(_ref) {
   var _api = _ref.api,
     config = _ref.config;
@@ -54,7 +55,7 @@ export var showDiffPlugin = function showDiffPlugin(_ref) {
         };
       }
       var pluginState = showDiffPluginKey.getState(editorState);
-      var decorationCount = (pluginState === null || pluginState === void 0 || (_pluginState$decorati = pluginState.decorations) === null || _pluginState$decorati === void 0 ? void 0 : _pluginState$decorati.find()) || [];
+      var decorationCount = fg('platform_editor_show_diff_scroll_navigation') ? getScrollableDecorations(pluginState === null || pluginState === void 0 ? void 0 : pluginState.decorations) : (pluginState === null || pluginState === void 0 || (_pluginState$decorati = pluginState.decorations) === null || _pluginState$decorati === void 0 ? void 0 : _pluginState$decorati.find()) || [];
       return {
         isDisplayingChanges: decorationCount.length > 0,
         activeIndex: pluginState === null || pluginState === void 0 ? void 0 : pluginState.activeIndex,

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

@@ -25,7 +25,7 @@ export declare const createBlockChangedDecoration: (change: {
     from: number;
     name: string;
     to: number;
-}, colourScheme?: "standard" | "traditional") => Decoration;
+}, colourScheme?: "standard" | "traditional") => Decoration | undefined;
 interface DeletedContentDecorationProps {
     change: Pick<Change, 'fromA' | 'toA' | 'fromB' | 'deleted'>;
     colourScheme?: 'standard' | 'traditional';

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

@@ -3,6 +3,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { Step as ProseMirrorStep } from '@atlaskit/editor-prosemirror/transform';
+import type { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { type DiffParams } from '../showDiffPluginType';
 export declare const showDiffPluginKey: PluginKey<ShowDiffPluginState>;
@@ -17,4 +18,5 @@ export type ShowDiffPluginState = {
     originalDoc: PMNode | undefined;
     steps: ProseMirrorStep[];
 };
+export declare const getScrollableDecorations: (set: DecorationSet | undefined) => Decoration[];
 export declare const createPlugin: (config: DiffParams | undefined, getIntl: () => IntlShape) => SafePlugin<ShowDiffPluginState>;

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

@@ -25,7 +25,7 @@ export declare const createBlockChangedDecoration: (change: {
     from: number;
     name: string;
     to: number;
-}, colourScheme?: "standard" | "traditional") => Decoration;
+}, colourScheme?: "standard" | "traditional") => Decoration | undefined;
 interface DeletedContentDecorationProps {
     change: Pick<Change, 'fromA' | 'toA' | 'fromB' | 'deleted'>;
     colourScheme?: 'standard' | 'traditional';

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

@@ -3,6 +3,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { Step as ProseMirrorStep } from '@atlaskit/editor-prosemirror/transform';
+import type { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { type DiffParams } from '../showDiffPluginType';
 export declare const showDiffPluginKey: PluginKey<ShowDiffPluginState>;
@@ -17,4 +18,5 @@ export type ShowDiffPluginState = {
     originalDoc: PMNode | undefined;
     steps: ProseMirrorStep[];
 };
+export declare const getScrollableDecorations: (set: DecorationSet | undefined) => Decoration[];
 export declare const createPlugin: (config: DiffParams | undefined, getIntl: () => IntlShape) => SafePlugin<ShowDiffPluginState>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-show-diff",
-	"version": "4.1.3",
+	"version": "4.1.4",
 	"description": "ShowDiff plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,7 +32,7 @@
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^32.10.0",
+		"@atlaskit/tmp-editor-statsig": "^32.11.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",