@atlaskit/editor-core 166.0.2 → 167.0.0

package/dist/cjs/utils/document.js

@@ -18,6 +18,7 @@ exports.isEmptyDocument = isEmptyDocument;
 exports.isEmptyParagraph = isEmptyParagraph;
 exports.isInEmptyLine = isInEmptyLine;
 exports.isNodeEmpty = isNodeEmpty;
+exports.isProseMirrorSchemaCheckError = isProseMirrorSchemaCheckError;
 exports.isSelectionEndOfParagraph = void 0;
 exports.nodesBetweenChanged = nodesBetweenChanged;
 exports.processRawValue = processRawValue;
@@ -26,7 +27,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _prosemirrorModel = require("prosemirror-model");
 
-var _adfUtils = require("@atlaskit/adf-utils");
+var _transforms = require("@atlaskit/adf-utils/transforms");
 
 var _privacyFilter = require("../utils/filter/privacy-filter");
 
@@ -113,6 +114,10 @@ function hasDocAsParent($anchor) {
   return $anchor.depth === 1;
 }
 
+function isProseMirrorSchemaCheckError(error) {
+  return error instanceof RangeError && (!!error.message.match(/^Invalid collection of marks for node/) || !!error.message.match(/^Invalid content for node/));
+}
+
 function isInEmptyLine(state) {
   var selection = state.selection;
   var _ref = selection,
@@ -208,7 +213,7 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
     // https://product-fabric.atlassian.net/browse/ED-14043
 
 
-    var _transformMediaLinkMa = (0, _adfUtils.transformMediaLinkMarks)(node),
+    var _transformMediaLinkMa = (0, _transforms.transformMediaLinkMarks)(node),
         transformedAdf = _transformMediaLinkMa.transformedAdf,
         isTransformed = _transformMediaLinkMa.isTransformed;
 
@@ -225,9 +230,10 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
     // and preserving code marks during content changes.
 
 
-    var transformResult = (0, _adfUtils.transformTextLinkCodeMarks)(node);
-    transformedAdf = transformResult.transformedAdf;
-    isTransformed = transformResult.isTransformed;
+    var _transformTextLinkCod = (0, _transforms.transformTextLinkCodeMarks)(transformedAdf);
+
+    transformedAdf = _transformTextLinkCod.transformedAdf;
+    isTransformed = _transformTextLinkCod.isTransformed;
 
     if (isTransformed && dispatchAnalyticsEvent) {
       dispatchAnalyticsEvent({
@@ -237,6 +243,51 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
       });
     }
 
+    var discardedMarks = [];
+
+    var _transformDedupeMarks = (0, _transforms.transformDedupeMarks)(transformedAdf);
+
+    transformedAdf = _transformDedupeMarks.transformedAdf;
+    isTransformed = _transformDedupeMarks.isTransformed;
+    discardedMarks = _transformDedupeMarks.discardedMarks;
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: _enums.ACTION.DEDUPE_MARKS_TRANSFORMED,
+        actionSubject: _enums.ACTION_SUBJECT.EDITOR,
+        eventType: _enums.EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          discardedMarks: discardedMarks
+        }
+      });
+    }
+
+    var _transformNodesMissin = (0, _transforms.transformNodesMissingContent)(transformedAdf);
+
+    transformedAdf = _transformNodesMissin.transformedAdf;
+    isTransformed = _transformNodesMissin.isTransformed;
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: _enums.ACTION.NODES_MISSING_CONTENT_TRANSFORMED,
+        actionSubject: _enums.ACTION_SUBJECT.EDITOR,
+        eventType: _enums.EVENT_TYPE.OPERATIONAL
+      });
+    }
+
+    var _transformIndentation = (0, _transforms.transformIndentationMarks)(transformedAdf);
+
+    transformedAdf = _transformIndentation.transformedAdf;
+    isTransformed = _transformIndentation.isTransformed;
+
+    if (isTransformed && dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: _enums.ACTION.INDENTATION_MARKS_TRANSFORMED,
+        actionSubject: _enums.ACTION_SUBJECT.EDITOR,
+        eventType: _enums.EVENT_TYPE.OPERATIONAL
+      });
+    }
+
     var entity = (0, _utils.validateADFEntity)(schema, transformedAdf || node, dispatchAnalyticsEvent);
     var newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
 
@@ -257,7 +308,7 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
         });
       }
 
-      return;
+      throw err;
     }
 
     if (dispatchAnalyticsEvent) {
@@ -279,6 +330,11 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
 
 
     console.error("Error processing document:\n".concat(e.message, "\n\n"), JSON.stringify(node));
+
+    if (isProseMirrorSchemaCheckError(e)) {
+      throw e;
+    }
+
     return;
   }
 }

package/dist/cjs/utils/filter/privacy-filter.js

@@ -9,7 +9,7 @@ exports.sanitizeNodeForPrivacy = sanitizeNodeForPrivacy;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _adfUtils = require("@atlaskit/adf-utils");
+var _traverse = require("@atlaskit/adf-utils/traverse");
 
 var _resource = require("@atlaskit/mention/resource");
 
@@ -26,7 +26,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function sanitizeNodeForPrivacy(json, providerFactory) {
   var mentionNames = new Map();
   var hasCacheableMentions = false;
-  var sanitizedJSON = (0, _adfUtils.traverse)(json, {
+  var sanitizedJSON = (0, _traverse.traverse)(json, {
     mention: function mention(node) {
       if (node.attrs && node.attrs.text) {
         hasCacheableMentions = true; // Remove @ prefix

package/dist/cjs/utils/step.js

@@ -3,9 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.extractSliceFromStep = void 0;
 exports.stepAddsOneOf = stepAddsOneOf;
 exports.stepHasSlice = void 0;
 
+var _prosemirrorTransform = require("prosemirror-transform");
+
 var stepHasSlice = function stepHasSlice(step) {
   return step && step.hasOwnProperty('slice');
 };
@@ -34,4 +37,17 @@ function stepAddsOneOf(step, nodeTypes) {
     return !adds;
   });
   return adds;
-}
+}
+
+var extractSliceFromStep = function extractSliceFromStep(step) {
+  if (!(step instanceof _prosemirrorTransform.ReplaceStep) && !(step instanceof _prosemirrorTransform.ReplaceAroundStep)) {
+    return null;
+  } // @ts-ignore This is by design. Slice is a private property, but accesible, from ReplaceStep.
+  // However, we need to read it to found if the step was adding a newline
+
+
+  var slice = step.slice;
+  return slice;
+};
+
+exports.extractSliceFromStep = extractSliceFromStep;

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "166.0.2";
+var version = "167.0.0";
 exports.version = version;
 
 var nextMajorVersion = function nextMajorVersion() {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "166.0.2",
+	"version": "167.0.0",
 	"sideEffects": false
 }

package/dist/es2019/actions/index.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Node } from 'prosemirror-model';
-import { TextSelection } from 'prosemirror-state';
+import { TextSelection, NodeSelection } from 'prosemirror-state';
+import { findParentNode } from 'prosemirror-utils';
 import { toJSON } from '../utils';
 import { processRawValue, isEmptyDocument } from '../utils/document';
 import { getEditorValueWithMedia, __temporaryFixForConfigPanel } from '../utils/action';
@@ -186,6 +187,29 @@ export default class EditorActions {
       return (_findNodePosWithLocal = findNodePosWithLocalId((_this$editorView2 = this.editorView) === null || _this$editorView2 === void 0 ? void 0 : _this$editorView2.state, id)) === null || _findNodePosWithLocal === void 0 ? void 0 : _findNodePosWithLocal.node;
     }
   }
+  /**
+   * This method will return the currently selected `Node` if the selection is a `Node`.
+   * Otherwise, if the selection is textual or a non-selectable `Node` within another selectable `Node`, the closest selectable parent `Node` will be returned.
+   */
+
+
+  getSelectedNode() {
+    var _this$editorView3, _this$editorView3$sta;
+
+    if ((_this$editorView3 = this.editorView) !== null && _this$editorView3 !== void 0 && (_this$editorView3$sta = _this$editorView3.state) !== null && _this$editorView3$sta !== void 0 && _this$editorView3$sta.selection) {
+      var _findParentNode;
+
+      const {
+        selection
+      } = this.editorView.state;
+
+      if (selection instanceof NodeSelection) {
+        return selection.node;
+      }
+
+      return (_findParentNode = findParentNode(node => Boolean(node.type.spec.selectable))(selection)) === null || _findParentNode === void 0 ? void 0 : _findParentNode.node;
+    }
+  }
 
   isDocumentEmpty() {
     // Unlikely case when editorView has been destroyed before calling isDocumentEmpty,

package/dist/es2019/create-editor/ReactEditorView.js

@@ -752,6 +752,8 @@ function getUAPrefix() {
     return 'ua-ie';
   } else if (browser.gecko) {
     return 'ua-firefox';
+  } else if (browser.safari) {
+    return 'ua-safari';
   }
 
   return '';

package/dist/es2019/create-editor/create-plugins-list.js

@@ -203,8 +203,7 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       breakoutEnabled: props.appearance === 'full-page',
       allowContextualMenu: !isMobile,
       fullWidthEnabled: props.appearance === 'full-width',
-      wasFullWidthEnabled: prevProps && prevProps.appearance === 'full-width',
-      dynamicSizingEnabled: props.allowDynamicTextSizing
+      wasFullWidthEnabled: prevProps && prevProps.appearance === 'full-width'
     }]);
   }
 

package/dist/es2019/editor.js

@@ -322,6 +322,10 @@ export default class Editor extends React.Component {
       allowConfluenceInlineComment: {
         message: 'To integrate inline comments use experimental annotationProvider – <Editor annotationProviders={{ provider }} />',
         type: 'removed'
+      },
+      allowDynamicTextSizing: {
+        message: 'Dynamic text sizing has been unshipped since 2020. The prop is no longer needed.',
+        type: 'removed'
       }
     };
     Object.keys(deprecatedProperties).forEach(property => {
@@ -408,7 +412,7 @@ export default class Editor extends React.Component {
   }
 
   getBaseFontSize() {
-    return !this.props.allowDynamicTextSizing && !['comment', 'chromeless', 'mobile'].includes(this.props.appearance) ? akEditorFullPageDefaultFontSize : undefined;
+    return !['comment', 'chromeless', 'mobile'].includes(this.props.appearance) ? akEditorFullPageDefaultFontSize : undefined;
   }
 
   render() {
@@ -485,7 +489,6 @@ export default class Editor extends React.Component {
             var _this$props$featureFl5, _this$props$featureFl6;
 
             return jsx(BaseTheme, {
-              dynamicTextSizing: this.props.allowDynamicTextSizing && this.props.appearance !== 'full-width',
               baseFontSize: this.getBaseFontSize()
             }, jsx(Component, {
               appearance: this.props.appearance,

package/dist/es2019/keymaps/index.js

@@ -72,7 +72,10 @@ const arrowKeysMap = {
   ARROWRIGHT: '\u2192',
   ARROWUP: '\u2191',
   ARROWDOWN: '\u2193'
-};
+}; // TOOD: https://product-fabric.atlassian.net/browse/DSP-4460
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
 const tooltipShortcutStyle = css`
   border-radius: 2px;
   background-color: ${N400};
@@ -81,6 +84,7 @@ const tooltipShortcutStyle = css`
   /* stylelint-disable-next-line */
   label: tooltip-shortcut;
 `;
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
 function formatShortcut(keymap) {
   let shortcut;

package/dist/es2019/labs/next/ContentComponents.js

@@ -3,7 +3,11 @@ import { pluginKey as disabledPluginKey } from '../../plugins/editor-disabled';
 import WithPluginState from '../../ui/WithPluginState';
 import PluginSlot from '../../ui/PluginSlot';
 import { useEditorSharedConfig } from './Editor';
-export function ContentComponents(disabled) {
+export function ContentComponents({
+  disabled,
+  wrapperElement,
+  containerElement
+}) {
   const config = useEditorSharedConfig();
 
   if (!config) {
@@ -27,8 +31,9 @@ export function ContentComponents(disabled) {
         popupsMountPoint: config.popupsMountPoint,
         popupsBoundariesElement: config.popupsBoundariesElement,
         popupsScrollableElement: config.popupsScrollableElement,
-        containerElement: null // TODO: Figure out how to pass containerElement here ED-8448
+        containerElement: containerElement // TODO: Figure out how to pass containerElement here ED-8448
         ,
+        wrapperElement: wrapperElement,
         disabled: (_disabled$editorDisab = disabled === null || disabled === void 0 ? void 0 : disabled.editorDisabled) !== null && _disabled$editorDisab !== void 0 ? _disabled$editorDisab : false
       });
     }

package/dist/es2019/labs/next/full-page.js

@@ -5,6 +5,7 @@ import rafSchedule from 'raf-schd';
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { BaseTheme } from '@atlaskit/editor-common/ui';
 import { akEditorMenuZIndex, akEditorToolbarKeylineHeight } from '@atlaskit/editor-shared-styles';
@@ -92,7 +93,7 @@ const mainToolbar = css`
   display: flex;
   height: 80px;
   flex-shrink: 0;
-  background-color: white;
+  background-color: ${token('elevation.surface', 'white')};
 
   & object {
     height: 0 !important;
@@ -100,7 +101,7 @@ const mainToolbar = css`
 `;
 const mainToolbarWithKeyline = css`
   ${mainToolbar}
-  box-shadow: 0 ${akEditorToolbarKeylineHeight}px 0 0 ${N30}
+  box-shadow: 0 ${akEditorToolbarKeylineHeight}px 0 0 ${token('color.border', N30)}
 `;
 const mainToolbarCustomComponentsSlot = css`
   display: flex;
@@ -150,7 +151,6 @@ function FullPage(props) {
   const {
     primaryToolbarComponents,
     contentComponents,
-    allowDynamicTextSizing,
     collabEdit,
     createAnalyticsEvent,
     contextPanel
@@ -158,13 +158,13 @@ function FullPage(props) {
   const handleAnalyticsEvent = useCreateAnalyticsHandler(createAnalyticsEvent);
   const [showKeyline, scrollContainerRef] = useKeyline();
   const config = useEditorSharedConfig();
+  const wrapperElementRef = /*#__PURE__*/React.createRef();
   return jsx(ContextPanelWidthProvider, null, jsx(Editor, _extends({}, props, {
     onAnalyticsEvent: handleAnalyticsEvent
-  }), jsx(BaseTheme, {
-    dynamicTextSizing: allowDynamicTextSizing
-  }, jsx("div", {
+  }), jsx(BaseTheme, null, jsx("div", {
     css: fullPageEditorWrapper,
-    className: "akEditor"
+    className: "akEditor",
+    ref: wrapperElementRef
   }, jsx("div", {
     "data-testid": "ak-editor-main-toolbar",
     css: showKeyline ? mainToolbarWithKeyline : mainToolbar
@@ -190,7 +190,10 @@ function FullPage(props) {
   }, jsx("div", {
     style: GUTTER_STYLE,
     className: "ak-editor-content-area"
-  }, contentComponents, jsx(EditorContent, null), jsx(ContentComponents, null))))), contextPanel && jsx("div", {
+  }, contentComponents, jsx(EditorContent, null), jsx(ContentComponents, {
+    wrapperElement: wrapperElementRef.current,
+    containerElement: scrollContainerRef.current
+  }))))), contextPanel && jsx("div", {
     css: sidebarArea
   }, contextPanel), jsx(WidthEmitter, {
     editorView: config === null || config === void 0 ? void 0 : config.editorView

package/dist/es2019/nodeviews/getInlineNodeViewProducer.js

@@ -5,6 +5,7 @@ import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../plugins/analytics';
 import { analyticsEventKey } from '../plugins/analytics/consts';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from './getPerformanceOptions';
+export const inlineNodeViewClassname = 'inlineNodeView';
 
 function createNodeView({
   nodeViewParams,
@@ -26,7 +27,7 @@ function createNodeView({
   // nodeView if DOM structure has nested plain "div"s, it doesn't see the
   // difference between them and it kills the nodeView
 
-  domRef.classList.add(`${nodeViewParams.node.type.name}View-content-wrap`, `inlineNodeView`); // This util is shared for tracking rendering, and the ErrorBoundary that
+  domRef.classList.add(`${nodeViewParams.node.type.name}View-content-wrap`, `${inlineNodeViewClassname}`); // This util is shared for tracking rendering, and the ErrorBoundary that
   // is setup to wrap the Component when rendering
   // NOTE: This is not a prosemirror dispatch
 
@@ -166,13 +167,13 @@ function getPortalChildren({
       componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 ? void 0 : (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, /*#__PURE__*/React.createElement("span", {
-      className: "inlineNodeViewAddZeroWidthSpace"
+      className: `${inlineNodeViewClassname}AddZeroWidthSpace`
     }), ZERO_WIDTH_SPACE, /*#__PURE__*/React.createElement(Component, _extends({
       view: nodeViewParams.view,
       getPos: nodeViewParams.getPos,
       node: currentNode
     }, extraComponentProps)), /*#__PURE__*/React.createElement("span", {
-      className: "inlineNodeViewAddZeroWidthSpace"
+      className: `${inlineNodeViewClassname}AddZeroWidthSpace`
     }));
   };
 } // https://prosemirror.net/docs/ref/#view.EditorProps.nodeViews

package/dist/es2019/nodeviews/getInlineNodeViewProducer.styles.js

@@ -1,9 +1,10 @@
 import { css } from '@emotion/react';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils'; // For reasoning behind styles, see comments in:
+import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
+import { inlineNodeViewClassname } from './getInlineNodeViewProducer'; // For reasoning behind styles, see comments in:
 // ./getInlineNodeViewProducer -> portalChildren()
 
 export const InlineNodeViewSharedStyles = css`
-  .inlineNodeView {
+  .${inlineNodeViewClassname} {
     display: inline;
     user-select: all;
     /* Collapses zero width spaces inside the inline node view
@@ -16,12 +17,23 @@ export const InlineNodeViewSharedStyles = css`
       white-space: pre-wrap;
     }
   }
+  /** Remove browser deafult selections style. This prevents
+    unexpected visual artefacts in Safari when navigating
+    with the keyboard or making range selections. */
+  &.ua-safari {
+    .${inlineNodeViewClassname} {
+      ::selection,
+      *::selection {
+        background: transparent;
+      }
+    }
+  }
 
-  &.ua-chrome .inlineNodeView > span {
+  &.ua-chrome .${inlineNodeViewClassname} > span {
     user-select: none;
   }
 
-  .inlineNodeViewAddZeroWidthSpace {
+  .${inlineNodeViewClassname}AddZeroWidthSpace {
     ::after {
       content: '${ZERO_WIDTH_SPACE}';
     }

package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/styles.js

@@ -1,10 +1,11 @@
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 export const triggerWrapper = css`
   display: flex;
 `;
 export const separator = css`
-  background: ${N30};
+  background: ${token('color.border', N30)};
   width: 1px;
   height: 24px;
   display: inline-block;

package/dist/es2019/plugins/analytics/types/enums.js

@@ -84,6 +84,9 @@ export let ACTION;
   ACTION["SYNCHRONY_ENTITY_ERROR"] = "synchronyEntityError";
   ACTION["SYNCHRONY_ERROR"] = "synchronyError";
   ACTION["TEXT_LINK_MARK_TRANSFORMED"] = "textLinkMarkTransformed";
+  ACTION["DEDUPE_MARKS_TRANSFORMED"] = "dedupeMarksTransformed";
+  ACTION["NODES_MISSING_CONTENT_TRANSFORMED"] = "nodesMissingContentTransformed";
+  ACTION["INDENTATION_MARKS_TRANSFORMED"] = "indentationMarksTransformed";
   ACTION["TOGGLE_EXPAND"] = "toggleExpand";
   ACTION["TRANSACTION_DISPATCHED"] = "transactionDispatched";
   ACTION["TRANSACTION_MUTATED_AFTER_DISPATCH"] = "transactionMutatedAfterDispatched";

package/dist/es2019/plugins/base/index.js

@@ -32,23 +32,14 @@ const basePlugin = options => ({
     // In Firefox, when the selection is placed between adjacent nodes which are not contenteditatble
     // no cursor is presented to users.
     // In Safari, when the selection is placed between adjacent nodes which are not contenteditatble
-    // the cursor appears inside the adjacent nodes.
-    // This plugin workarounds the issues with chrome and firefox by inserting decorations between
+    // it is not possible to navigate with arrow keys.
+    // This plugin works around the issues by inserting decorations between
     // inline nodes which are set as contenteditable, and have a zero width space.
-    // At time of development, using this workaround in Safari caused additional issues;
-    // - visual artifacts when moving across inline nodes (ie. using the arrow key to traverse a
-    //   series of inline nodes)
-    // - blocking the right arrow key when at the start of a line from moving to the end of the
-    //   previous line.
-    // As such we only apply the workaround for firefox and chrome.
-
-    if (browser.chrome || browser.gecko) {
-      plugins.push({
-        name: 'inlineCursorTargetPlugin',
-        plugin: () => options && options.allowInlineCursorTarget ? inlineCursorTargetPlugin() : undefined
-      });
-    }
 
+    plugins.push({
+      name: 'inlineCursorTargetPlugin',
+      plugin: () => options && options.allowInlineCursorTarget ? inlineCursorTargetPlugin() : undefined
+    });
     plugins.push({
       name: 'focusHandlerPlugin',
       plugin: ({

package/dist/es2019/plugins/base/pm-plugins/better-type-history.js

@@ -4,6 +4,7 @@ import { Fragment } from 'prosemirror-model';
 import { closeHistory } from 'prosemirror-history';
 import { ReplaceStep, ReplaceAroundStep } from 'prosemirror-transform';
 import { PluginKey } from 'prosemirror-state';
+import { extractSliceFromStep } from '../../../utils/step';
 
 const getEnterKeyboardActionStep = trs => {
   const firstTr = trs.length === 1 && trs[0];
@@ -25,17 +26,6 @@ const getEnterKeyboardActionStep = trs => {
   return replaceSteps[0];
 };
 
-const extractSliceFromStep = step => {
-  if (!(step instanceof ReplaceStep) && !(step instanceof ReplaceAroundStep)) {
-    return null;
-  } // @ts-ignore This is by design. Slice is a private property, but accesible, from ReplaceStep.
-  // However, we need to read it to found if the step was adding a newline
-
-
-  const slice = step.slice;
-  return slice;
-};
-
 const isSliceSplittingBlockNode = slice => {
   const hasOnlyTwoChildren = slice.size > 1 && slice.content.childCount === 2;