@atlaskit/editor-core 180.1.0 → 181.0.1

package/dist/es2019/plugins/paste/pm-plugins/analytics.js

@@ -1,7 +1,6 @@
 import { ACTION, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, PasteTypes, PasteContents, withAnalytics } from '../../analytics';
 import { getPasteSource } from '../util';
 import { handlePasteAsPlainText, handlePasteIntoTaskOrDecisionOrPanel, handleCodeBlock, handleMediaSingle, handlePastePreservingMarks, handleMarkdown, handleRichText, handleExpandPasteInTable, handleSelectedTable, handlePasteLinkOnSelectedText, handlePasteIntoCaption, handlePastePanelOrDecisionContentIntoList, handlePasteNonNestableBlockNodesIntoList } from '../handlers';
-import { pipe } from '../../../utils';
 import { findParentNode } from 'prosemirror-utils';
 import { mapSlice } from '../../../utils/slice';
 import { getLinkDomain } from '../../hyperlink/utils';
@@ -50,17 +49,18 @@ const nodeToActionSubjectId = {
   tableRow: ACTION_SUBJECT_ID.PASTE_TABLE_ROW,
   taskList: ACTION_SUBJECT_ID.PASTE_TASK_LIST
 };
-export function getContent(state, slice) {
+export function getContent({
+  schema,
+  slice
+}) {
   const {
-    schema: {
-      nodes: {
-        paragraph
-      },
-      marks: {
-        link
-      }
+    nodes: {
+      paragraph
+    },
+    marks: {
+      link
     }
-  } = state;
+  } = schema;
   const nodeOrMarkName = new Set();
   slice.content.forEach(node => {
     if (node.type === paragraph && node.content.size === 0) {
@@ -99,20 +99,18 @@ export function getMediaTraceId(slice) {
   });
   return traceId;
 }
-function getActionSubjectId(view) {
+function getActionSubjectId({
+  selection,
+  schema
+}) {
   const {
-    state: {
-      selection,
-      schema: {
-        nodes: {
-          paragraph,
-          listItem,
-          taskItem,
-          decisionItem
-        }
-      }
+    nodes: {
+      paragraph,
+      listItem,
+      taskItem,
+      decisionItem
     }
-  } = view;
+  } = schema;
   const parent = findParentNode(node => {
     if (node.type !== paragraph && node.type !== listItem && node.type !== taskItem && node.type !== decisionItem) {
       return true;
@@ -156,51 +154,62 @@ function createPastePayload(actionSubjectId, attributes, linkDomain) {
     } : {})
   };
 }
-export function createPasteAnalyticsPayload(view, event, slice, pasteContext) {
-  const text = event.clipboardData ? event.clipboardData.getData('text/plain') || event.clipboardData.getData('text/uri-list') : '';
-  const actionSubjectId = getActionSubjectId(view);
-  const pasteSize = slice.size;
-  const content = getContent(view.state, slice);
-  const linkUrls = [];
-  const mediaTraceId = getMediaTraceId(slice);
-
-  // If we have a link among the pasted content, grab the
-  // domain and send it up with the analytics event
-  if (content === PasteContents.url || content === PasteContents.mixed) {
-    mapSlice(slice, node => {
-      const linkMark = node.marks.find(mark => mark.type.name === 'link');
-      if (linkMark) {
-        linkUrls.push(linkMark.attrs.href);
-      }
-      return node;
+function createPasteAnalyticsPayloadBySelection(event, slice, pasteContext) {
+  return selection => {
+    const text = event.clipboardData ? event.clipboardData.getData('text/plain') || event.clipboardData.getData('text/uri-list') : '';
+    const actionSubjectId = getActionSubjectId({
+      selection: selection,
+      schema: selection.$from.doc.type.schema
     });
-  }
-  if (pasteContext.asPlain) {
-    return createPasteAsPlainPayload(actionSubjectId, text, linkUrls.length);
-  }
-  const source = getPasteSource(event);
-  if (pasteContext.type === PasteTypes.plain) {
+    const pasteSize = slice.size;
+    const content = getContent({
+      schema: selection.$from.doc.type.schema,
+      slice
+    });
+    const linkUrls = [];
+    const mediaTraceId = getMediaTraceId(slice);
+
+    // If we have a link among the pasted content, grab the
+    // domain and send it up with the analytics event
+    if (content === PasteContents.url || content === PasteContents.mixed) {
+      mapSlice(slice, node => {
+        const linkMark = node.marks.find(mark => mark.type.name === 'link');
+        if (linkMark) {
+          linkUrls.push(linkMark.attrs.href);
+        }
+        return node;
+      });
+    }
+    if (pasteContext.asPlain) {
+      return createPasteAsPlainPayload(actionSubjectId, text, linkUrls.length);
+    }
+    const source = getPasteSource(event);
+    if (pasteContext.type === PasteTypes.plain) {
+      return createPastePayload(actionSubjectId, {
+        pasteSize: text.length,
+        type: pasteContext.type,
+        content: PasteContents.text,
+        source,
+        hyperlinkPasteOnText: false,
+        linksInPasteCount: linkUrls.length,
+        pasteSplitList: pasteContext.pasteSplitList
+      });
+    }
+    const linkDomains = linkUrls.map(getLinkDomain);
     return createPastePayload(actionSubjectId, {
-      pasteSize: text.length,
       type: pasteContext.type,
-      content: PasteContents.text,
+      pasteSize,
+      content,
       source,
-      hyperlinkPasteOnText: false,
+      hyperlinkPasteOnText: !!pasteContext.hyperlinkPasteOnText,
       linksInPasteCount: linkUrls.length,
+      mediaTraceId,
       pasteSplitList: pasteContext.pasteSplitList
-    });
-  }
-  const linkDomains = linkUrls.map(getLinkDomain);
-  return createPastePayload(actionSubjectId, {
-    type: pasteContext.type,
-    pasteSize,
-    content,
-    source,
-    hyperlinkPasteOnText: !!pasteContext.hyperlinkPasteOnText,
-    linksInPasteCount: linkUrls.length,
-    mediaTraceId,
-    pasteSplitList: pasteContext.pasteSplitList
-  }, linkDomains);
+    }, linkDomains);
+  };
+}
+export function createPasteAnalyticsPayload(view, event, slice, pasteContext) {
+  return createPasteAnalyticsPayloadBySelection(event, slice, pasteContext)(view.state.selection);
 }
 
 // TODO: ED-6612 We should not dispatch only analytics, it's preferred to wrap each command with his own analytics.
@@ -213,57 +222,80 @@ export function sendPasteAnalyticsEvent(view, event, slice, pasteContext) {
 export function pasteCommandWithAnalytics(view, event, slice, pasteContext) {
   return withAnalytics(() => createPasteAnalyticsPayload(view, event, slice, pasteContext));
 }
-export const handlePasteAsPlainTextWithAnalytics = (view, event, slice) => pipe(handlePasteAsPlainText, pasteCommandWithAnalytics(view, event, slice, {
+export const handlePasteAsPlainTextWithAnalytics = (view, event, slice) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
   type: PasteTypes.plain,
   asPlain: true
-}))(slice, event);
-export const handlePasteIntoTaskAndDecisionWithAnalytics = (view, event, slice, type) => pipe(handlePasteIntoTaskOrDecisionOrPanel, pasteCommandWithAnalytics(view, event, slice, {
-  type: type
-}))(slice);
-export const handlePasteIntoCaptionWithAnalytics = (view, event, slice, type) => pipe(handlePasteIntoCaption, pasteCommandWithAnalytics(view, event, slice, {
-  type: type
-}))(slice);
-export const handleCodeBlockWithAnalytics = (view, event, slice, text) => pipe(handleCodeBlock, pasteCommandWithAnalytics(view, event, slice, {
+}))(handlePasteAsPlainText(slice, event));
+export const handlePasteIntoTaskAndDecisionWithAnalytics = (view, event, slice, type) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
+  type
+}))(handlePasteIntoTaskOrDecisionOrPanel(slice));
+export const handlePasteIntoCaptionWithAnalytics = (view, event, slice, type) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
+  type
+}))(handlePasteIntoCaption(slice));
+export const handleCodeBlockWithAnalytics = (view, event, slice, text) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
   type: PasteTypes.plain
-}))(text);
-export const handleMediaSingleWithAnalytics = (view, event, slice, type) => pipe(handleMediaSingle(INPUT_METHOD.CLIPBOARD), pasteCommandWithAnalytics(view, event, slice, {
+}))(handleCodeBlock(text));
+export const handleMediaSingleWithAnalytics = (view, event, slice, type) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
   type
-}))(slice);
-export const handlePastePreservingMarksWithAnalytics = (view, event, slice, type) => {
-  return pipe(handlePastePreservingMarks, pasteCommandWithAnalytics(view, event, slice, {
-    type
-  }))(slice);
-};
-export const handleMarkdownWithAnalytics = (view, event, slice) => pipe(handleMarkdown, pasteCommandWithAnalytics(view, event, slice, {
+}))(handleMediaSingle(INPUT_METHOD.CLIPBOARD)(slice));
+export const handlePastePreservingMarksWithAnalytics = (view, event, slice, type) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
+  type
+}))(handlePastePreservingMarks(slice));
+export const handleMarkdownWithAnalytics = (view, event, slice) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
   type: PasteTypes.markdown
-}))(slice);
-export const handleRichTextWithAnalytics = (view, event, slice) => pipe(handleRichText, pasteCommandWithAnalytics(view, event, slice, {
+}))(handleMarkdown(slice));
+export const handleRichTextWithAnalytics = (view, event, slice) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
   type: PasteTypes.richText
-}))(slice);
-export const handlePastePanelOrDecisionIntoListWithAnalytics = (view, event, slice) => pipe(handlePastePanelOrDecisionContentIntoList, pasteCommandWithAnalytics(view, event, slice, {
+}))(handleRichText(slice));
+function injectAnalyticsPayloadBeforeCommand(createPayloadByTransaction) {
+  return mainCommand => {
+    return (state, dispatch, view) => {
+      let originalTransaction = state.tr;
+      const fakeDispatch = tr => {
+        originalTransaction = tr;
+      };
+      const result = mainCommand(state, fakeDispatch, view);
+      if (!result) {
+        return false;
+      }
+      if (dispatch && originalTransaction.docChanged) {
+        // it needs to know the selection before the changes
+        const payload = createPayloadByTransaction(state.selection);
+        addAnalytics(state, originalTransaction, payload);
+        dispatch(originalTransaction);
+      }
+      return true;
+    };
+  };
+}
+export const handlePastePanelOrDecisionIntoListWithAnalytics = (view, event, slice) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
   type: PasteTypes.richText
-}))(slice);
-export const handlePasteNonNestableBlockNodesIntoListWithAnalytics = (view, event, slice) => pipe(handlePasteNonNestableBlockNodesIntoList, pasteCommandWithAnalytics(view, event, slice, {
+}))(handlePastePanelOrDecisionContentIntoList(slice));
+export const handlePasteNonNestableBlockNodesIntoListWithAnalytics = (view, event, slice) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
   type: PasteTypes.richText,
   pasteSplitList: true
-}))(slice);
-export const handleExpandWithAnalytics = (view, event, slice) => pipe(handleExpandPasteInTable, pasteCommandWithAnalytics(view, event, slice, {
-  type: PasteTypes.richText
-}))(slice);
-export const handleSelectedTableWithAnalytics = (view, event, slice) => pipe(handleSelectedTable, pasteCommandWithAnalytics(view, event, slice, {
+}))(handlePasteNonNestableBlockNodesIntoList(slice));
+export const handleExpandWithAnalytics = (view, event, slice) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
+  type: PasteTypes.richText,
+  pasteSplitList: true
+}))(handleExpandPasteInTable(slice));
+export const handleSelectedTableWithAnalytics = (view, event, slice) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
   type: PasteTypes.richText
-}))(slice);
-export const handlePasteLinkOnSelectedTextWithAnalytics = (view, event, slice, type) => pipe(handlePasteLinkOnSelectedText, pasteCommandWithAnalytics(view, event, slice, {
+}))(handleSelectedTable(slice));
+export const handlePasteLinkOnSelectedTextWithAnalytics = (view, event, slice, type) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
   type,
   hyperlinkPasteOnText: true
-}))(slice);
+}))(handlePasteLinkOnSelectedText(slice));
 export const createPasteMeasurePayload = ({
   view,
   duration,
   content,
   distortedDuration
 }) => {
-  const pasteIntoNode = getActionSubjectId(view);
+  const pasteIntoNode = getActionSubjectId({
+    selection: view.state.selection,
+    schema: view.state.schema
+  });
   return {
     action: ACTION.PASTED_TIMED,
     actionSubject: ACTION_SUBJECT.EDITOR,

package/dist/es2019/plugins/paste/util/index.js

@@ -10,19 +10,19 @@ export function isPastedFromWord(html) {
 export function isPastedFromExcel(html) {
   return !!html && html.indexOf('urn:schemas-microsoft-com:office:excel') >= 0;
 }
-export function isPastedFromDropboxPaper(html) {
+function isPastedFromDropboxPaper(html) {
   return !!html && !!html.match(/class=\"\s?author-d-.+"/gim);
 }
-export function isPastedFromGoogleDocs(html) {
+function isPastedFromGoogleDocs(html) {
   return !!html && !!html.match(/id=\"docs-internal-guid-.+"/gim);
 }
-export function isPastedFromGoogleSpreadSheets(html) {
+function isPastedFromGoogleSpreadSheets(html) {
   return !!html && !!html.match(/data-sheets-.+=/gim);
 }
-export function isPastedFromPages(html) {
+function isPastedFromPages(html) {
   return !!html && html.indexOf('content="Cocoa HTML Writer"') >= 0;
 }
-export function isPastedFromFabricEditor(html) {
+function isPastedFromFabricEditor(html) {
   return !!html && html.indexOf('data-pm-slice="') >= 0;
 }
 export const isSingleLine = text => {
@@ -51,46 +51,6 @@ export function getPasteSource(event) {
   return 'uncategorized';
 }
 
-// TODO: Write JEST tests for this part
-export function isCode(str) {
-  const lines = str.split(/\r?\n|\r/);
-  if (3 > lines.length) {
-    return false;
-  }
-  let weight = 0;
-  lines.forEach(line => {
-    // Ends with : or ;
-    if (/[:;]$/.test(line)) {
-      weight++;
-    }
-    // Contains second and third braces
-    if (/[{}\[\]]/.test(line)) {
-      weight++;
-    }
-    // Contains <tag> or </
-    if (/<\w+>/.test(line) || /<\//.test(line)) {
-      weight++;
-    }
-    // Contains () <- function calls
-    if (/\(\)/.test(line)) {
-      weight++;
-    }
-    // Contains a link
-    if (/(^|[^!])\[(.*?)\]\((\S+)\)$/.test(line)) {
-      weight--;
-    }
-    // New line starts with less than two chars. e.g- if, {, <, etc
-    const token = /^(\s+)[a-zA-Z<{]{2,}/.exec(line);
-    if (token && 2 <= token[1].length) {
-      weight++;
-    }
-    if (/&&/.test(line)) {
-      weight++;
-    }
-  });
-  return 4 <= weight && weight >= 0.5 * lines.length;
-}
-
 // @see https://product-fabric.atlassian.net/browse/ED-3159
 // @see https://github.com/markdown-it/markdown-it/issues/38
 export function escapeLinks(text) {

package/dist/es2019/plugins/quick-insert/assets/index.js

@@ -68,10 +68,6 @@ export const IconPanel = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel" */'./panel').then(module => module.default),
   loading: () => null
 });
-export const IconCustomPanel = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-custon-panel" */'./custom-panel').then(module => module.default),
-  loading: () => null
-});
 export const IconQuote = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-quote" */'./quote').then(module => module.default),
   loading: () => null
@@ -80,10 +76,6 @@ export const IconStatus = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-status" */'./status').then(module => module.default),
   loading: () => null
 });
-export const IconFallback = Loadable({
-  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-icon-fallback" */'./fallback').then(module => module.default),
-  loading: () => null
-});
 function importHeading(level) {
   switch (level) {
     case 1:

package/dist/es2019/plugins/selection/gap-cursor/actions.js

@@ -1,63 +1,16 @@
 import { NodeSelection, Selection, TextSelection } from 'prosemirror-state';
-import { findDomRefAtPos, removeNodeBefore } from 'prosemirror-utils';
+import { findDomRefAtPos, findPositionOfNodeBefore, removeNodeBefore } from 'prosemirror-utils';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import { Direction, isBackward, isForward } from './direction';
 import { GapCursorSelection, Side } from './selection';
-import { getMediaNearPos, isTextBlockNearPos } from './utils';
+import { isTextBlockNearPos } from './utils';
 import { isValidTargetNode } from './utils/is-valid-target-node';
 import { atTheBeginningOfDoc, atTheEndOfDoc } from '../../../utils/prosemirror/position';
 import { gapCursorPluginKey } from '../pm-plugins/gap-cursor-plugin-key';
 import { isPositionNearTableRow } from '../../../utils/table';
-const mapDirection = {
-  [Direction.LEFT]: -1,
-  [Direction.RIGHT]: 1,
-  [Direction.UP]: -1,
-  [Direction.DOWN]: 1,
-  [Direction.BACKWARD]: -1,
-  [Direction.FORWARD]: 1
-};
-function shouldHandleMediaGapCursor(dir, state) {
-  const {
-    doc,
-    schema,
-    selection
-  } = state;
-  let $pos = isBackward(dir) ? selection.$from : selection.$to;
-  if (selection instanceof TextSelection) {
-    // Should not use gap cursor if I am moving from a text selection into a media node
-    if (dir === Direction.UP && !atTheBeginningOfDoc(state) || dir === Direction.DOWN && !atTheEndOfDoc(state)) {
-      const media = getMediaNearPos(doc, $pos, schema, mapDirection[dir]);
-      if (media) {
-        return false;
-      }
-    }
-
-    // Should not use gap cursor if I am moving from a text selection into a media node with layout wrap-right or wrap-left
-    if (dir === Direction.LEFT || dir === Direction.RIGHT) {
-      const media = getMediaNearPos(doc, $pos, schema, mapDirection[dir]);
-      const {
-        mediaSingle
-      } = schema.nodes;
-      if (media && media.type === mediaSingle && (media.attrs.layout === 'wrap-right' || media.attrs.layout === 'wrap-left')) {
-        return false;
-      }
-    }
-  }
-  if (selection instanceof NodeSelection) {
-    // Should not use gap cursor if I am moving left/right from media node with layout wrap right or wrap-left
-    if (dir === Direction.LEFT || dir === Direction.RIGHT) {
-      const maybeMedia = doc.nodeAt(selection.$from.pos);
-      const {
-        mediaSingle
-      } = schema.nodes;
-      if (maybeMedia && maybeMedia.type === mediaSingle && (maybeMedia.attrs.layout === 'wrap-right' || maybeMedia.attrs.layout === 'wrap-left')) {
-        return false;
-      }
-    }
-  }
-  return true;
-}
+import { isMediaNode, isNodeBeforeMediaNode } from '@atlaskit/editor-common/utils';
 export const shouldSkipGapCursor = (direction, state, $pos) => {
+  var _$pos$nodeBefore;
   const {
     doc,
     schema
@@ -67,13 +20,52 @@ export const shouldSkipGapCursor = (direction, state, $pos) => {
       if (atTheBeginningOfDoc(state)) {
         return false;
       }
-      return isPositionNearTableRow($pos, schema, 'before') || isTextBlockNearPos(doc, schema, $pos, -1);
+      return isPositionNearTableRow($pos, schema, 'before') || isTextBlockNearPos(doc, schema, $pos, -1) || isNodeBeforeMediaNode($pos, state);
     case Direction.DOWN:
-      return atTheEndOfDoc(state) || isTextBlockNearPos(doc, schema, $pos, 1) || isPositionNearTableRow($pos, schema, 'after');
+      return atTheEndOfDoc(state) || isTextBlockNearPos(doc, schema, $pos, 1) || isPositionNearTableRow($pos, schema, 'after') || ((_$pos$nodeBefore = $pos.nodeBefore) === null || _$pos$nodeBefore === void 0 ? void 0 : _$pos$nodeBefore.type.name) === 'text' && !$pos.nodeAfter // end of a paragraph
+      ;
+
     default:
       return false;
   }
 };
+
+// These cases should be handled using the handleMediaGapCursor function
+function shouldHandleMediaGapCursor(dir, state) {
+  var _selection$$from$node;
+  const {
+    selection
+  } = state;
+  const upArrowFromGapCursorIntoMedia = selection instanceof GapCursorSelection && dir === Direction.UP && selection.$from.nodeBefore && isMediaNode(selection.$from.nodeBefore);
+  const downArrowFromGapCursorIntoMediaGroup = selection instanceof GapCursorSelection && dir === Direction.DOWN && ((_selection$$from$node = selection.$from.nodeAfter) === null || _selection$$from$node === void 0 ? void 0 : _selection$$from$node.type.name) === 'mediaGroup';
+  return upArrowFromGapCursorIntoMedia || downArrowFromGapCursorIntoMediaGroup;
+}
+
+// Handle media gap cursor for up/down arrow into media nodes
+// Should check this case by using shouldHandleMediaGapCursor first
+function handleMediaGapCursor(dir, state) {
+  const {
+    selection,
+    tr
+  } = state;
+  let $pos = isBackward(dir) ? selection.$from : selection.$to;
+  if (dir === Direction.UP && selection.$from.nodeBefore && isMediaNode(selection.$from.nodeBefore)) {
+    var _tr$doc$nodeAt;
+    const nodeBeforePos = findPositionOfNodeBefore(tr.selection);
+    if (nodeBeforePos && selection.side === 'right' && ((_tr$doc$nodeAt = tr.doc.nodeAt(nodeBeforePos)) === null || _tr$doc$nodeAt === void 0 ? void 0 : _tr$doc$nodeAt.type.name) === 'mediaSingle') {
+      tr.setSelection(new NodeSelection(tr.doc.resolve(nodeBeforePos))).scrollIntoView();
+    } else if (nodeBeforePos || nodeBeforePos === 0) {
+      tr.setSelection(new GapCursorSelection(tr.doc.resolve(nodeBeforePos), Side.LEFT)).scrollIntoView();
+    }
+  }
+  if (dir === Direction.DOWN && selection.$from.nodeAfter) {
+    const nodeAfterPos = selection.side === 'right' ? $pos.pos : $pos.pos + selection.$from.nodeAfter.nodeSize;
+    if (nodeAfterPos) {
+      tr.setSelection(new GapCursorSelection(tr.doc.resolve(nodeAfterPos), Side.LEFT)).scrollIntoView();
+    }
+  }
+  return tr;
+}
 export const arrow = (dir, endOfTextblock) => (state, dispatch, view) => {
   const {
     doc,
@@ -103,13 +95,21 @@ export const arrow = (dir, endOfTextblock) => (state, dispatch, view) => {
     if (selection.node.isInline) {
       return false;
     }
-    if (dir === Direction.UP || dir === Direction.DOWN) {
+    if (dir === Direction.UP && !atTheBeginningOfDoc(state) && !isNodeBeforeMediaNode($pos, state) || dir === Direction.DOWN) {
       // We dont add gap cursor on node selections going up and down
+      // Except we do if we're going up for a block node which is the
+      // first node in the document OR the node before is a media node
       return false;
     }
   }
-  if (!shouldHandleMediaGapCursor(dir, state)) {
-    return false;
+
+  // Handle media gap cursor for up/down arrow into media nodes
+  if (shouldHandleMediaGapCursor(dir, state)) {
+    const updatedTr = handleMediaGapCursor(dir, state);
+    if (dispatch) {
+      dispatch(updatedTr);
+    }
+    return true;
   }
 
   // when jumping between block nodes at the same depth, we need to reverse cursor without changing ProseMirror position

package/dist/es2019/plugins/status/utils.js

@@ -1,4 +1,4 @@
-import { NodeSelection, Selection } from 'prosemirror-state';
+import { NodeSelection } from 'prosemirror-state';
 export const mayGetStatusAtSelection = selection => {
   if (selection && selection instanceof NodeSelection) {
     const nodeSelection = selection;
@@ -8,15 +8,5 @@ export const mayGetStatusAtSelection = selection => {
   }
   return null;
 };
-export const mayGetStatusAtPos = (pos, doc) => {
-  if (pos) {
-    const node = doc.nodeAt(pos);
-    if (node && node.type.name === 'status') {
-      return node.attrs;
-    }
-  }
-  return null;
-};
 export const isEmptyStatus = node => node && (node.text && node.text.trim().length === 0 || node.text === '');
-export const setSelectionNearPos = (tr, pos) => tr.setSelection(Selection.near(tr.doc.resolve(tr.mapping.map(pos))));
 export const setNodeSelectionNearPos = (tr, pos) => tr.setSelection(NodeSelection.create(tr.doc, tr.mapping.map(pos)));

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

@@ -5,7 +5,7 @@ import { DEFAULT_BORDER_COLOR } from '../../../ui/ColorPalette/Palettes/common';
 import { DEFAULT_COLOR, getActiveColor } from '../utils/color';
 import { getDisabledState } from '../utils/disabled';
 export { DEFAULT_COLOR } from '../utils/color';
-export function createInitialPluginState(editorState, pluginConfig) {
+function createInitialPluginState(editorState, pluginConfig) {
   const defaultColor = (pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.defaultColor) || DEFAULT_COLOR;
   const palette = [{
     value: defaultColor.color,

package/dist/es2019/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -8,7 +8,7 @@ import { ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
 import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import ColorPalette from '../../../../ui/ColorPalette';
+import ColorPalette, { textPaletteTooltipMessages } from '../../../../ui/ColorPalette';
 import Dropdown from '../../../../ui/Dropdown';
 import { expandIconWrapperStyle, wrapperStyle, separatorStyles, triggerWrapperStyles } from '../../../../ui/styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
@@ -210,12 +210,14 @@ export class ToolbarTextColor extends React.Component {
     }, jsx("div", {
       "data-testid": "text-color-palette"
     }, jsx(ColorPalette, {
-      palette: palette,
       onClick: color => this.changeTextColor(color, pluginState.disabled),
       selectedColor: pluginState.color,
-      textPalette: true,
-      hexToPaletteColor: hexToEditorTextPaletteColor,
-      useSomewhatSemanticTextColorNames: useSomewhatSemanticTextColorNames
+      paletteOptions: {
+        palette,
+        hexToPaletteColor: hexToEditorTextPaletteColor,
+        paletteColorTooltipMessages: textPaletteTooltipMessages,
+        showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
+      }
     }))), jsx("span", {
       css: separatorStyles
     }));

package/dist/es2019/plugins/text-formatting/pm-plugins/smart-input-rule.js

@@ -12,14 +12,19 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, PUNC, SYMBOL } f
 function replaceTextUsingCaptureGroup(text) {
   return (state, match, start, end) => {
     const [, prefix,, suffix] = match;
-    const replacement = (prefix || '') + text + (suffix || '');
+    const replacement = text + (suffix || '');
     let {
       tr,
       selection: {
         $to
       }
     } = state;
-    tr.replaceWith(start, end, state.schema.text(replacement, $to.marks()));
+    const startPos = start + (prefix || '').length;
+    const safePos = Math.min(
+    // I know it is almost impossible to have a negative value at this point.
+    // But, this is JS #trustnoone
+    Math.max(startPos, 0), end);
+    tr.replaceWith(safePos, end, state.schema.text(replacement, $to.marks()));
     tr.setSelection(Selection.near(tr.doc.resolve(tr.selection.to)));
     return tr;
   };
@@ -67,6 +72,7 @@ function createSingleQuotesRules() {
   // apostrophe
   createReplacementRule('’', /(\w+)(')(\w+)$/)];
 }
+
 /**
  * Get replacement rules related to product
  */

package/dist/es2019/plugins/text-formatting/utils.js

@@ -1,24 +1,5 @@
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { FORMATTING_MARK_TYPES, FORMATTING_NODE_TYPES } from './commands/clear-formatting';
-export const nodeLen = node => {
-  return node.nodeType === 3 && node.nodeValue ? node.nodeValue.length : node.childNodes.length;
-};
-export const isIgnorable = dom => dom.pmViewDesc && dom.pmViewDesc.size === 0;
-export const isBlockNode = dom => {
-  const desc = dom.pmViewDesc;
-  return desc && desc.node && desc.node.isBlock;
-};
-export const domIndex = function (node) {
-  if (node) {
-    for (let index = 0;; index++) {
-      node = node.previousSibling;
-      if (!node) {
-        return index;
-      }
-    }
-  }
-  return;
-};
 export const hasCode = (state, pos) => {
   const {
     code

package/dist/es2019/plugins/type-ahead/constants.js

@@ -2,11 +2,6 @@ export const TYPE_AHEAD_DECORATION_KEY = 'typeahead_decoration_key';
 export const TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE = 'typeaheadDecoration';
 export const TYPE_AHEAD_POPUP_CONTENT_CLASS = 'fabric-editor-typeahead';
 export const TYPE_AHEAD_DECORATION_ELEMENT_ID = 'typeahaed_decoration_element_id';
-export let NavigationDirection;
-(function (NavigationDirection) {
-  NavigationDirection[NavigationDirection["LEFT"] = -1] = "LEFT";
-  NavigationDirection[NavigationDirection["RIGHT"] = 1] = "RIGHT";
-})(NavigationDirection || (NavigationDirection = {}));
 export let CloseSelectionOptions;
 (function (CloseSelectionOptions) {
   CloseSelectionOptions["BEFORE_TEXT_INSERTED"] = "BEFORE_TEXT_INSERTED";