@atlaskit/editor-core 187.9.0 → 187.10.0

package/dist/es2019/plugins/block-type/commands/transform-to-code-block.js

@@ -1,7 +1,6 @@
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { mapSlice } from '../../../utils/slice';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
-import { timestampToString } from '@atlaskit/editor-common/utils';
+import { timestampToString, mapSlice } from '@atlaskit/editor-common/utils';
 export function transformToCodeBlockAction(state, start, attrs) {
   const startOfCodeBlockText = state.selection.$from;
   const endPosition = state.selection.empty ? startOfCodeBlockText.end() : state.selection.$to.pos;

package/dist/es2019/plugins/block-type/index.js

@@ -1,16 +1,16 @@
 import React from 'react';
 import { blockquote, hardBreak, heading } from '@atlaskit/adf-schema';
+import { ToolbarSize } from '@atlaskit/editor-common/types';
+import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { IconHeading, IconQuote } from '@atlaskit/editor-common/quick-insert';
+import * as keymaps from '@atlaskit/editor-common/keymaps';
 import { createPlugin, pluginKey } from './pm-plugins/main';
 import keymapPlugin from './pm-plugins/keymap';
 import inputRulePlugin from './pm-plugins/input-rule';
 import ToolbarBlockType from './ui/ToolbarBlockType';
-import WithPluginState from '../../ui/WithPluginState';
 import { setBlockTypeWithAnalytics } from './commands';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import * as keymaps from '../../keymaps';
-import { IconHeading, IconQuote } from '@atlaskit/editor-common/quick-insert';
 import { messages } from './messages';
-import { ToolbarSize } from '../../ui/Toolbar/types';
 const headingPluginOptions = ({
   formatMessage
 }, isAllowed, editorAnalyticsApi) => {
@@ -105,13 +105,19 @@ const blockTypePlugin = (options, api) => ({
       name: 'blockType',
       plugin: ({
         dispatch
-      }) => createPlugin(dispatch, options && options.lastNodeMustBeParagraph)
+      }) => {
+        var _api$dependencies$ana;
+        return createPlugin(api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions, dispatch, options && options.lastNodeMustBeParagraph);
+      }
     }, {
       name: 'blockTypeInputRule',
       plugin: ({
         schema,
         featureFlags
-      }) => inputRulePlugin(schema, featureFlags)
+      }) => {
+        var _api$dependencies$ana2;
+        return inputRulePlugin(api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.actions, schema, featureFlags);
+      }
     },
     // Needs to be lower priority than editor-tables.tableEditing
     // plugin as it is currently swallowing right/down arrow events inside tables
@@ -121,8 +127,8 @@ const blockTypePlugin = (options, api) => ({
         schema,
         featureFlags
       }) => {
-        var _api$dependencies$ana;
-        return keymapPlugin(schema, featureFlags, api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions);
+        var _api$dependencies$ana3;
+        return keymapPlugin(api === null || api === void 0 ? void 0 : (_api$dependencies$ana3 = api.dependencies.analytics) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.actions, schema, featureFlags);
       }
     }];
   },
@@ -137,7 +143,10 @@ const blockTypePlugin = (options, api) => ({
     eventDispatcher
   }) {
     const isSmall = options && options.isUndoRedoButtonsEnabled ? toolbarSize < ToolbarSize.XXL : toolbarSize < ToolbarSize.XL;
-    const boundSetBlockType = name => setBlockTypeWithAnalytics(name, INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+    const boundSetBlockType = name => {
+      var _api$dependencies$ana4;
+      return setBlockTypeWithAnalytics(name, INPUT_METHOD.TOOLBAR, api === null || api === void 0 ? void 0 : (_api$dependencies$ana4 = api.dependencies.analytics) === null || _api$dependencies$ana4 === void 0 ? void 0 : _api$dependencies$ana4.actions)(editorView.state, editorView.dispatch);
+    };
     return /*#__PURE__*/React.createElement(WithPluginState, {
       editorView: editorView,
       eventDispatcher: eventDispatcher,
@@ -162,9 +171,9 @@ const blockTypePlugin = (options, api) => ({
   },
   pluginsOptions: {
     quickInsert: intl => {
-      var _api$dependencies$ana2, _api$dependencies$ana3;
+      var _api$dependencies$ana5, _api$dependencies$ana6;
       const exclude = options && options.allowBlockType && options.allowBlockType.exclude ? options.allowBlockType.exclude : [];
-      return [...blockquotePluginOptions(intl, exclude.indexOf('blockquote') === -1, api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.actions), ...headingPluginOptions(intl, exclude.indexOf('heading') === -1, api === null || api === void 0 ? void 0 : (_api$dependencies$ana3 = api.dependencies.analytics) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.actions)];
+      return [...blockquotePluginOptions(intl, exclude.indexOf('blockquote') === -1, api === null || api === void 0 ? void 0 : (_api$dependencies$ana5 = api.dependencies.analytics) === null || _api$dependencies$ana5 === void 0 ? void 0 : _api$dependencies$ana5.actions), ...headingPluginOptions(intl, exclude.indexOf('heading') === -1, api === null || api === void 0 ? void 0 : (_api$dependencies$ana6 = api.dependencies.analytics) === null || _api$dependencies$ana6 === void 0 ? void 0 : _api$dependencies$ana6.actions)];
     }
   }
 });

package/dist/es2019/plugins/block-type/pm-plugins/input-rule.js

@@ -1,10 +1,10 @@
-import { createJoinNodesRule, createWrappingTextBlockRule, ruleWithAnalytics } from '../../../utils/input-rules';
-import { createRule, createPlugin } from '@atlaskit/prosemirror-input-rules';
-import { leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules';
-import { isConvertableToCodeBlock, transformToCodeBlockAction } from '../commands/transform-to-code-block';
-import { insertBlock } from '../commands/insert-block';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
+import { createRule, createPlugin, leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules';
 import { INPUT_METHOD, ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { inputRuleWithAnalytics } from '@atlaskit/editor-common/utils';
+import { isConvertableToCodeBlock, transformToCodeBlockAction } from '../commands/transform-to-code-block';
+import { insertBlock } from '../commands/insert-block';
+import { createJoinNodesRule, createWrappingTextBlockRule } from '../utils';
 const MAX_HEADING_LEVEL = 6;
 function getHeadingLevel(match) {
   return {
@@ -28,7 +28,7 @@ function blockQuoteRule(nodeType) {
  * @param {Schema} schema
  * @returns {InputRuleWithHandler[]}
  */
-function getHeadingRules(schema) {
+function getHeadingRules(editorAnalyticsAPI, schema) {
   // '# ' for h1, '## ' for h2 and etc
   const hashRule = headingRule(schema.nodes.heading, MAX_HEADING_LEVEL);
   const leftNodeReplacementHashRule = createRule(new RegExp(`${leafNodeReplacementCharacter}(#{1,6})\\s$`), (state, match, start, end) => {
@@ -39,7 +39,7 @@ function getHeadingRules(schema) {
   });
 
   // New analytics handler
-  const ruleWithHeadingAnalytics = ruleWithAnalytics((_state, matchResult) => ({
+  const ruleWithHeadingAnalytics = inputRuleWithAnalytics((_state, matchResult) => ({
     action: ACTION.FORMATTED,
     actionSubject: ACTION_SUBJECT.TEXT,
     eventType: EVENT_TYPE.TRACK,
@@ -48,7 +48,7 @@ function getHeadingRules(schema) {
       inputMethod: INPUT_METHOD.FORMATTING,
       newHeadingLevel: getHeadingLevel(matchResult).level
     }
-  }));
+  }), editorAnalyticsAPI);
   return [ruleWithHeadingAnalytics(hashRule), ruleWithHeadingAnalytics(leftNodeReplacementHashRule)];
 }
 
@@ -58,7 +58,7 @@ function getHeadingRules(schema) {
  * @param {Schema} schema
  * @returns {InputRuleWithHandler[]}
  */
-function getBlockQuoteRules(schema) {
+function getBlockQuoteRules(editorAnalyticsAPI, schema) {
   // '> ' for blockquote
   const greatherThanRule = blockQuoteRule(schema.nodes.blockquote);
   const leftNodeReplacementGreatherRule = createRule(new RegExp(`${leafNodeReplacementCharacter}\\s*>\\s$`), (state, _match, start, end) => {
@@ -66,7 +66,7 @@ function getBlockQuoteRules(schema) {
   });
 
   // Analytics V3 handler
-  const ruleWithBlockQuoteAnalytics = ruleWithAnalytics({
+  const ruleWithBlockQuoteAnalytics = inputRuleWithAnalytics({
     action: ACTION.FORMATTED,
     actionSubject: ACTION_SUBJECT.TEXT,
     eventType: EVENT_TYPE.TRACK,
@@ -74,7 +74,7 @@ function getBlockQuoteRules(schema) {
     attributes: {
       inputMethod: INPUT_METHOD.FORMATTING
     }
-  });
+  }, editorAnalyticsAPI);
   return [ruleWithBlockQuoteAnalytics(greatherThanRule), ruleWithBlockQuoteAnalytics(leftNodeReplacementGreatherRule)];
 }
 
@@ -84,8 +84,8 @@ function getBlockQuoteRules(schema) {
  * @param {Schema} schema
  * @returns {InputRuleWithHandler[]}
  */
-function getCodeBlockRules(schema) {
-  const ruleAnalytics = ruleWithAnalytics({
+function getCodeBlockRules(editorAnalyticsAPI, schema) {
+  const ruleAnalytics = inputRuleWithAnalytics({
     action: ACTION.INSERTED,
     actionSubject: ACTION_SUBJECT.DOCUMENT,
     actionSubjectId: ACTION_SUBJECT_ID.CODE_BLOCK,
@@ -93,7 +93,7 @@ function getCodeBlockRules(schema) {
       inputMethod: INPUT_METHOD.FORMATTING
     },
     eventType: EVENT_TYPE.TRACK
-  });
+  }, editorAnalyticsAPI);
   const validMatchLength = match => match.length > 0 && match[0].length === 3;
   const threeTildeRule = createRule(/(?!\s)(`{3,})$/, (state, match, start, end) => {
     if (!validMatchLength(match)) {
@@ -125,16 +125,16 @@ function getCodeBlockRules(schema) {
   });
   return [ruleAnalytics(threeTildeRule), ruleAnalytics(leftNodeReplacementThreeTildeRule)];
 }
-function inputRulePlugin(schema, featureFlags) {
+function inputRulePlugin(editorAnalyticsAPI, schema, featureFlags) {
   const rules = [];
   if (schema.nodes.heading) {
-    rules.push(...getHeadingRules(schema));
+    rules.push(...getHeadingRules(editorAnalyticsAPI, schema));
   }
   if (schema.nodes.blockquote) {
-    rules.push(...getBlockQuoteRules(schema));
+    rules.push(...getBlockQuoteRules(editorAnalyticsAPI, schema));
   }
   if (schema.nodes.codeBlock) {
-    rules.push(...getCodeBlockRules(schema));
+    rules.push(...getCodeBlockRules(editorAnalyticsAPI, schema));
   }
   if (rules.length !== 0) {
     return createPlugin('block-type', rules, {

package/dist/es2019/plugins/block-type/pm-plugins/keymap.js

@@ -1,20 +1,19 @@
 import { redo, undo } from '@atlaskit/editor-prosemirror/history';
 import { chainCommands } from '@atlaskit/editor-prosemirror/commands';
-import * as keymaps from '../../../keymaps';
-import * as commands from '../../../commands';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import * as keymaps from '@atlaskit/editor-common/keymaps';
+import { keymap } from '@atlaskit/editor-common/keymaps';
+import { insertNewLineWithAnalytics, createNewParagraphAbove, createNewParagraphBelow, deleteEmptyParagraphAndMoveBlockUp } from '@atlaskit/editor-common/utils';
 import * as blockTypes from '../types';
-import { keymap } from '../../../utils/keymap';
 import { cleanUpAtTheStartOfDocument, deleteAndMoveCursor, deleteBlockContent, insertBlockTypesWithAnalytics } from '../commands';
-import { deleteEmptyParagraphAndMoveBlockUp } from '@atlaskit/editor-common/utils';
-import { INPUT_METHOD } from '../../analytics';
 import { isNodeAWrappingBlockNode } from '../utils';
 const backspace = chainCommands(cleanUpAtTheStartOfDocument, deleteBlockContent(isNodeAWrappingBlockNode), deleteAndMoveCursor);
 const del = chainCommands(deleteEmptyParagraphAndMoveBlockUp(isNodeAWrappingBlockNode), deleteBlockContent(isNodeAWrappingBlockNode), deleteAndMoveCursor);
-export default function keymapPlugin(schema, featureFlags, editorAnalyticsApi) {
+export default function keymapPlugin(editorAnalyticsApi, schema, _featureFlags) {
   const list = {};
-  keymaps.bindKeymapWithCommand(keymaps.insertNewLine.common, commands.insertNewLineWithAnalytics, list);
-  keymaps.bindKeymapWithCommand(keymaps.moveUp.common, commands.createNewParagraphAbove, list);
-  keymaps.bindKeymapWithCommand(keymaps.moveDown.common, commands.createNewParagraphBelow, list);
+  keymaps.bindKeymapWithCommand(keymaps.insertNewLine.common, insertNewLineWithAnalytics(editorAnalyticsApi), list);
+  keymaps.bindKeymapWithCommand(keymaps.moveUp.common, createNewParagraphAbove, list);
+  keymaps.bindKeymapWithCommand(keymaps.moveDown.common, createNewParagraphBelow, list);
   keymaps.bindKeymapWithCommand(keymaps.findKeyMapForBrowser(keymaps.redo), redo, list);
   keymaps.bindKeymapWithCommand(keymaps.undo.common, undo, list);
   keymaps.bindKeymapWithCommand(keymaps.backspace.common, backspace, list);

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

@@ -1,11 +1,11 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { browser } from '@atlaskit/editor-common/utils';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { NORMAL_TEXT, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6, BLOCK_QUOTE, CODE_BLOCK, PANEL, OTHER, TEXT_BLOCK_TYPES, WRAPPER_BLOCK_TYPES, HEADINGS_BY_LEVEL } from '../types';
-import { areBlockTypesDisabled } from '../../../utils';
+import { HEADING_KEYS } from '../consts';
 import { setHeadingWithAnalytics, setNormalTextWithAnalytics } from '../commands';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { HEADING_KEYS } from '../../../keymaps/consts';
+import { areBlockTypesDisabled } from '../utils';
 const blockTypeForNode = (node, schema) => {
   if (node.type === schema.nodes.heading) {
     const maybeNode = HEADINGS_BY_LEVEL[node.attrs['level']];
@@ -59,16 +59,16 @@ const detectBlockType = (availableBlockTypes, state) => {
   });
   return blockType || OTHER;
 };
-const autoformatHeading = (headingLevel, view) => {
+const autoformatHeading = (headingLevel, view, editorAnalyticsApi) => {
   if (headingLevel === 0) {
-    setNormalTextWithAnalytics(INPUT_METHOD.FORMATTING)(view.state, view.dispatch);
+    setNormalTextWithAnalytics(INPUT_METHOD.FORMATTING, editorAnalyticsApi)(view.state, view.dispatch);
   } else {
-    setHeadingWithAnalytics(headingLevel, INPUT_METHOD.FORMATTING)(view.state, view.dispatch);
+    setHeadingWithAnalytics(headingLevel, INPUT_METHOD.FORMATTING, editorAnalyticsApi)(view.state, view.dispatch);
   }
   return true;
 };
 export const pluginKey = new PluginKey('blockTypePlugin');
-export const createPlugin = (dispatch, lastNodeMustBeParagraph) => {
+export const createPlugin = (editorAnalyticsApi, dispatch, lastNodeMustBeParagraph) => {
   let altKeyLocation = 0;
   return new SafePlugin({
     appendTransaction(_transactions, _oldState, newState) {
@@ -118,9 +118,9 @@ export const createPlugin = (dispatch, lastNodeMustBeParagraph) => {
         const headingLevel = HEADING_KEYS.indexOf(event.keyCode);
         if (headingLevel > -1 && event.altKey) {
           if (browser.mac && event.metaKey) {
-            return autoformatHeading(headingLevel, view);
+            return autoformatHeading(headingLevel, view, editorAnalyticsApi);
           } else if (!browser.mac && event.ctrlKey && altKeyLocation !== event.DOM_KEY_LOCATION_RIGHT) {
-            return autoformatHeading(headingLevel, view);
+            return autoformatHeading(headingLevel, view, editorAnalyticsApi);
           }
         } else if (event.key === 'Alt') {
           // event.location is for the current key only; when a user hits Ctrl-Alt-1 the

package/dist/es2019/plugins/block-type/ui/ToolbarBlockType/blocktype-button.js

@@ -4,10 +4,10 @@ import { jsx } from '@emotion/react';
 import { FormattedMessage, defineMessages } from 'react-intl-next';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import TextStyleIcon from '@atlaskit/icon/glyph/editor/text-style';
-import ToolbarButton from '../../../../ui/ToolbarButton';
-import { buttonContentStyle, buttonContentReducedSpacingStyle, wrapperSmallStyle, expandIconWrapperStyle } from '../../../../ui/styles';
 import { wrapperStyle } from '@atlaskit/editor-common/styles';
+import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { NORMAL_TEXT } from '../../types';
+import { buttonContentStyle, buttonContentReducedSpacingStyle, wrapperSmallStyle, expandIconWrapperStyle } from './styled';
 export const messages = defineMessages({
   textStyles: {
     id: 'fabric.editor.textStyles',

package/dist/es2019/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -4,12 +4,11 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
-import { DropdownMenuWithKeyboardNavigation as DropdownMenu } from '@atlaskit/editor-common/ui-menu';
+import { getAriaKeyshortcuts, tooltip, findKeymapByDescription } from '@atlaskit/editor-common/keymaps';
 import { separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
+import { DropdownMenuWithKeyboardNavigation as DropdownMenu } from '@atlaskit/editor-common/ui-menu';
 import { blockTypeMenuItemStyle, keyboardShortcut, keyboardShortcutSelect } from './styled';
-import { tooltip, findKeymapByDescription } from '../../../../keymaps';
 import { BlockTypeButton } from './blocktype-button';
-import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
 class ToolbarBlockType extends React.PureComponent {
   constructor(...args) {
     super(...args);

package/dist/es2019/plugins/block-type/ui/ToolbarBlockType/styled.js

@@ -2,7 +2,7 @@
 import { css } from '@emotion/react';
 import { N400 } from '@atlaskit/theme/colors';
 import { headingsSharedStyles } from '@atlaskit/editor-common/styles';
-import { shortcutStyle } from '../../../../ui/styles';
+import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 export const blockTypeMenuItemStyle = (tagName, selected) => {
   // TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
   const selectedStyle = selected ? `${tagName} { color: ${"var(--ds-text, white)"} !important; }` : '';
@@ -23,8 +23,27 @@ export const blockTypeMenuItemStyle = (tagName, selected) => {
 };
 export const keyboardShortcut = css`
   ${shortcutStyle}
-  margin-left: 16px;
+  margin-left: ${"var(--ds-space-200, 16px)"};
 `;
 export const keyboardShortcutSelect = css`
   color: ${`var(--ds-icon, ${N400})`};
+`;
+export const buttonContentStyle = css`
+  display: flex;
+  min-width: 80px;
+  align-items: center;
+  overflow: hidden;
+  justify-content: center;
+  flex-direction: column;
+  padding: ${"var(--ds-space-075, 6px)"};
+`;
+export const buttonContentReducedSpacingStyle = css`
+  padding: ${"var(--ds-space-100, 8px)"};
+`;
+export const wrapperSmallStyle = css`
+  margin-left: ${"var(--ds-space-050, 4px)"};
+  min-width: 40px;
+`;
+export const expandIconWrapperStyle = css`
+  margin-left: -8px;
 `;

package/dist/es2019/plugins/block-type/utils.js

@@ -1,7 +1,76 @@
+import { createRule } from '@atlaskit/prosemirror-input-rules';
+import { createWrappingJoinRule } from '@atlaskit/editor-common/utils';
 import { WRAPPER_BLOCK_TYPES } from './types';
 export const isNodeAWrappingBlockNode = node => {
   if (!node) {
     return false;
   }
   return WRAPPER_BLOCK_TYPES.some(blockNode => blockNode.name === node.type.name);
-};
+};
+export const createJoinNodesRule = (match, nodeType) => {
+  return createWrappingJoinRule({
+    nodeType,
+    match,
+    getAttrs: {},
+    joinPredicate: (_, node) => node.type === nodeType
+  });
+};
+export const createWrappingTextBlockRule = ({
+  match,
+  nodeType,
+  getAttrs
+}) => {
+  const handler = (state, match, start, end) => {
+    const fixedStart = Math.max(start, 1);
+    const $start = state.doc.resolve(fixedStart);
+    const attrs = getAttrs instanceof Function ? getAttrs(match) : getAttrs;
+    const nodeBefore = $start.node(-1);
+    if (nodeBefore && !nodeBefore.canReplaceWith($start.index(-1), $start.indexAfter(-1), nodeType)) {
+      return null;
+    }
+    return state.tr.delete(fixedStart, end).setBlockType(fixedStart, fixedStart, nodeType, attrs);
+  };
+  return createRule(match, handler);
+};
+
+/**
+ * Function will create a list of wrapper blocks present in a selection.
+ */
+function getSelectedWrapperNodes(state) {
+  const nodes = [];
+  if (state.selection) {
+    const {
+      $from,
+      $to
+    } = state.selection;
+    const {
+      blockquote,
+      panel,
+      orderedList,
+      bulletList,
+      listItem,
+      codeBlock,
+      decisionItem,
+      decisionList,
+      taskItem,
+      taskList
+    } = state.schema.nodes;
+    state.doc.nodesBetween($from.pos, $to.pos, node => {
+      if (node.isBlock && [blockquote, panel, orderedList, bulletList, listItem, codeBlock, decisionItem, decisionList, taskItem, taskList].indexOf(node.type) >= 0) {
+        nodes.push(node.type);
+      }
+    });
+  }
+  return nodes;
+}
+
+/**
+ * Function will check if changing block types: Paragraph, Heading is enabled.
+ */
+export function areBlockTypesDisabled(state) {
+  const nodesTypes = getSelectedWrapperNodes(state);
+  const {
+    panel
+  } = state.schema.nodes;
+  return nodesTypes.filter(type => type !== panel).length > 0;
+}

package/dist/es2019/plugins/caption/pm-plugins/keymap.js

@@ -2,7 +2,7 @@ import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import * as keymaps from '../../../keymaps';
 import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { createNewParagraphBelow } from '../../../commands';
+import { createNewParagraphBelow } from '@atlaskit/editor-common/utils';
 import { GapCursorSelection } from '../../selection/gap-cursor/selection';
 export function captionKeymap() {
   const list = {};

package/dist/es2019/plugins/emoji/commands/insert-emoji.js

@@ -1,8 +1,8 @@
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
-import { addAnalytics, EVENT_TYPE, ACTION_SUBJECT_ID, ACTION_SUBJECT, ACTION } from '../../analytics';
-export function insertEmoji(emojiId, inputMethod) {
+import { EVENT_TYPE, ACTION_SUBJECT_ID, ACTION_SUBJECT, ACTION } from '@atlaskit/editor-common/analytics';
+export const insertEmoji = editorAnalyticsAPI => (emojiId, inputMethod) => {
   return (state, dispatch) => {
     const {
       emoji
@@ -17,7 +17,7 @@ export function insertEmoji(emojiId, inputMethod) {
         const fragment = Fragment.fromArray([node, textNode]);
         const tr = safeInsert(fragment)(state.tr);
         if (inputMethod) {
-          addAnalytics(state, tr, {
+          editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
             action: ACTION.INSERTED,
             actionSubject: ACTION_SUBJECT.DOCUMENT,
             actionSubjectId: ACTION_SUBJECT_ID.EMOJI,
@@ -25,7 +25,7 @@ export function insertEmoji(emojiId, inputMethod) {
               inputMethod
             },
             eventType: EVENT_TYPE.TRACK
-          });
+          })(tr);
         }
         dispatch(tr.setSelection(Selection.near(tr.doc.resolve(state.selection.$from.pos + fragment.size))));
       }
@@ -33,4 +33,4 @@ export function insertEmoji(emojiId, inputMethod) {
     }
     return false;
   };
-}
+};

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

@@ -169,7 +169,10 @@ const emojiPlugin = (options, api) => {
           schema,
           providerFactory,
           featureFlags
-        }) => asciiInputRulePlugin(schema, providerFactory, featureFlags)
+        }) => {
+          var _api$dependencies$ana8;
+          return asciiInputRulePlugin(schema, providerFactory, featureFlags, api === null || api === void 0 ? void 0 : (_api$dependencies$ana8 = api.dependencies.analytics) === null || _api$dependencies$ana8 === void 0 ? void 0 : _api$dependencies$ana8.actions);
+        }
       }];
     },
     pluginsOptions: {
@@ -183,13 +186,13 @@ const emojiPlugin = (options, api) => {
         keyshortcut: ':',
         icon: () => /*#__PURE__*/React.createElement(IconEmoji, null),
         action(insert, state) {
-          var _api$dependencies$ana8;
+          var _api$dependencies$ana9;
           const tr = insert(undefined);
           openTypeAheadAtCursor({
             triggerHandler: typeAhead,
             inputMethod: INPUT_METHOD.QUICK_INSERT
           })(tr);
-          api === null || api === void 0 ? void 0 : (_api$dependencies$ana8 = api.dependencies.analytics) === null || _api$dependencies$ana8 === void 0 ? void 0 : _api$dependencies$ana8.actions.attachAnalyticsEvent({
+          api === null || api === void 0 ? void 0 : (_api$dependencies$ana9 = api.dependencies.analytics) === null || _api$dependencies$ana9 === void 0 ? void 0 : _api$dependencies$ana9.actions.attachAnalyticsEvent({
             action: ACTION.INVOKED,
             actionSubject: ACTION_SUBJECT.TYPEAHEAD,
             actionSubjectId: ACTION_SUBJECT_ID.TYPEAHEAD_EMOJI,

package/dist/es2019/plugins/emoji/pm-plugins/ascii-input-rules.js

@@ -2,12 +2,12 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { createRule, createPlugin } from '@atlaskit/prosemirror-input-rules';
 import { leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules';
-import { addAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE } from '../../analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 let matcher;
-export function inputRulePlugin(schema, providerFactory, featureFlags) {
+export function inputRulePlugin(schema, providerFactory, featureFlags, editorAnalyticsAPI) {
   if (schema.nodes.emoji && providerFactory) {
     initMatcher(providerFactory);
-    const asciiEmojiRule = createRule(AsciiEmojiMatcher.REGEX, inputRuleHandler);
+    const asciiEmojiRule = createRule(AsciiEmojiMatcher.REGEX, inputRuleHandler(editorAnalyticsAPI));
     return createPlugin('emoji', [asciiEmojiRule]);
   }
   return;
@@ -25,17 +25,17 @@ function initMatcher(providerFactory) {
   };
   providerFactory.subscribe('emojiProvider', handleProvider);
 }
-function inputRuleHandler(state, matchParts, start, end) {
+const inputRuleHandler = editorAnalyticsAPI => (state, matchParts, start, end) => {
   if (!matcher) {
     return null;
   }
   const match = matcher.match(matchParts);
   if (match) {
-    const transactionCreator = new AsciiEmojiTransactionCreator(state, match, start, end);
+    const transactionCreator = new AsciiEmojiTransactionCreator(state, match, start, end, editorAnalyticsAPI);
     return transactionCreator.create();
   }
   return null;
-}
+};
 const REGEX_LEADING_CAPTURE_INDEX = 1;
 const REGEX_EMOJI_LEADING_PARENTHESES = 2;
 const REGEX_EMOJI_ASCII_CAPTURE_INDEX = 3;
@@ -107,15 +107,17 @@ class RecordingAsciiEmojiMatcher extends AsciiEmojiMatcher {
   }
 }
 class AsciiEmojiTransactionCreator {
-  constructor(state, match, start, end) {
+  constructor(state, match, start, end, editorAnalyticsAPI) {
     this.state = state;
     this.match = match;
     this.start = start;
     this.end = end;
+    this.editorAnalyticsAPI = editorAnalyticsAPI;
   }
   create() {
+    var _this$editorAnalytics;
     const tr = this.state.tr.replaceWith(this.from, this.to, this.createNodes());
-    return addAnalytics(this.state, tr, {
+    (_this$editorAnalytics = this.editorAnalyticsAPI) === null || _this$editorAnalytics === void 0 ? void 0 : _this$editorAnalytics.attachAnalyticsEvent({
       action: ACTION.INSERTED,
       actionSubject: ACTION_SUBJECT.DOCUMENT,
       actionSubjectId: ACTION_SUBJECT_ID.EMOJI,
@@ -123,7 +125,8 @@ class AsciiEmojiTransactionCreator {
         inputMethod: INPUT_METHOD.ASCII
       },
       eventType: EVENT_TYPE.TRACK
-    });
+    })(tr);
+    return tr;
   }
   get from() {
     return this.start + this.match.leadingString.length;
@@ -160,7 +163,7 @@ class AsciiEmojiTransactionCreator {
   }
 }
 export const stateKey = new PluginKey('asciiEmojiPlugin');
-const plugins = (schema, providerFactory, featureFlags) => {
-  return [inputRulePlugin(schema, providerFactory, featureFlags)].filter(plugin => !!plugin);
+const plugins = (schema, providerFactory, featureFlags, editorAnalyticsAPI) => {
+  return [inputRulePlugin(schema, providerFactory, featureFlags, editorAnalyticsAPI)].filter(plugin => !!plugin);
 };
 export default plugins;

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

@@ -1,4 +1,7 @@
+import { TextSelection, NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { findParentNodeOfTypeClosestToPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { isSelectionAtStartOfNode, isSelectionAtEndOfNode } from '@atlaskit/editor-common/selection';
 import { createSelectionClickHandler } from '../../selection/utils';
 import ExtensionNodeView from '../nodeviews/extension';
 import { updateState, clearEditingContext } from '../commands';
@@ -163,6 +166,53 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
     },
     key: pluginKey,
     props: {
+      handleDOMEvents: {
+        /**
+         * ED-18072 - Cannot shift + arrow past bodied extension if it is not empty.
+         * This code is to handle the case where the selection starts inside or on the node and the user is trying to shift + arrow.
+         * For other part of the solution see code in: packages/editor/editor-core/src/plugins/selection/pm-plugins/events/keydown.ts
+         */
+        keydown: (view, event) => {
+          if (event instanceof KeyboardEvent && event.shiftKey && ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {
+            const {
+              schema,
+              selection,
+              selection: {
+                $head
+              },
+              doc,
+              tr
+            } = view.state;
+            const {
+              bodiedExtension
+            } = schema.nodes;
+            if (selection instanceof TextSelection || selection instanceof NodeSelection) {
+              const maybeBodiedExtension = selection instanceof TextSelection ? findParentNodeOfTypeClosestToPos($head, bodiedExtension) : findSelectedNodeOfType(bodiedExtension)(selection);
+              if (maybeBodiedExtension) {
+                const end = maybeBodiedExtension.pos + maybeBodiedExtension.node.nodeSize;
+                if (event.key === 'ArrowUp' || event.key === 'ArrowLeft' && isSelectionAtStartOfNode($head, maybeBodiedExtension)) {
+                  const anchor = end + 1;
+
+                  // an offset is used here so that left arrow selects the first character before the node (consistent with arrow right)
+                  const headOffset = event.key === 'ArrowLeft' ? -1 : 0;
+                  const head = maybeBodiedExtension.pos + headOffset;
+                  const newSelection = TextSelection.create(doc, Math.max(anchor, selection.anchor), head);
+                  view.dispatch(tr.setSelection(newSelection));
+                  return true;
+                }
+                if (event.key === 'ArrowDown' || event.key === 'ArrowRight' && isSelectionAtEndOfNode($head, maybeBodiedExtension)) {
+                  const anchor = maybeBodiedExtension.pos - 1;
+                  const head = end + 1;
+                  const newSelection = TextSelection.create(doc, Math.min(anchor, selection.anchor), head);
+                  view.dispatch(tr.setSelection(newSelection));
+                  return true;
+                }
+              }
+            }
+          }
+          return false;
+        }
+      },
       nodeViews: {
         // WARNING: referentiality-plugin also creates these nodeviews
         extension: ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi),

package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -290,7 +290,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
     });
     _defineProperty(this, "handleSelectedEmoji", emojiId => {
       this.props.editorView.focus();
-      insertEmoji(emojiId, INPUT_METHOD.PICKER)(this.props.editorView.state, this.props.editorView.dispatch);
+      insertEmoji(this.editorAnalyticsAPI)(emojiId, INPUT_METHOD.PICKER)(this.props.editorView.state, this.props.editorView.dispatch);
       this.toggleEmojiPicker();
       return true;
     });