@atlaskit/editor-plugin-base 2.0.12 → 2.1.1

package/dist/esm/pm-plugins/scroll-gutter/plugin.js

@@ -1,160 +1,31 @@
-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 { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { GUTTER_SELECTOR, GUTTER_SIZE_IN_PX, isEmptyDocument } from '@atlaskit/editor-common/utils';
 import { scrollGutterPluginKey } from './plugin-key';
-import { getKeyboardHeight } from './util/get-keyboard-height';
-var MIN_TAP_SIZE_IN_PX = 40;
-function supportsIntersectionObserver() {
-  if (typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  window.IntersectionObserverEntry.prototype) {
-    return true;
-  }
-  return false;
-}
-function listenForGutterVisibilityChanges(scrollElement, gutterIsVisible) {
-  if (supportsIntersectionObserver()) {
-    var observer = new IntersectionObserver(function (entries, _) {
-      entries.forEach(function (entry) {
-        gutterIsVisible(entry.intersectionRatio > 0);
-      });
-    }, {
-      root: scrollElement,
-      rootMargin: '0px',
-      threshold: 0
-    });
-    return observer;
-  }
-  return undefined;
-}
+var GUTTER_SIZE_IN_PX = 120;
+var GUTTER_SELECTOR_NAME = 'editor-scroll-gutter';
 
 /**
  * Create a gutter element that can be added or removed from the DOM.
  */
-function createGutter(gutterSize) {
+function createGutter(gutterSize, parent) {
   var gutter = document.createElement('div');
   gutter.style.paddingBottom = "".concat(gutterSize, "px");
-  gutter.id = GUTTER_SELECTOR.substr(1);
-  var initialized = false;
-  var mounted = false;
-  var currentParent = null;
-  var observer;
-  var isVisible = false;
-  return {
-    addGutter: function addGutter(parent) {
-      if (parent) {
-        var _parent$deref;
-        currentParent = parent;
-        (_parent$deref = parent.deref()) === null || _parent$deref === void 0 || _parent$deref.appendChild(gutter);
-        mounted = true;
-        if (observer) {
-          observer.observe(gutter);
-        }
-      }
-    },
-    removeGutter: function removeGutter() {
-      var _currentParent;
-      var parentRef = (_currentParent = currentParent) === null || _currentParent === void 0 ? void 0 : _currentParent.deref();
-      if (parentRef && mounted) {
-        mounted = false;
-        parentRef.removeChild(gutter);
-        if (observer) {
-          observer.unobserve(gutter);
-        }
-      }
-    },
-    element: function element() {
-      return gutter;
-    },
-    isMounted: function isMounted() {
-      return mounted;
-    },
-    visible: function visible() {
-      // If we know whether it's visible we can avoid expensive calculations
-      if (observer) {
-        return isVisible;
-      }
-      // Fallback for legacy browsers assumes it's visible (if mounted)
-      return mounted;
-    },
-    observe: function observe(scrollElement) {
-      if (!initialized) {
-        initialized = true;
-        observer = listenForGutterVisibilityChanges(scrollElement, function (visible) {
-          return isVisible = visible;
-        });
-      }
-    },
-    destroy: function destroy() {
-      if (observer) {
-        observer.disconnect();
-      }
-      observer = undefined;
-      this.removeGutter();
-      initialized = mounted = false;
-    }
-  };
-}
-
-/**
- * Get caret top position given the current selection,
- * use start container position as fallback
- */
-function getCaretTopPosition() {
-  var windowSelection = window.getSelection();
-  if (windowSelection && windowSelection.rangeCount > 0) {
-    var range = windowSelection.getRangeAt(0);
-    if (range) {
-      var clientRects = range.getClientRects();
-      // Return client rects
-      if (clientRects && clientRects.length > 0) {
-        return clientRects[0].top;
-      }
-
-      // Return container top
-      // Ignored via go/ees005
-      // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      var container = range.startContainer;
-      if (container && container.getBoundingClientRect) {
-        return container.getBoundingClientRect().top;
-      }
-    }
-  }
-  return;
-}
-function scrollToGutterElement(scrollContainer, gutterElement, gutterSize) {
-  var viewportHeight = scrollContainer.offsetHeight;
-  var viewportOffsetY = scrollContainer.getBoundingClientRect().top;
-  var caretTopPosition = getCaretTopPosition();
-  if (!caretTopPosition) {
-    return false;
+  gutter.setAttribute('data-vc', 'scroll-gutter');
+  gutter.id = GUTTER_SELECTOR_NAME;
+  if (parent) {
+    parent.appendChild(gutter);
   }
-  var caretTopFromContainer = caretTopPosition - viewportOffsetY;
-  var gutterThresholdTop = viewportHeight - gutterSize - MIN_TAP_SIZE_IN_PX * 2;
-  if (caretTopFromContainer < gutterThresholdTop) {
-    return false;
-  }
-
-  // Clamp the scroll position to above the scroll gutter element.
-  gutterElement.scrollIntoView(false);
-
-  // Mark scrolling as handled so that other plugin's don't override our position.
-  return true;
+  return function () {
+    return parent === null || parent === void 0 ? void 0 : parent.removeChild(gutter);
+  };
 }
 export default (function () {
   var pluginOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var getScrollElement = pluginOptions.getScrollElement,
-    allowCustomScrollHandler = pluginOptions.allowCustomScrollHandler,
     _pluginOptions$gutter = pluginOptions.gutterSize,
     gutterSize = _pluginOptions$gutter === void 0 ? GUTTER_SIZE_IN_PX : _pluginOptions$gutter;
   if (!getScrollElement) {
     return undefined;
   }
-  var gutter = createGutter(gutterSize);
-  var scrollElement = null; // | undefined;
-
   return new SafePlugin({
     key: scrollGutterPluginKey,
     state: {
@@ -172,113 +43,25 @@ export default (function () {
       // Determines the distance (in pixels) between the cursor and the end of the visible viewport at which point,
       // when scrolling the cursor into view, scrolling takes place.
       // Defaults to 0: https://prosemirror.net/docs/ref/#view.EditorProps.scrollThreshold
-      scrollThreshold: gutterSize / 2,
+      scrollThreshold: gutterSize,
       // Determines the extra space (in pixels) that is left above or below the cursor when it is scrolled into view.
       // Defaults to 5: https://prosemirror.net/docs/ref/#view.EditorProps.scrollMargin
-      scrollMargin: gutterSize,
-      // Called when the view, after updating its state, tries to scroll the selection into view
-      // https://prosemirror.net/docs/ref/#view.EditorProps.handleScrollToSelection
-      handleScrollToSelection: function handleScrollToSelection() {
-        if (allowCustomScrollHandler === false) {
-          return false;
-        }
-        if (!gutter.isMounted() || !gutter.visible() || !scrollElement) {
-          // Avoid scrolling until applicable
-          return false;
-        }
-        return scrollToGutterElement(scrollElement, gutter.element(), gutterSize);
-      }
+      scrollMargin: gutterSize
     },
     view: function view(_view) {
+      var _editorElement;
       // Store references to avoid lookups on successive checks.
-      scrollElement = getScrollElement(_view);
-      // Ignored via go/ees005
-      // eslint-disable-next-line @atlaskit/editor/no-as-casting
-      var editorElement = _view.dom;
-      var editorParentElement = editorElement.parentElement;
-      var viewportElementHeight = 0;
-      var contentElementHeight = 0;
-      var addAndObserveGutter = function addAndObserveGutter() {
-        if (!gutter.isMounted()) {
-          // Ignored via go/ees005
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          gutter.observe(scrollElement);
-          gutter.addGutter(editorParentElement ? new WeakRef(editorParentElement) : null);
-        }
-      };
-      var toggleGutter = function toggleGutter(contentSize, threshold) {
-        if (pluginOptions.persistScrollGutter) {
-          if (!isEmptyDocument(_view.state.doc)) {
-            addAndObserveGutter();
-          } else {
-            gutter.removeGutter();
-          }
-          return;
-        }
-
-        // Add or remove the gutter based on whether the content is about to exceed the viewport height.
-        // We do this to ensure there is sufficient white space below the last content node in order to
-        // see any UI control elements which may sit beneath it.
-        if (contentSize >= threshold) {
-          addAndObserveGutter();
-        } else {
-          if (gutter.isMounted()) {
-            gutter.removeGutter();
-          }
-        }
-      };
-      var observerCallback = function observerCallback(entries) {
-        var _iterator = _createForOfIteratorHelper(entries),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var entry = _step.value;
-            var elementHeight = Math.round(entry.contentRect.height);
-            if (entry.target === scrollElement) {
-              var _getKeyboardHeight;
-              var keyboardHeight = (_getKeyboardHeight = getKeyboardHeight(_view === null || _view === void 0 ? void 0 : _view.state)) !== null && _getKeyboardHeight !== void 0 ? _getKeyboardHeight : 0;
-              viewportElementHeight = elementHeight - keyboardHeight;
-            } else if (entry.target === editorParentElement) {
-              contentElementHeight = elementHeight - (gutter.isMounted() ? gutterSize : 0);
-            }
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-        toggleGutter(contentElementHeight, viewportElementHeight);
-      };
-
-      // Subscribe to updates of the height of the viewport and content elements
-      // We toggle the value when it is set here or when PM updates to ensure we're using
-      // the latest.
-      var resizeObserver = new ResizeObserver(observerCallback);
-      if (scrollElement && editorParentElement) {
-        resizeObserver.observe(scrollElement);
-        resizeObserver.observe(editorParentElement);
+      var scrollElement = getScrollElement(_view);
+      var editorElement = _view.dom instanceof HTMLElement ? _view.dom : null;
+      var editorParentElement = (_editorElement = editorElement) === null || _editorElement === void 0 ? void 0 : _editorElement.parentElement;
+      var cleanup = function cleanup() {};
+      if (editorParentElement && scrollElement) {
+        cleanup = createGutter(gutterSize, editorParentElement);
       }
       return {
         destroy: function destroy() {
-          // Remove if it's mounted
-          gutter.destroy();
-          scrollElement = editorParentElement = editorElement = null;
-          resizeObserver.disconnect();
-        },
-        /**
-         * Toggle the Scroll Gutter Element
-         */
-        update: function update(view, prevState) {
-          if (!scrollElement || !editorParentElement) {
-            return;
-          }
-          var state = view.state;
-          if (prevState.selection === state.selection) {
-            // No need to recheck if the selected node hasn't changed.
-            return;
-          }
-          var gutterThresholdHeight = viewportElementHeight - gutterSize;
-          toggleGutter(contentElementHeight, gutterThresholdHeight);
+          cleanup();
+          editorParentElement = editorElement = null;
         }
       };
     }

package/dist/types/basePlugin.d.ts

@@ -1,3 +1,5 @@
-import { type BasePlugin } from './basePluginType';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { BasePlugin, Callback } from './basePluginType';
+export declare function resolveCallbacks(from: number, to: number, tr: Transaction, callbacks: Callback[]): void;
 declare const basePlugin: BasePlugin;
 export default basePlugin;

package/dist/types/basePluginType.d.ts

@@ -1,6 +1,8 @@
 import type { BrowserFreezetracking, InputTracking, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import { type setKeyboardHeight } from './editor-commands/set-keyboard-height';
 import type { ScrollGutterPluginOptions } from './pm-plugins/scroll-gutter/plugin';
 export interface BasePluginOptions {
@@ -25,5 +27,14 @@ export type BasePlugin = NextEditorPlugin<'base', {
     sharedState: BasePluginState;
     actions: {
         setKeyboardHeight: typeof setKeyboardHeight;
+        registerMarks: (callback: Callback) => void;
+        resolveMarks: (from: number, to: number, tr: Transaction) => void;
     };
 }>;
+export type Callback = ({ node, tr, pos, from, to, }: {
+    node: PMNode;
+    tr: Transaction;
+    pos: number;
+    from: number;
+    to: number;
+}) => void;

package/dist/types/pm-plugins/scroll-gutter/plugin.d.ts

@@ -4,12 +4,16 @@ export type ScrollGutterPluginOptions = {
     /** Element the page uses for scrolling */
     getScrollElement?: (view: EditorView) => HTMLElement | null;
     /**
+     * @deprecated
+     *
      * Whether to allow custom functionality to scroll to gutter element in
      * plugin's handleScrollToSelection function
      * Default is true
      */
     allowCustomScrollHandler?: boolean;
     /**
+     * @deprecated
+     *
      * Persist scroll gutter when the mobile appearance is COMPACT
      * Default is false
      */

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

@@ -1,3 +1,5 @@
-import { type BasePlugin } from './basePluginType';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { BasePlugin, Callback } from './basePluginType';
+export declare function resolveCallbacks(from: number, to: number, tr: Transaction, callbacks: Callback[]): void;
 declare const basePlugin: BasePlugin;
 export default basePlugin;

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

@@ -1,6 +1,8 @@
 import type { BrowserFreezetracking, InputTracking, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import { type setKeyboardHeight } from './editor-commands/set-keyboard-height';
 import type { ScrollGutterPluginOptions } from './pm-plugins/scroll-gutter/plugin';
 export interface BasePluginOptions {
@@ -28,5 +30,14 @@ export type BasePlugin = NextEditorPlugin<'base', {
     sharedState: BasePluginState;
     actions: {
         setKeyboardHeight: typeof setKeyboardHeight;
+        registerMarks: (callback: Callback) => void;
+        resolveMarks: (from: number, to: number, tr: Transaction) => void;
     };
 }>;
+export type Callback = ({ node, tr, pos, from, to, }: {
+    node: PMNode;
+    tr: Transaction;
+    pos: number;
+    from: number;
+    to: number;
+}) => void;

package/dist/types-ts4.5/pm-plugins/scroll-gutter/plugin.d.ts

@@ -4,12 +4,16 @@ export type ScrollGutterPluginOptions = {
     /** Element the page uses for scrolling */
     getScrollElement?: (view: EditorView) => HTMLElement | null;
     /**
+     * @deprecated
+     *
      * Whether to allow custom functionality to scroll to gutter element in
      * plugin's handleScrollToSelection function
      * Default is true
      */
     allowCustomScrollHandler?: boolean;
     /**
+     * @deprecated
+     *
      * Persist scroll gutter when the mobile appearance is COMPACT
      * Default is false
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-base",
-	"version": "2.0.12",
+	"version": "2.1.1",
 	"description": "Base plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,12 +32,12 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
-		"@atlaskit/editor-common": "^98.0.0",
+		"@atlaskit/editor-common": "^99.7.0",
 		"@atlaskit/editor-plugin-context-identifier": "^1.3.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.2.0",
 		"@atlaskit/editor-prosemirror": "6.2.1",
-		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/tmp-editor-statsig": "^2.31.0",
+		"@atlaskit/platform-feature-flags": "^1.0.0",
+		"@atlaskit/tmp-editor-statsig": "^2.41.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"techstack": {
@@ -77,10 +77,5 @@
 		"no-unused-dependencies": {
 			"checkDevDependencies": true
 		}
-	},
-	"platform-feature-flags": {
-		"platform_editor_improved_scroll_gutter": {
-			"type": "boolean"
-		}
 	}
 }

package/tsconfig.app.json

@@ -40,9 +40,6 @@
 		{
 			"path": "../editor-plugin-feature-flags/tsconfig.app.json"
 		},
-		{
-			"path": "../../platform/feature-flags/tsconfig.app.json"
-		},
 		{
 			"path": "../tmp-editor-statsig/tsconfig.app.json"
 		}

package/dist/cjs/pm-plugins/scroll-gutter/plugin-next.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _pluginKey = require("./plugin-key");
-var GUTTER_SIZE_IN_PX = 120;
-var GUTTER_SELECTOR_NAME = 'editor-scroll-gutter';
-
-/**
- * Create a gutter element that can be added or removed from the DOM.
- */
-function createGutter(gutterSize, parent) {
-  var gutter = document.createElement('div');
-  gutter.style.paddingBottom = "".concat(gutterSize, "px");
-  gutter.setAttribute('data-vc', 'scroll-gutter');
-  gutter.id = GUTTER_SELECTOR_NAME;
-  if (parent) {
-    parent.appendChild(gutter);
-  }
-  return function () {
-    return parent === null || parent === void 0 ? void 0 : parent.removeChild(gutter);
-  };
-}
-var _default = exports.default = function _default() {
-  var pluginOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var getScrollElement = pluginOptions.getScrollElement,
-    _pluginOptions$gutter = pluginOptions.gutterSize,
-    gutterSize = _pluginOptions$gutter === void 0 ? GUTTER_SIZE_IN_PX : _pluginOptions$gutter;
-  if (!getScrollElement) {
-    return undefined;
-  }
-  return new _safePlugin.SafePlugin({
-    key: _pluginKey.scrollGutterPluginKey,
-    state: {
-      init: function init() {
-        return {};
-      },
-      apply: function apply(tr, pluginState) {
-        if (tr.getMeta(_pluginKey.scrollGutterPluginKey)) {
-          return tr.getMeta(_pluginKey.scrollGutterPluginKey);
-        }
-        return pluginState;
-      }
-    },
-    props: {
-      // Determines the distance (in pixels) between the cursor and the end of the visible viewport at which point,
-      // when scrolling the cursor into view, scrolling takes place.
-      // Defaults to 0: https://prosemirror.net/docs/ref/#view.EditorProps.scrollThreshold
-      scrollThreshold: gutterSize,
-      // Determines the extra space (in pixels) that is left above or below the cursor when it is scrolled into view.
-      // Defaults to 5: https://prosemirror.net/docs/ref/#view.EditorProps.scrollMargin
-      scrollMargin: gutterSize
-    },
-    view: function view(_view) {
-      var _editorElement;
-      // Store references to avoid lookups on successive checks.
-      var scrollElement = getScrollElement(_view);
-      var editorElement = _view.dom instanceof HTMLElement ? _view.dom : null;
-      var editorParentElement = (_editorElement = editorElement) === null || _editorElement === void 0 ? void 0 : _editorElement.parentElement;
-      var cleanup = function cleanup() {};
-      if (editorParentElement && scrollElement) {
-        cleanup = createGutter(gutterSize, editorParentElement);
-      }
-      return {
-        destroy: function destroy() {
-          cleanup();
-          editorParentElement = editorElement = null;
-        }
-      };
-    }
-  });
-};

package/dist/es2019/pm-plugins/scroll-gutter/plugin-next.js

@@ -1,65 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { scrollGutterPluginKey } from './plugin-key';
-const GUTTER_SIZE_IN_PX = 120;
-const GUTTER_SELECTOR_NAME = 'editor-scroll-gutter';
-
-/**
- * Create a gutter element that can be added or removed from the DOM.
- */
-function createGutter(gutterSize, parent) {
-  const gutter = document.createElement('div');
-  gutter.style.paddingBottom = `${gutterSize}px`;
-  gutter.setAttribute('data-vc', 'scroll-gutter');
-  gutter.id = GUTTER_SELECTOR_NAME;
-  if (parent) {
-    parent.appendChild(gutter);
-  }
-  return () => parent === null || parent === void 0 ? void 0 : parent.removeChild(gutter);
-}
-export default ((pluginOptions = {}) => {
-  const {
-    getScrollElement,
-    gutterSize = GUTTER_SIZE_IN_PX
-  } = pluginOptions;
-  if (!getScrollElement) {
-    return undefined;
-  }
-  return new SafePlugin({
-    key: scrollGutterPluginKey,
-    state: {
-      init: () => ({}),
-      apply: (tr, pluginState) => {
-        if (tr.getMeta(scrollGutterPluginKey)) {
-          return tr.getMeta(scrollGutterPluginKey);
-        }
-        return pluginState;
-      }
-    },
-    props: {
-      // Determines the distance (in pixels) between the cursor and the end of the visible viewport at which point,
-      // when scrolling the cursor into view, scrolling takes place.
-      // Defaults to 0: https://prosemirror.net/docs/ref/#view.EditorProps.scrollThreshold
-      scrollThreshold: gutterSize,
-      // Determines the extra space (in pixels) that is left above or below the cursor when it is scrolled into view.
-      // Defaults to 5: https://prosemirror.net/docs/ref/#view.EditorProps.scrollMargin
-      scrollMargin: gutterSize
-    },
-    view(view) {
-      var _editorElement;
-      // Store references to avoid lookups on successive checks.
-      const scrollElement = getScrollElement(view);
-      let editorElement = view.dom instanceof HTMLElement ? view.dom : null;
-      let editorParentElement = (_editorElement = editorElement) === null || _editorElement === void 0 ? void 0 : _editorElement.parentElement;
-      let cleanup = () => {};
-      if (editorParentElement && scrollElement) {
-        cleanup = createGutter(gutterSize, editorParentElement);
-      }
-      return {
-        destroy() {
-          cleanup();
-          editorParentElement = editorElement = null;
-        }
-      };
-    }
-  });
-});

package/dist/esm/pm-plugins/scroll-gutter/plugin-next.js

@@ -1,69 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { scrollGutterPluginKey } from './plugin-key';
-var GUTTER_SIZE_IN_PX = 120;
-var GUTTER_SELECTOR_NAME = 'editor-scroll-gutter';
-
-/**
- * Create a gutter element that can be added or removed from the DOM.
- */
-function createGutter(gutterSize, parent) {
-  var gutter = document.createElement('div');
-  gutter.style.paddingBottom = "".concat(gutterSize, "px");
-  gutter.setAttribute('data-vc', 'scroll-gutter');
-  gutter.id = GUTTER_SELECTOR_NAME;
-  if (parent) {
-    parent.appendChild(gutter);
-  }
-  return function () {
-    return parent === null || parent === void 0 ? void 0 : parent.removeChild(gutter);
-  };
-}
-export default (function () {
-  var pluginOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var getScrollElement = pluginOptions.getScrollElement,
-    _pluginOptions$gutter = pluginOptions.gutterSize,
-    gutterSize = _pluginOptions$gutter === void 0 ? GUTTER_SIZE_IN_PX : _pluginOptions$gutter;
-  if (!getScrollElement) {
-    return undefined;
-  }
-  return new SafePlugin({
-    key: scrollGutterPluginKey,
-    state: {
-      init: function init() {
-        return {};
-      },
-      apply: function apply(tr, pluginState) {
-        if (tr.getMeta(scrollGutterPluginKey)) {
-          return tr.getMeta(scrollGutterPluginKey);
-        }
-        return pluginState;
-      }
-    },
-    props: {
-      // Determines the distance (in pixels) between the cursor and the end of the visible viewport at which point,
-      // when scrolling the cursor into view, scrolling takes place.
-      // Defaults to 0: https://prosemirror.net/docs/ref/#view.EditorProps.scrollThreshold
-      scrollThreshold: gutterSize,
-      // Determines the extra space (in pixels) that is left above or below the cursor when it is scrolled into view.
-      // Defaults to 5: https://prosemirror.net/docs/ref/#view.EditorProps.scrollMargin
-      scrollMargin: gutterSize
-    },
-    view: function view(_view) {
-      var _editorElement;
-      // Store references to avoid lookups on successive checks.
-      var scrollElement = getScrollElement(_view);
-      var editorElement = _view.dom instanceof HTMLElement ? _view.dom : null;
-      var editorParentElement = (_editorElement = editorElement) === null || _editorElement === void 0 ? void 0 : _editorElement.parentElement;
-      var cleanup = function cleanup() {};
-      if (editorParentElement && scrollElement) {
-        cleanup = createGutter(gutterSize, editorParentElement);
-      }
-      return {
-        destroy: function destroy() {
-          cleanup();
-          editorParentElement = editorElement = null;
-        }
-      };
-    }
-  });
-});