@atlaskit/editor-core 187.22.1 → 187.23.1

package/dist/cjs/plugins/type-ahead/ui/TypeAheadListItem.js

@@ -39,7 +39,7 @@ var itemText = function itemText(theme) {
   })(theme), (0, _editorSharedStyles.relativeFontSizeToBase16)(12), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"));
 };
 var itemAfter = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 0 0 auto;\n"])));
-var customRenderItemDivStyle = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  &:hover {\n    background-color: ", ";\n  }\n  &:focus {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n    outline: none;\n  }\n"])), "var(--ds-background-selected, ".concat(_colors.N30, ")"), "var(--ds-border-focused, ".concat(_colors.B100, ")"));
+var customRenderItemDivStyle = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  &:focus {\n    box-shadow: inset 2px 0px 0px ", ";\n    background-color: ", ";\n    outline: none;\n  }\n"])), "var(--ds-border-focused, ".concat(_colors.B400, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"));
 
 /**
  * This CSS emulates the desired behaviour with :focus-visible for firefox.
@@ -48,14 +48,19 @@ var customRenderItemDivStyle = (0, _react2.css)(_templateObject5 || (_templateOb
  */
 var selectionFrame = {
   '& > button:focus': {
-    boxShadow: "inset 0px 0px 0px 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")")),
+    boxShadow: "inset 2px 0px 0px ".concat("var(--ds-border-focused, ".concat(_colors.B400, ")"), ";"),
+    backgroundColor: "".concat("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")")),
     outline: 'none',
     '&:active': {
       boxShadow: 'none'
     }
+  },
+  '& > button:hover': {
+    backgroundColor: 'inherit',
+    outline: 'none'
   }
 };
-var selectedStyle = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), "var(--ds-background-selected, ".concat(_colors.N30, ")"));
+var selectedStyle = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  box-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"), "var(--ds-border-focused, ".concat(_colors.B400, ")"));
 var FallbackIcon = /*#__PURE__*/_react.default.memo(function (_ref) {
   var label = _ref.label;
   return (0, _react2.jsx)(_quickInsert.IconFallback, null);
@@ -141,8 +146,9 @@ var TypeAheadListItem = function TypeAheadListItem(_ref3) {
   if (customItem) {
     return customItem;
   }
+  var listItemClasses = [selectionFrame, isSelected && selectedStyle];
   return (0, _react2.jsx)("span", {
-    css: selectionFrame
+    css: listItemClasses
   }, (0, _react2.jsx)(_menu.ButtonItem, {
     onClick: insertSelectedItem,
     iconBefore: elementIcon,
@@ -151,7 +157,8 @@ var TypeAheadListItem = function TypeAheadListItem(_ref3) {
     "aria-label": title,
     "aria-setsize": itemsLength,
     role: "option",
-    ref: buttonItemRef
+    ref: buttonItemRef,
+    css: listItemClasses
   }, (0, _react2.jsx)("div", {
     "aria-hidden": true
   }, (0, _react2.jsx)("div", {

package/dist/cjs/plugins/undo-redo/pm-plugins/keymaps.js

@@ -1,18 +1,14 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.keymapPlugin = keymapPlugin;
-var keymaps = _interopRequireWildcard(require("../../../keymaps"));
-var _keymaps2 = require("@atlaskit/editor-common/keymaps");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _commands = require("../commands");
-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; }
 function keymapPlugin() {
   var list = {};
-  keymaps.bindKeymapWithCommand(keymaps.findKeyMapForBrowser(keymaps.redo), _commands.redoFromKeyboard, list);
-  keymaps.bindKeymapWithCommand(keymaps.undo.common, _commands.undoFromKeyboard, list);
-  return (0, _keymaps2.keymap)(list);
+  (0, _keymaps.bindKeymapWithCommand)((0, _keymaps.findKeyMapForBrowser)(_keymaps.redo), _commands.redoFromKeyboard, list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.undo.common, _commands.undoFromKeyboard, list);
+  return (0, _keymaps.keymap)(list);
 }

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.22.1";
+var version = "187.23.1";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/cjs/version.json

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

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

@@ -1,11 +1,10 @@
-import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { closeDatePicker, openDatePicker, focusDateInput } from '../actions';
-import * as keymaps from '../../../keymaps';
+import { keymap, enter, tab, bindKeymapWithCommand } from '@atlaskit/editor-common/keymaps';
 import { getPluginState } from './main';
 export function keymapPlugin() {
   const list = {};
-  keymaps.bindKeymapWithCommand(keymaps.enter.common, (state, dispatch) => {
+  bindKeymapWithCommand(enter.common, (state, dispatch) => {
     const datePlugin = getPluginState(state);
     const isDateNode = state.selection instanceof NodeSelection ? state.selection.node.type === state.schema.nodes.date : false;
     if (!isDateNode) {
@@ -18,7 +17,7 @@ export function keymapPlugin() {
     closeDatePicker()(state, dispatch);
     return true;
   }, list);
-  keymaps.bindKeymapWithCommand(keymaps.tab.common, (state, dispatch) => {
+  bindKeymapWithCommand(tab.common, (state, dispatch) => {
     const datePlugin = getPluginState(state);
     const isDateNode = state.selection instanceof NodeSelection ? state.selection.node.type === state.schema.nodes.date : false;
     if (!isDateNode) {

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

@@ -1,6 +1,6 @@
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { Selection, TextSelection, NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import * as keymaps from '../../../keymaps';
+import { bindKeymapWithCommand, moveRight, moveLeft, moveUp, moveDown, tab, backspace } from '@atlaskit/editor-common/keymaps';
 import { GapCursorSelection, Side } from '../../selection/gap-cursor-selection';
 import { findExpand } from '../utils';
 import { isEmptyNode } from '../../../utils';
@@ -15,7 +15,7 @@ const isExpandNode = node => {
 const isExpandSelected = selection => selection instanceof NodeSelection && isExpandNode(selection.node);
 export function expandKeymap() {
   const list = {};
-  keymaps.bindKeymapWithCommand(keymaps.moveRight.common, (state, dispatch, editorView) => {
+  bindKeymapWithCommand(moveRight.common, (state, dispatch, editorView) => {
     if (!editorView) {
       return false;
     }
@@ -30,7 +30,7 @@ export function expandKeymap() {
     }
     return false;
   }, list);
-  keymaps.bindKeymapWithCommand(keymaps.moveLeft.common, (state, dispatch, editorView) => {
+  bindKeymapWithCommand(moveLeft.common, (state, dispatch, editorView) => {
     if (!editorView) {
       return false;
     }
@@ -45,7 +45,7 @@ export function expandKeymap() {
     }
     return false;
   }, list);
-  keymaps.bindKeymapWithCommand(keymaps.tab.common, (state, dispatch, editorView) => {
+  bindKeymapWithCommand(tab.common, (state, dispatch, editorView) => {
     if (state.selection instanceof NodeSelection && state.selection.node.type === state.schema.nodes.expand && editorView && editorView.dom instanceof HTMLElement) {
       const {
         from
@@ -71,7 +71,7 @@ export function expandKeymap() {
     }
     return false;
   }, list);
-  keymaps.bindKeymapWithCommand(keymaps.moveUp.common, (state, dispatch, editorView) => {
+  bindKeymapWithCommand(moveUp.common, (state, dispatch, editorView) => {
     if (!editorView) {
       return false;
     }
@@ -122,7 +122,7 @@ export function expandKeymap() {
     }
     return false;
   }, list);
-  keymaps.bindKeymapWithCommand(keymaps.moveDown.common, (state, dispatch, editorView) => {
+  bindKeymapWithCommand(moveDown.common, (state, dispatch, editorView) => {
     if (!editorView) {
       return false;
     }
@@ -156,7 +156,7 @@ export function expandKeymap() {
     }
     return false;
   }, list);
-  keymaps.bindKeymapWithCommand(keymaps.backspace.common, (state, dispatch, editorView) => {
+  bindKeymapWithCommand(backspace.common, (state, dispatch, editorView) => {
     const {
       selection
     } = state;

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

@@ -1,10 +1,10 @@
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { getPluginState } from './main';
-import * as keymaps from '../../../keymaps';
+import { bindKeymapWithCommand, escape } from '@atlaskit/editor-common/keymaps';
 import { clearEditingContext } from '../commands';
 export default function keymapPlugin(applyChange) {
   const list = {};
-  keymaps.bindKeymapWithCommand(keymaps.escape.common, (state, dispatch) => {
+  bindKeymapWithCommand(escape.common, (state, dispatch) => {
     const extensionState = getPluginState(state);
     if (!extensionState.showContextPanel) {
       return false;

package/dist/es2019/plugins/help-dialog/ui/index.js

@@ -8,7 +8,7 @@ import { browser } from '@atlaskit/editor-common/utils';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
 import AkModalDialog, { ModalTransition, useModal } from '@atlaskit/modal-dialog';
 import { header, footer, contentWrapper, line, content, row, codeSm, codeMd, codeLg, title, column, dialogHeader } from './styles';
-import * as keymaps from '../../../keymaps';
+import { navToFloatingToolbar, navToEditorToolbar, toggleBold, toggleItalic, toggleUnderline, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleOrderedList, insertRule, addLink, setNormalText, alignLeft, clearFormatting, undo, redo, pastePlainText, addInlineComment, toggleCode, openHelp, toggleBulletList, toggleBlockQuote } from '@atlaskit/editor-common/keymaps';
 import ToolbarButton from '../../../ui/ToolbarButton';
 import { toolbarMessages, listMessages } from '@atlaskit/editor-common/messages';
 import { messages as insertBlockMessages } from '../../insert-block/ui/ToolbarInsertBlock/messages';
@@ -65,51 +65,51 @@ const navigationKeymaps = ({
 }) => [{
   name: formatMessage(toolbarMessages.navigateToEditorToolbar),
   type: 'navigation',
-  keymap: () => keymaps.navToEditorToolbar
+  keymap: () => navToEditorToolbar
 }, {
   name: formatMessage(toolbarMessages.navigateToFloatingToolbar),
   type: 'navigation',
-  keymap: () => keymaps.navToFloatingToolbar
+  keymap: () => navToFloatingToolbar
 }];
 export const formatting = ({
   formatMessage
 }) => [{
   name: formatMessage(toolbarMessages.bold),
   type: 'strong',
-  keymap: () => keymaps.toggleBold,
+  keymap: () => toggleBold,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeLg
   }, "**", jsx(FormattedMessage, toolbarMessages.bold), "**"))
 }, {
   name: formatMessage(toolbarMessages.italic),
   type: 'em',
-  keymap: () => keymaps.toggleItalic,
+  keymap: () => toggleItalic,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeLg
   }, "*", jsx(FormattedMessage, toolbarMessages.italic), "*"))
 }, {
   name: formatMessage(toolbarMessages.underline),
   type: 'underline',
-  keymap: () => keymaps.toggleUnderline
+  keymap: () => toggleUnderline
 }, {
   name: formatMessage(toolbarMessages.strike),
   type: 'strike',
-  keymap: () => keymaps.toggleStrikethrough,
+  keymap: () => toggleStrikethrough,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeLg
   }, "~~", jsx(FormattedMessage, toolbarMessages.strike), "~~"))
 }, {
   name: formatMessage(toolbarMessages.subscript),
   type: 'subsup',
-  keymap: () => keymaps.toggleSubscript
+  keymap: () => toggleSubscript
 }, {
   name: formatMessage(toolbarMessages.superscript),
   type: 'subsup',
-  keymap: () => keymaps.toggleSuperscript
+  keymap: () => toggleSuperscript
 }, {
   name: formatMessage(blockTypeMessages.heading1),
   type: 'heading',
-  keymap: () => keymaps.toggleHeading1,
+  keymap: () => toggleHeading1,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeSm
   }, "#"), " ", jsx("span", {
@@ -118,7 +118,7 @@ export const formatting = ({
 }, {
   name: formatMessage(blockTypeMessages.heading2),
   type: 'heading',
-  keymap: () => keymaps.toggleHeading2,
+  keymap: () => toggleHeading2,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeLg
   }, "##"), " ", jsx("span", {
@@ -127,7 +127,7 @@ export const formatting = ({
 }, {
   name: formatMessage(blockTypeMessages.heading3),
   type: 'heading',
-  keymap: () => keymaps.toggleHeading3,
+  keymap: () => toggleHeading3,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeLg
   }, "###"), " ", jsx("span", {
@@ -136,7 +136,7 @@ export const formatting = ({
 }, {
   name: formatMessage(blockTypeMessages.heading4),
   type: 'heading',
-  keymap: () => keymaps.toggleHeading4,
+  keymap: () => toggleHeading4,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeLg
   }, "####"), " ", jsx("span", {
@@ -145,7 +145,7 @@ export const formatting = ({
 }, {
   name: formatMessage(blockTypeMessages.heading5),
   type: 'heading',
-  keymap: () => keymaps.toggleHeading5,
+  keymap: () => toggleHeading5,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeLg
   }, "#####"), " ", jsx("span", {
@@ -154,7 +154,7 @@ export const formatting = ({
 }, {
   name: formatMessage(blockTypeMessages.heading6),
   type: 'heading',
-  keymap: () => keymaps.toggleHeading6,
+  keymap: () => toggleHeading6,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeLg
   }, "######"), " ", jsx("span", {
@@ -163,11 +163,11 @@ export const formatting = ({
 }, {
   name: formatMessage(blockTypeMessages.normal),
   type: 'paragraph',
-  keymap: () => keymaps.setNormalText
+  keymap: () => setNormalText
 }, {
   name: formatMessage(listMessages.orderedList),
   type: 'orderedList',
-  keymap: () => keymaps.toggleOrderedList,
+  keymap: () => toggleOrderedList,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeSm
   }, "1."), " ", jsx("span", {
@@ -176,7 +176,7 @@ export const formatting = ({
 }, {
   name: formatMessage(listMessages.unorderedList),
   type: 'bulletList',
-  keymap: () => keymaps.toggleBulletList,
+  keymap: () => toggleBulletList,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeSm
   }, "*"), " ", jsx("span", {
@@ -185,7 +185,7 @@ export const formatting = ({
 }, {
   name: formatMessage(blockTypeMessages.blockquote),
   type: 'blockquote',
-  keymap: () => keymaps.toggleBlockQuote,
+  keymap: () => toggleBlockQuote,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeLg
   }, '>'), " ", jsx("span", {
@@ -200,21 +200,21 @@ export const formatting = ({
 }, {
   name: formatMessage(insertBlockMessages.horizontalRule),
   type: 'rule',
-  keymap: () => keymaps.insertRule,
+  keymap: () => insertRule,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeLg
   }, "---"))
 }, {
   name: formatMessage(insertBlockMessages.link),
   type: 'link',
-  keymap: () => keymaps.addLink,
+  keymap: () => addLink,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeLg
   }, "[", jsx(FormattedMessage, insertBlockMessages.link), "](http://a.com)"))
 }, {
   name: formatMessage(toolbarMessages.code),
   type: 'code',
-  keymap: () => keymaps.toggleCode,
+  keymap: () => toggleCode,
   autoFormatting: () => jsx("span", null, jsx("span", {
     css: codeLg
   }, "`", jsx(FormattedMessage, toolbarMessages.code), "`"))
@@ -249,7 +249,7 @@ export const formatting = ({
 }, {
   name: formatMessage(alignmentMessages.alignLeft),
   type: 'alignment',
-  keymap: () => keymaps.alignLeft
+  keymap: () => alignLeft
 }, {
   name: formatMessage(alignmentMessages.alignRight),
   type: 'alignment'
@@ -260,23 +260,23 @@ const otherFormatting = ({
 }) => [{
   name: formatMessage(toolbarMessages.clearFormatting),
   type: 'clearFormatting',
-  keymap: () => keymaps.clearFormatting
+  keymap: () => clearFormatting
 }, {
   name: formatMessage(undoRedoMessages.undo),
   type: 'undo',
-  keymap: () => keymaps.undo
+  keymap: () => undo
 }, {
   name: formatMessage(undoRedoMessages.redo),
   type: 'redo',
-  keymap: () => keymaps.redo
+  keymap: () => redo
 }, {
   name: formatMessage(messages.pastePlainText),
   type: 'paste',
-  keymap: () => keymaps.pastePlainText
+  keymap: () => pastePlainText
 }, {
   name: formatMessage(annotationMessages.createComment),
   type: 'annotation',
-  keymap: () => keymaps.addInlineComment
+  keymap: () => addInlineComment
 }];
 const imageAutoFormat = {
   name: 'Image',
@@ -362,7 +362,7 @@ const ModalFooter = () => jsx("div", {
   css: footer
 }, jsx(FormattedMessage, _extends({}, messages.helpDialogTips, {
   values: {
-    keyMap: getComponentFromKeymap(keymaps.openHelp)
+    keyMap: getComponentFromKeymap(openHelp)
   }
 })));
 class HelpDialog extends React.Component {

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

@@ -1,13 +1,13 @@
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import * as keymaps from '../../../keymaps';
+import { bindKeymapWithCommand, findShortcutByKeymap, outdent, indent, backspace } from '@atlaskit/editor-common/keymaps';
 import { isTextSelection } from '../../../utils';
 import { getIndentCommand, getOutdentCommand } from '../commands';
-import { INPUT_METHOD } from '../../analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 export function keymapPlugin() {
   const list = {};
-  keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.indent), getIndentCommand(INPUT_METHOD.KEYBOARD), list);
-  keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.outdent), getOutdentCommand(INPUT_METHOD.KEYBOARD), list);
-  keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.backspace), (state, dispatch) => {
+  bindKeymapWithCommand(findShortcutByKeymap(indent), getIndentCommand(INPUT_METHOD.KEYBOARD), list);
+  bindKeymapWithCommand(findShortcutByKeymap(outdent), getOutdentCommand(INPUT_METHOD.KEYBOARD), list);
+  bindKeymapWithCommand(findShortcutByKeymap(backspace), (state, dispatch) => {
     const {
       selection
     } = state;

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

@@ -1,20 +1,19 @@
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import * as keymaps from '../../../keymaps';
-import { indentList, enterKeyCommand, toggleList, backspaceKeyCommand, deleteKeyCommand } from '../commands';
-import { outdentList } from '../commands';
+import { bindKeymapWithCommand, findShortcutByKeymap, toggleOrderedList, toggleBulletList, indentList, outdentList, enter, backspace, deleteKey, findKeyMapForBrowser, forwardDelete } from '@atlaskit/editor-common/keymaps';
+import { indentList as indentListCommand, outdentList as outdentListCommand, enterKeyCommand, toggleList, backspaceKeyCommand, deleteKeyCommand } from '../commands';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 export function keymapPlugin(featureFlags, editorAnalyticsAPI) {
   const list = {};
-  keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.toggleOrderedList), toggleList(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD, 'orderedList'), list);
-  keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.toggleBulletList), toggleList(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD, 'bulletList'), list);
-  keymaps.bindKeymapWithCommand(keymaps.indentList.common, indentList(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD), list);
-  keymaps.bindKeymapWithCommand(keymaps.outdentList.common, outdentList(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD, featureFlags), list);
-  keymaps.bindKeymapWithCommand(keymaps.enter.common, enterKeyCommand(editorAnalyticsAPI)(featureFlags), list);
-  keymaps.bindKeymapWithCommand(keymaps.backspace.common, backspaceKeyCommand(editorAnalyticsAPI)(featureFlags), list);
-  keymaps.bindKeymapWithCommand(keymaps.deleteKey.common, deleteKeyCommand(editorAnalyticsAPI), list);
+  bindKeymapWithCommand(findShortcutByKeymap(toggleOrderedList), toggleList(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD, 'orderedList'), list);
+  bindKeymapWithCommand(findShortcutByKeymap(toggleBulletList), toggleList(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD, 'bulletList'), list);
+  bindKeymapWithCommand(indentList.common, indentListCommand(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD), list);
+  bindKeymapWithCommand(outdentList.common, outdentListCommand(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD, featureFlags), list);
+  bindKeymapWithCommand(enter.common, enterKeyCommand(editorAnalyticsAPI)(featureFlags), list);
+  bindKeymapWithCommand(backspace.common, backspaceKeyCommand(editorAnalyticsAPI)(featureFlags), list);
+  bindKeymapWithCommand(deleteKey.common, deleteKeyCommand(editorAnalyticsAPI), list);
 
   // This shortcut is Mac only
-  keymaps.bindKeymapWithCommand(keymaps.findKeyMapForBrowser(keymaps.forwardDelete), deleteKeyCommand(editorAnalyticsAPI), list);
+  bindKeymapWithCommand(findKeyMapForBrowser(forwardDelete), deleteKeyCommand(editorAnalyticsAPI), list);
   return keymap(list);
 }
 export default keymapPlugin;

package/dist/es2019/plugins/media/pm-plugins/keymap-media-single.js

@@ -1,5 +1,5 @@
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import * as keymaps from '../../../keymaps';
+import { bindKeymapWithCommand, backspace } from '@atlaskit/editor-common/keymaps';
 import { isEmptyNode, isSelectionInsideLastNodeInDocument } from '../../../utils';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { selectNodeBackward } from '@atlaskit/editor-prosemirror/commands';
@@ -167,6 +167,6 @@ const maybeRemoveMediaSingleNode = schema => {
 export default function keymapPlugin(schema) {
   const list = {};
   const removeMediaSingleCommand = maybeRemoveMediaSingleNode(schema);
-  keymaps.bindKeymapWithCommand(keymaps.backspace.common, removeMediaSingleCommand, list);
+  bindKeymapWithCommand(backspace.common, removeMediaSingleCommand, list);
   return keymap(list);
 }

package/dist/es2019/plugins/media/toolbar/index.js

@@ -262,7 +262,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
 
     // Pixel Entry Toolbar Support
     if (getBooleanFF('platform.editor.media.extended-resize-experience') && allowResizing) {
-      toolbarButtons.push({
+      const sizeInput = {
         type: 'custom',
         fallback: [],
         render: editorView => {
@@ -325,7 +325,12 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
             }
           });
         }
-      });
+      };
+      if (pluginState.isResizing) {
+        // If the image is resizing then only return `sizeInput` as the only toolbar item
+        return [sizeInput];
+      }
+      toolbarButtons.push(sizeInput);
       toolbarButtons.push({
         type: 'separator'
       });

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

@@ -1,11 +1,11 @@
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import * as keymaps from '../../../keymaps';
-import { INPUT_METHOD } from '../../analytics';
+import { bindKeymapWithCommand, insertRule, escape } from '@atlaskit/editor-common/keymaps';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { insertHorizontalRule } from '../commands';
 export function keymapPlugin(featureFlags) {
   const list = {};
-  keymaps.bindKeymapWithCommand(keymaps.insertRule.common, insertHorizontalRule(INPUT_METHOD.SHORTCUT, featureFlags), list);
-  keymaps.bindKeymapWithCommand(keymaps.escape.common, () => true, list);
+  bindKeymapWithCommand(insertRule.common, insertHorizontalRule(INPUT_METHOD.SHORTCUT, featureFlags), list);
+  bindKeymapWithCommand(escape.common, () => true, list);
   return keymap(list);
 }
 export default keymapPlugin;

package/dist/es2019/plugins/selection/pm-plugins/gap-cursor-keymap.js

@@ -1,12 +1,12 @@
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import * as keymaps from '../../../keymaps';
+import { bindKeymapWithCommand, insertNewLine, moveLeft, moveRight, moveUp, moveDown, backspace, deleteKey } from '@atlaskit/editor-common/keymaps';
 import { arrow, deleteNode } from '../gap-cursor/actions';
 import { Direction } from '../gap-cursor/direction';
 import { GapCursorSelection } from '../gap-cursor/selection';
 import { createParagraphNear } from '@atlaskit/editor-prosemirror/commands';
 export default function keymapPlugin() {
   const map = {};
-  keymaps.bindKeymapWithCommand(keymaps.insertNewLine.common, (state, dispatch, view) => {
+  bindKeymapWithCommand(insertNewLine.common, (state, dispatch, view) => {
     const isInGapCursor = state.selection instanceof GapCursorSelection;
     // Only operate in gap cursor
     if (!isInGapCursor) {
@@ -14,27 +14,27 @@ export default function keymapPlugin() {
     }
     return createParagraphNear(state, dispatch);
   }, map);
-  keymaps.bindKeymapWithCommand(keymaps.moveLeft.common, (state, dispatch, view) => {
+  bindKeymapWithCommand(moveLeft.common, (state, dispatch, view) => {
     const endOfTextblock = view ? view.endOfTextblock.bind(view) : undefined;
     return arrow(Direction.LEFT, endOfTextblock)(state, dispatch, view);
   }, map);
-  keymaps.bindKeymapWithCommand(keymaps.moveRight.common, (state, dispatch, view) => {
+  bindKeymapWithCommand(moveRight.common, (state, dispatch, view) => {
     const endOfTextblock = view ? view.endOfTextblock.bind(view) : undefined;
     return arrow(Direction.RIGHT, endOfTextblock)(state, dispatch);
   }, map);
-  keymaps.bindKeymapWithCommand(keymaps.moveUp.common, (state, dispatch, view) => {
+  bindKeymapWithCommand(moveUp.common, (state, dispatch, view) => {
     const endOfTextblock = view ? view.endOfTextblock.bind(view) : undefined;
     return arrow(Direction.UP, endOfTextblock)(state, dispatch);
   }, map);
-  keymaps.bindKeymapWithCommand(keymaps.moveDown.common, (state, dispatch, view) => {
+  bindKeymapWithCommand(moveDown.common, (state, dispatch, view) => {
     const endOfTextblock = view ? view.endOfTextblock.bind(view) : undefined;
     return arrow(Direction.DOWN, endOfTextblock)(state, dispatch);
   }, map);
 
   // default PM's Backspace doesn't handle removing block nodes when cursor is after it
-  keymaps.bindKeymapWithCommand(keymaps.backspace.common, deleteNode(Direction.BACKWARD), map);
+  bindKeymapWithCommand(backspace.common, deleteNode(Direction.BACKWARD), map);
 
   // handle Delete key (remove node after the cursor)
-  keymaps.bindKeymapWithCommand(keymaps.deleteKey.common, deleteNode(Direction.FORWARD), map);
+  bindKeymapWithCommand(deleteKey.common, deleteNode(Direction.FORWARD), map);
   return keymap(map);
 }

package/dist/es2019/plugins/type-ahead/ui/TypeAheadList.js

@@ -110,6 +110,14 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
       });
     });
   }, [selectedIndex, lastVisibleStartIndex, lastVisibleStopIndex]);
+  const onMouseMove = (event, index) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (selectedIndex === index) {
+      return;
+    }
+    updateSelectedIndex(index)(editorView.state, editorView.dispatch);
+  };
   useLayoutEffect(() => {
     if (!listRef.current) {
       return;
@@ -213,7 +221,8 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
       style: style,
       "data-index": index
     }, jsx("div", {
-      "data-testid": `list-item-height-observed-${index}`
+      "data-testid": `list-item-height-observed-${index}`,
+      onMouseMove: e => onMouseMove(e, index)
     }, jsx(TypeAheadListItem, {
       key: items[index].title,
       item: currentItem,