@atlaskit/editor-plugin-block-type 1.0.0

package/dist/cjs/plugin/index.js

@@ -0,0 +1,217 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blockTypePlugin = void 0;
+Object.defineProperty(exports, "pluginKey", {
+  enumerable: true,
+  get: function get() {
+    return _main.pluginKey;
+  }
+});
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
+var _adfSchema = require("@atlaskit/adf-schema");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _types = require("@atlaskit/editor-common/types");
+var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
+var _commands = require("./commands");
+var _blockType = require("./commands/block-type");
+var _messages = require("./messages");
+var _inputRule = _interopRequireDefault(require("./pm-plugins/input-rule"));
+var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
+var _main = require("./pm-plugins/main");
+var _ToolbarBlockType = _interopRequireDefault(require("./ui/ToolbarBlockType"));
+var headingPluginOptions = function headingPluginOptions(_ref, isAllowed, editorAnalyticsApi) {
+  var formatMessage = _ref.formatMessage;
+  if (!isAllowed) {
+    return [];
+  }
+  return Array.from({
+    length: 6
+  }, function (_v, idx) {
+    var level = idx + 1;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var descriptionDescriptor = _messages.messages["heading".concat(level, "Description")];
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var keyshortcut = (0, _keymaps.tooltip)(_keymaps.keymap["toggleHeading".concat(level)]);
+    var id = "heading".concat(level);
+    return {
+      id: id,
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      title: formatMessage(_messages.messages[id]),
+      description: formatMessage(descriptionDescriptor),
+      priority: 1300,
+      keywords: ["h".concat(level)],
+      keyshortcut: keyshortcut,
+      icon: function icon() {
+        return /*#__PURE__*/_react.default.createElement(_quickInsert.IconHeading, {
+          level: level
+        });
+      },
+      action: function action(insert, state) {
+        var tr = insert(state.schema.nodes.heading.createChecked({
+          level: level
+        }));
+        editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
+          action: _analytics.ACTION.FORMATTED,
+          actionSubject: _analytics.ACTION_SUBJECT.TEXT,
+          eventType: _analytics.EVENT_TYPE.TRACK,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_HEADING,
+          attributes: {
+            inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT,
+            newHeadingLevel: level
+          }
+        })(tr);
+        return tr;
+      }
+    };
+  });
+};
+var blockquotePluginOptions = function blockquotePluginOptions(_ref2, isAllowed, editorAnalyticsApi) {
+  var formatMessage = _ref2.formatMessage;
+  if (!isAllowed) {
+    return [];
+  }
+  return [{
+    id: 'blockquote',
+    title: formatMessage(_messages.messages.blockquote),
+    description: formatMessage(_messages.messages.blockquoteDescription),
+    priority: 1300,
+    keyshortcut: (0, _keymaps.tooltip)(_keymaps.toggleBlockQuote),
+    icon: function icon() {
+      return /*#__PURE__*/_react.default.createElement(_quickInsert.IconQuote, null);
+    },
+    action: function action(insert, state) {
+      var tr = insert(state.schema.nodes.blockquote.createChecked({}, state.schema.nodes.paragraph.createChecked()));
+      editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent({
+        action: _analytics.ACTION.FORMATTED,
+        actionSubject: _analytics.ACTION_SUBJECT.TEXT,
+        eventType: _analytics.EVENT_TYPE.TRACK,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_BLOCK_QUOTE,
+        attributes: {
+          inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
+        }
+      })(tr);
+      return tr;
+    }
+  }];
+};
+var blockTypePlugin = function blockTypePlugin(_ref3) {
+  var options = _ref3.config,
+    api = _ref3.api;
+  return {
+    name: 'blockType',
+    nodes: function nodes() {
+      var nodes = [{
+        name: 'heading',
+        node: _adfSchema.heading
+      }, {
+        name: 'blockquote',
+        node: _adfSchema.blockquote
+      }, {
+        name: 'hardBreak',
+        node: _adfSchema.hardBreak
+      }];
+      if (options && options.allowBlockType) {
+        var exclude = options.allowBlockType.exclude ? options.allowBlockType.exclude : [];
+        return nodes.filter(function (node) {
+          return exclude.indexOf(node.name) === -1;
+        });
+      }
+      return nodes;
+    },
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'blockType',
+        plugin: function plugin(_ref4) {
+          var _api$analytics;
+          var dispatch = _ref4.dispatch;
+          return (0, _main.createPlugin)(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, dispatch, options && options.lastNodeMustBeParagraph);
+        }
+      }, {
+        name: 'blockTypeInputRule',
+        plugin: function plugin(_ref5) {
+          var _api$analytics2;
+          var schema = _ref5.schema,
+            featureFlags = _ref5.featureFlags;
+          return (0, _inputRule.default)(api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, schema, featureFlags);
+        }
+      },
+      // Needs to be lower priority than editor-tables.tableEditing
+      // plugin as it is currently swallowing right/down arrow events inside tables
+      {
+        name: 'blockTypeKeyMap',
+        plugin: function plugin(_ref6) {
+          var _api$analytics3;
+          var schema = _ref6.schema,
+            featureFlags = _ref6.featureFlags;
+          return (0, _keymap.default)(api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, schema, featureFlags);
+        }
+      }];
+    },
+    actions: {
+      insertBlockQuote: function insertBlockQuote(inputMethod) {
+        var _api$analytics4;
+        return (0, _blockType.insertBlockQuoteWithAnalytics)(inputMethod, api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions);
+      },
+      setBlockType: function setBlockType(name, inputMethod) {
+        var _api$analytics5;
+        return (0, _commands.setBlockTypeWithAnalytics)(name, inputMethod, api === null || api === void 0 ? void 0 : (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions);
+      }
+    },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return;
+      }
+      return _main.pluginKey.getState(editorState);
+    },
+    primaryToolbarComponent: function primaryToolbarComponent(_ref7) {
+      var editorView = _ref7.editorView,
+        popupsMountPoint = _ref7.popupsMountPoint,
+        popupsBoundariesElement = _ref7.popupsBoundariesElement,
+        popupsScrollableElement = _ref7.popupsScrollableElement,
+        toolbarSize = _ref7.toolbarSize,
+        disabled = _ref7.disabled,
+        isToolbarReducedSpacing = _ref7.isToolbarReducedSpacing,
+        eventDispatcher = _ref7.eventDispatcher;
+      var isSmall = options && options.isUndoRedoButtonsEnabled ? toolbarSize < _types.ToolbarSize.XXL : toolbarSize < _types.ToolbarSize.XL;
+      var boundSetBlockType = function boundSetBlockType(name) {
+        var _api$analytics6;
+        return (0, _commands.setBlockTypeWithAnalytics)(name, _analytics.INPUT_METHOD.TOOLBAR, api === null || api === void 0 ? void 0 : (_api$analytics6 = api.analytics) === null || _api$analytics6 === void 0 ? void 0 : _api$analytics6.actions)(editorView.state, editorView.dispatch);
+      };
+      return /*#__PURE__*/_react.default.createElement(_withPluginState.WithPluginState, {
+        editorView: editorView,
+        eventDispatcher: eventDispatcher,
+        plugins: {
+          pluginState: _main.pluginKey
+        },
+        render: function render(_ref8) {
+          var pluginState = _ref8.pluginState;
+          return /*#__PURE__*/_react.default.createElement(_ToolbarBlockType.default, {
+            isSmall: isSmall,
+            isDisabled: disabled,
+            isReducedSpacing: isToolbarReducedSpacing,
+            setBlockType: boundSetBlockType,
+            pluginState: pluginState,
+            popupsMountPoint: popupsMountPoint,
+            popupsBoundariesElement: popupsBoundariesElement,
+            popupsScrollableElement: popupsScrollableElement
+          });
+        }
+      });
+    },
+    pluginsOptions: {
+      quickInsert: function quickInsert(intl) {
+        var _api$analytics7, _api$analytics8;
+        var exclude = options && options.allowBlockType && options.allowBlockType.exclude ? options.allowBlockType.exclude : [];
+        return [].concat((0, _toConsumableArray2.default)(blockquotePluginOptions(intl, exclude.indexOf('blockquote') === -1, api === null || api === void 0 ? void 0 : (_api$analytics7 = api.analytics) === null || _api$analytics7 === void 0 ? void 0 : _api$analytics7.actions)), (0, _toConsumableArray2.default)(headingPluginOptions(intl, exclude.indexOf('heading') === -1, api === null || api === void 0 ? void 0 : (_api$analytics8 = api.analytics) === null || _api$analytics8 === void 0 ? void 0 : _api$analytics8.actions)));
+      }
+    }
+  };
+};
+exports.blockTypePlugin = blockTypePlugin;

package/dist/cjs/plugin/messages.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var messages = (0, _reactIntlNext.defineMessages)({
+  normal: {
+    id: 'fabric.editor.normal',
+    defaultMessage: 'Normal text',
+    description: 'This is the default text style'
+  },
+  heading1: {
+    id: 'fabric.editor.heading1',
+    defaultMessage: 'Heading 1',
+    description: 'Used for the title of a section of your document, headings run from 1 (largest size) to 6 (smallest size)'
+  },
+  heading1Description: {
+    id: 'fabric.editor.heading1Description',
+    defaultMessage: 'Use this for a top level heading',
+    description: 'Description of the main heading, heading 1'
+  },
+  heading2: {
+    id: 'fabric.editor.heading2',
+    defaultMessage: 'Heading 2',
+    description: 'Used for the title of a section of your document, headings run from 1 (largest size) to 6 (smallest size)'
+  },
+  heading2Description: {
+    id: 'fabric.editor.heading2Description',
+    defaultMessage: 'Use this for key sections',
+    description: 'Description of a subtitle heading or secondary heading'
+  },
+  heading3: {
+    id: 'fabric.editor.heading3',
+    defaultMessage: 'Heading 3',
+    description: 'Used for the title of a section of your document, headings run from 1 (largest size) to 6 (smallest size)'
+  },
+  heading3Description: {
+    id: 'fabric.editor.heading3Description',
+    defaultMessage: 'Use this for sub sections and group headings',
+    description: ''
+  },
+  heading4: {
+    id: 'fabric.editor.heading4',
+    defaultMessage: 'Heading 4',
+    description: 'Used for the title of a section of your document, headings run from 1 (largest size) to 6 (smallest size)'
+  },
+  heading4Description: {
+    id: 'fabric.editor.heading4Description',
+    defaultMessage: 'Use this for deep headings',
+    description: ''
+  },
+  heading5: {
+    id: 'fabric.editor.heading5',
+    defaultMessage: 'Heading 5',
+    description: 'Used for the title of a section of your document, headings run from 1 (largest size) to 6 (smallest size)'
+  },
+  heading5Description: {
+    id: 'fabric.editor.heading5Description',
+    defaultMessage: 'Use this for grouping list items',
+    description: ''
+  },
+  heading6: {
+    id: 'fabric.editor.heading6',
+    defaultMessage: 'Heading 6',
+    description: 'Used for the title of a section of your document, headings run from 1 (largest size) to 6 (smallest size)'
+  },
+  heading6Description: {
+    id: 'fabric.editor.heading6Description',
+    defaultMessage: 'Use this for low level headings',
+    description: ''
+  },
+  blockquote: {
+    id: 'fabric.editor.blockquote2',
+    defaultMessage: 'Quote',
+    description: 'Quote some text'
+  },
+  blockquoteDescription: {
+    id: 'fabric.editor.blockquote.description',
+    defaultMessage: 'Insert a quote or citation',
+    description: 'Quote some text'
+  },
+  codeblock: {
+    id: 'fabric.editor.codeblock',
+    defaultMessage: 'Code snippet',
+    description: 'Insert a snippet/segment of code (code block)'
+  },
+  codeblockDescription: {
+    id: 'fabric.editor.codeblock.description',
+    defaultMessage: 'Display code with syntax highlighting',
+    description: 'Insert a snippet/segment of code (code block)'
+  },
+  infoPanel: {
+    id: 'fabric.editor.infoPanel',
+    defaultMessage: 'Info panel',
+    description: 'Visually distinguishes your text by adding a background colour (blue, purple, yellow, green, red)'
+  },
+  infoPanelDescription: {
+    id: 'fabric.editor.infoPanel.description',
+    defaultMessage: 'Highlight information in a colored panel',
+    description: 'Visually distinguishes your text by adding a background colour (blue, purple, yellow, green, red)'
+  },
+  notePanel: {
+    id: 'fabric.editor.notePanel',
+    defaultMessage: 'Note panel',
+    description: 'Visually distinguishes your text by adding a note panel'
+  },
+  notePanelDescription: {
+    id: 'fabric.editor.notePanel.description',
+    defaultMessage: 'Add a note in a colored panel',
+    description: 'Visually distinguishes your text by adding a note panel'
+  },
+  successPanel: {
+    id: 'fabric.editor.successPanel',
+    defaultMessage: 'Success panel',
+    description: 'Visually distinguishes your text by adding a success panel'
+  },
+  successPanelDescription: {
+    id: 'fabric.editor.successPanel.description',
+    defaultMessage: 'Add tips in a colored panel',
+    description: 'Visually distinguishes your text by adding a success panel'
+  },
+  warningPanel: {
+    id: 'fabric.editor.warningPanel',
+    defaultMessage: 'Warning panel',
+    description: 'Visually distinguishes your text by adding a warning panel'
+  },
+  warningPanelDescription: {
+    id: 'fabric.editor.warningPanel.description',
+    defaultMessage: 'Add a note of caution in a colored panel',
+    description: 'Visually distinguishes your text by adding a warning panel'
+  },
+  errorPanel: {
+    id: 'fabric.editor.errorPanel',
+    defaultMessage: 'Error panel',
+    description: 'Visually distinguishes your text by adding a error panel'
+  },
+  errorPanelDescription: {
+    id: 'fabric.editor.errorPanel.description',
+    defaultMessage: 'Call out errors in a colored panel',
+    description: 'Visually distinguishes your text by adding a error panel'
+  },
+  customPanel: {
+    id: 'fabric.editor.customPanel',
+    defaultMessage: 'Custom panel',
+    description: 'Visually distinguishes your panel by adding a emoji icon and background color'
+  },
+  customPanelDescription: {
+    id: 'fabric.editor.customPanel.description',
+    defaultMessage: 'Add a note with an emoji and colored background',
+    description: 'Visually distinguishes your panel by adding a emoji icon and background color '
+  },
+  other: {
+    id: 'fabric.editor.other',
+    defaultMessage: 'Others...',
+    description: 'Other text formatting'
+  }
+});
+exports.messages = messages;

package/dist/cjs/plugin/pm-plugins/input-rule.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _commands = require("@atlaskit/editor-common/commands");
+var _utils = require("@atlaskit/editor-common/utils");
+var _prosemirrorInputRules = require("@atlaskit/prosemirror-input-rules");
+var _utils2 = require("../utils");
+var MAX_HEADING_LEVEL = 6;
+function getHeadingLevel(match) {
+  return {
+    level: match[1].length
+  };
+}
+function headingRule(nodeType, maxLevel) {
+  return (0, _utils2.createWrappingTextBlockRule)({
+    match: new RegExp('^(#{1,' + maxLevel + '})\\s$'),
+    nodeType: nodeType,
+    getAttrs: getHeadingLevel
+  });
+}
+function blockQuoteRule(nodeType) {
+  return (0, _utils2.createJoinNodesRule)(/^\s*>\s$/, nodeType);
+}
+
+/**
+ * Get heading rules
+ *
+ * @param {Schema} schema
+ * @returns {InputRuleWithHandler[]}
+ */
+function getHeadingRules(editorAnalyticsAPI, schema) {
+  // '# ' for h1, '## ' for h2 and etc
+  var hashRule = headingRule(schema.nodes.heading, MAX_HEADING_LEVEL);
+  var leftNodeReplacementHashRule = (0, _prosemirrorInputRules.createRule)(new RegExp("".concat(_prosemirrorInputRules.leafNodeReplacementCharacter, "(#{1,6})\\s$")), function (state, match, start, end) {
+    var level = match[1].length;
+    return (0, _commands.insertBlock)(state, schema.nodes.heading, start, end, {
+      level: level
+    });
+  });
+
+  // New analytics handler
+  var ruleWithHeadingAnalytics = (0, _utils.inputRuleWithAnalytics)(function (_state, matchResult) {
+    return {
+      action: _analytics.ACTION.FORMATTED,
+      actionSubject: _analytics.ACTION_SUBJECT.TEXT,
+      eventType: _analytics.EVENT_TYPE.TRACK,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_HEADING,
+      attributes: {
+        inputMethod: _analytics.INPUT_METHOD.FORMATTING,
+        newHeadingLevel: getHeadingLevel(matchResult).level
+      }
+    };
+  }, editorAnalyticsAPI);
+  return [ruleWithHeadingAnalytics(hashRule), ruleWithHeadingAnalytics(leftNodeReplacementHashRule)];
+}
+
+/**
+ * Get all block quote input rules
+ *
+ * @param {Schema} schema
+ * @returns {InputRuleWithHandler[]}
+ */
+function getBlockQuoteRules(editorAnalyticsAPI, schema) {
+  // '> ' for blockquote
+  var greatherThanRule = blockQuoteRule(schema.nodes.blockquote);
+  var leftNodeReplacementGreatherRule = (0, _prosemirrorInputRules.createRule)(new RegExp("".concat(_prosemirrorInputRules.leafNodeReplacementCharacter, "\\s*>\\s$")), function (state, _match, start, end) {
+    return (0, _commands.insertBlock)(state, schema.nodes.blockquote, start, end);
+  });
+
+  // Analytics V3 handler
+  var ruleWithBlockQuoteAnalytics = (0, _utils.inputRuleWithAnalytics)({
+    action: _analytics.ACTION.FORMATTED,
+    actionSubject: _analytics.ACTION_SUBJECT.TEXT,
+    eventType: _analytics.EVENT_TYPE.TRACK,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_BLOCK_QUOTE,
+    attributes: {
+      inputMethod: _analytics.INPUT_METHOD.FORMATTING
+    }
+  }, editorAnalyticsAPI);
+  return [ruleWithBlockQuoteAnalytics(greatherThanRule), ruleWithBlockQuoteAnalytics(leftNodeReplacementGreatherRule)];
+}
+function inputRulePlugin(editorAnalyticsAPI, schema, featureFlags) {
+  var rules = [];
+  if (schema.nodes.heading) {
+    rules.push.apply(rules, (0, _toConsumableArray2.default)(getHeadingRules(editorAnalyticsAPI, schema)));
+  }
+  if (schema.nodes.blockquote) {
+    rules.push.apply(rules, (0, _toConsumableArray2.default)(getBlockQuoteRules(editorAnalyticsAPI, schema)));
+  }
+  if (rules.length !== 0) {
+    return (0, _prosemirrorInputRules.createPlugin)('block-type', rules, {
+      isBlockNodeRule: true
+    });
+  }
+  return;
+}
+var _default = inputRulePlugin;
+exports.default = _default;

package/dist/cjs/plugin/pm-plugins/keymap.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = keymapPlugin;
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _utils = require("@atlaskit/editor-common/utils");
+var _commands = require("@atlaskit/editor-prosemirror/commands");
+var _history = require("@atlaskit/editor-prosemirror/history");
+var blockTypes = _interopRequireWildcard(require("../block-types"));
+var _commands2 = require("../commands");
+var _utils2 = require("../utils");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var backspaceCommand = (0, _commands.chainCommands)(_commands2.cleanUpAtTheStartOfDocument, (0, _commands2.deleteBlockContent)(_utils2.isNodeAWrappingBlockNode), _commands2.deleteAndMoveCursor);
+var del = (0, _commands.chainCommands)((0, _utils.deleteEmptyParagraphAndMoveBlockUp)(_utils2.isNodeAWrappingBlockNode), (0, _commands2.deleteBlockContent)(_utils2.isNodeAWrappingBlockNode), _commands2.deleteAndMoveCursor);
+function keymapPlugin(editorAnalyticsApi, schema, _featureFlags) {
+  var list = {};
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.insertNewLine.common, (0, _utils.insertNewLineWithAnalytics)(editorAnalyticsApi), list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveUp.common, _utils.createNewParagraphAbove, list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveDown.common, _utils.createNewParagraphBelow, list);
+  (0, _keymaps.bindKeymapWithCommand)((0, _keymaps.findKeyMapForBrowser)(_keymaps.redo), _history.redo, list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.undo.common, _history.undo, list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.backspace.common, backspaceCommand, list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.deleteKey.common, del, list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.forwardDelete.mac, del, list);
+  if (schema.nodes[blockTypes.BLOCK_QUOTE.nodeName]) {
+    (0, _keymaps.bindKeymapWithCommand)((0, _keymaps.findShortcutByKeymap)(_keymaps.toggleBlockQuote), (0, _commands2.insertBlockQuoteWithAnalytics)(_analytics.INPUT_METHOD.KEYBOARD, editorAnalyticsApi), list);
+  }
+  return (0, _keymaps.keymap)(list);
+}

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

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginKey = exports.createPlugin = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _utils = require("@atlaskit/editor-common/utils");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _blockTypes = require("../block-types");
+var _commands = require("../commands");
+var _consts = require("../consts");
+var _utils2 = require("../utils");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var blockTypeForNode = function blockTypeForNode(node, schema) {
+  if (node.type === schema.nodes.heading) {
+    var maybeNode = _blockTypes.HEADINGS_BY_LEVEL[node.attrs['level']];
+    if (maybeNode) {
+      return maybeNode;
+    }
+  } else if (node.type === schema.nodes.paragraph) {
+    return _blockTypes.NORMAL_TEXT;
+  }
+  return _blockTypes.OTHER;
+};
+var isBlockTypeSchemaSupported = function isBlockTypeSchemaSupported(blockType, state) {
+  switch (blockType) {
+    case _blockTypes.NORMAL_TEXT:
+      return !!state.schema.nodes.paragraph;
+    case _blockTypes.HEADING_1:
+    case _blockTypes.HEADING_2:
+    case _blockTypes.HEADING_3:
+    case _blockTypes.HEADING_4:
+    case _blockTypes.HEADING_5:
+    case _blockTypes.HEADING_6:
+      return !!state.schema.nodes.heading;
+    case _blockTypes.BLOCK_QUOTE:
+      return !!state.schema.nodes.blockquote;
+    case _blockTypes.CODE_BLOCK:
+      return !!state.schema.nodes.codeBlock;
+    case _blockTypes.PANEL:
+      return !!state.schema.nodes.panel;
+  }
+  return;
+};
+var detectBlockType = function detectBlockType(availableBlockTypes, state) {
+  // Before a document is loaded, there is no selection.
+  if (!state.selection) {
+    return _blockTypes.NORMAL_TEXT;
+  }
+  var blockType;
+  var _state$selection = state.selection,
+    $from = _state$selection.$from,
+    $to = _state$selection.$to;
+  state.doc.nodesBetween($from.pos, $to.pos, function (node) {
+    var nodeBlockType = availableBlockTypes.filter(function (blockType) {
+      return blockType === blockTypeForNode(node, state.schema);
+    });
+    if (nodeBlockType.length > 0) {
+      if (!blockType) {
+        blockType = nodeBlockType[0];
+      } else if (blockType !== _blockTypes.OTHER && blockType !== nodeBlockType[0]) {
+        blockType = _blockTypes.OTHER;
+      }
+    }
+  });
+  return blockType || _blockTypes.OTHER;
+};
+var autoformatHeading = function autoformatHeading(headingLevel, view, editorAnalyticsApi) {
+  if (headingLevel === 0) {
+    (0, _commands.setNormalTextWithAnalytics)(_analytics.INPUT_METHOD.FORMATTING, editorAnalyticsApi)(view.state, view.dispatch);
+  } else {
+    (0, _commands.setHeadingWithAnalytics)(headingLevel, _analytics.INPUT_METHOD.FORMATTING, editorAnalyticsApi)(view.state, view.dispatch);
+  }
+  return true;
+};
+var pluginKey = new _state.PluginKey('blockTypePlugin');
+exports.pluginKey = pluginKey;
+var createPlugin = function createPlugin(editorAnalyticsApi, dispatch, lastNodeMustBeParagraph) {
+  var altKeyLocation = 0;
+  return new _safePlugin.SafePlugin({
+    appendTransaction: function appendTransaction(_transactions, _oldState, newState) {
+      if (lastNodeMustBeParagraph) {
+        var pos = newState.doc.resolve(newState.doc.content.size - 1);
+        var lastNode = pos.node(1);
+        var paragraph = newState.schema.nodes.paragraph;
+        if (lastNode && lastNode.isBlock && lastNode.type !== paragraph) {
+          return newState.tr.insert(newState.doc.content.size, newState.schema.nodes.paragraph.create()).setMeta('addToHistory', false);
+        }
+      }
+    },
+    state: {
+      init: function init(_config, state) {
+        var availableBlockTypes = _blockTypes.TEXT_BLOCK_TYPES.filter(function (blockType) {
+          return isBlockTypeSchemaSupported(blockType, state);
+        });
+        var availableWrapperBlockTypes = _blockTypes.WRAPPER_BLOCK_TYPES.filter(function (blockType) {
+          return isBlockTypeSchemaSupported(blockType, state);
+        });
+        return {
+          currentBlockType: detectBlockType(availableBlockTypes, state),
+          blockTypesDisabled: (0, _utils2.areBlockTypesDisabled)(state),
+          availableBlockTypes: availableBlockTypes,
+          availableWrapperBlockTypes: availableWrapperBlockTypes
+        };
+      },
+      apply: function apply(_tr, oldPluginState, _oldState, newState) {
+        var newPluginState = _objectSpread(_objectSpread({}, oldPluginState), {}, {
+          currentBlockType: detectBlockType(oldPluginState.availableBlockTypes, newState),
+          blockTypesDisabled: (0, _utils2.areBlockTypesDisabled)(newState)
+        });
+        if (newPluginState.currentBlockType !== oldPluginState.currentBlockType || newPluginState.blockTypesDisabled !== oldPluginState.blockTypesDisabled) {
+          dispatch(pluginKey, newPluginState);
+        }
+        return newPluginState;
+      }
+    },
+    key: pluginKey,
+    props: {
+      /**
+       * As we only want the left alt key to work for headings shortcuts on Windows
+       * we can't use prosemirror-keymap and need to handle these shortcuts specially
+       * Shortcut on Mac: Cmd-Opt-{heading level}
+       * Shortcut on Windows: Ctrl-LeftAlt-{heading level}
+       */
+      handleKeyDown: function handleKeyDown(view, event) {
+        var headingLevel = _consts.HEADING_KEYS.indexOf(event.keyCode);
+        if (headingLevel > -1 && event.altKey) {
+          if (_utils.browser.mac && event.metaKey) {
+            return autoformatHeading(headingLevel, view, editorAnalyticsApi);
+          } else if (!_utils.browser.mac && event.ctrlKey && altKeyLocation !== event.DOM_KEY_LOCATION_RIGHT) {
+            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
+          // location refers to the location of the '1' key
+          // We store the location of the Alt key when it is hit to check against later
+          altKeyLocation = event.location;
+        } else if (!event.altKey) {
+          altKeyLocation = 0;
+        }
+        return false;
+      }
+    }
+  });
+};
+exports.createPlugin = createPlugin;