@atlaskit/editor-core 187.22.1 → 187.23.1

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React, { useCallback, useMemo, useLayoutEffect } from 'react';
 import { css, jsx } from '@emotion/react';
-import { DN600, N200, N800, N30, B100 } from '@atlaskit/theme/colors';
+import { DN600, N200, N800, N30, B400 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { ButtonItem } from '@atlaskit/menu';
@@ -57,11 +57,9 @@ const itemAfter = css`
 `;
 const customRenderItemDivStyle = css`
   overflow: hidden;
-  &:hover {
-    background-color: ${`var(--ds-background-selected, ${N30})`};
-  }
   &:focus {
-    box-shadow: inset 0px 0px 0px 2px ${`var(--ds-border-focused, ${B100})`};
+    box-shadow: inset 2px 0px 0px ${`var(--ds-border-focused, ${B400})`};
+    background-color: ${`var(--ds-background-neutral-subtle-hovered, ${N30})`};
     outline: none;
   }
 `;
@@ -73,15 +71,21 @@ const customRenderItemDivStyle = css`
  */
 const selectionFrame = {
   '& > button:focus': {
-    boxShadow: `inset 0px 0px 0px 2px ${`var(--ds-border-focused, ${B100})`}`,
+    boxShadow: `inset 2px 0px 0px ${`var(--ds-border-focused, ${B400})`};`,
+    backgroundColor: `${`var(--ds-background-neutral-subtle-hovered, ${N30})`}`,
     outline: 'none',
     '&:active': {
       boxShadow: 'none'
     }
+  },
+  '& > button:hover': {
+    backgroundColor: 'inherit',
+    outline: 'none'
   }
 };
 const selectedStyle = css`
-  background-color: ${`var(--ds-background-selected, ${N30})`};
+  background-color: ${`var(--ds-background-neutral-subtle-hovered, ${N30})`};
+  box-shadow: inset 2px 0px 0px ${`var(--ds-border-focused, ${B400})`};
 `;
 const FallbackIcon = /*#__PURE__*/React.memo(({
   label
@@ -173,8 +177,9 @@ export const TypeAheadListItem = ({
   if (customItem) {
     return customItem;
   }
+  const listItemClasses = [selectionFrame, isSelected && selectedStyle];
   return jsx("span", {
-    css: selectionFrame
+    css: listItemClasses
   }, jsx(ButtonItem, {
     onClick: insertSelectedItem,
     iconBefore: elementIcon,
@@ -183,7 +188,8 @@ export const TypeAheadListItem = ({
     "aria-label": title,
     "aria-setsize": itemsLength,
     role: "option",
-    ref: buttonItemRef
+    ref: buttonItemRef,
+    css: listItemClasses
   }, jsx("div", {
     "aria-hidden": true
   }, jsx("div", {

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

@@ -1,9 +1,8 @@
-import * as keymaps from '../../../keymaps';
-import { keymap } from '@atlaskit/editor-common/keymaps';
+import { undo, redo, keymap, bindKeymapWithCommand, findKeyMapForBrowser } from '@atlaskit/editor-common/keymaps';
 import { redoFromKeyboard, undoFromKeyboard } from '../commands';
 export function keymapPlugin() {
   const list = {};
-  keymaps.bindKeymapWithCommand(keymaps.findKeyMapForBrowser(keymaps.redo), redoFromKeyboard, list);
-  keymaps.bindKeymapWithCommand(keymaps.undo.common, undoFromKeyboard, list);
+  bindKeymapWithCommand(findKeyMapForBrowser(redo), redoFromKeyboard, list);
+  bindKeymapWithCommand(undo.common, undoFromKeyboard, list);
   return keymap(list);
 }

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.22.1";
+export const version = "187.23.1";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

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

package/dist/esm/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() {
   var list = {};
-  keymaps.bindKeymapWithCommand(keymaps.enter.common, function (state, dispatch) {
+  bindKeymapWithCommand(enter.common, function (state, dispatch) {
     var datePlugin = getPluginState(state);
     var 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, function (state, dispatch) {
+  bindKeymapWithCommand(tab.common, function (state, dispatch) {
     var datePlugin = getPluginState(state);
     var isDateNode = state.selection instanceof NodeSelection ? state.selection.node.type === state.schema.nodes.date : false;
     if (!isDateNode) {

package/dist/esm/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';
@@ -17,7 +17,7 @@ var isExpandSelected = function isExpandSelected(selection) {
 };
 export function expandKeymap() {
   var list = {};
-  keymaps.bindKeymapWithCommand(keymaps.moveRight.common, function (state, dispatch, editorView) {
+  bindKeymapWithCommand(moveRight.common, function (state, dispatch, editorView) {
     if (!editorView) {
       return false;
     }
@@ -29,7 +29,7 @@ export function expandKeymap() {
     }
     return false;
   }, list);
-  keymaps.bindKeymapWithCommand(keymaps.moveLeft.common, function (state, dispatch, editorView) {
+  bindKeymapWithCommand(moveLeft.common, function (state, dispatch, editorView) {
     if (!editorView) {
       return false;
     }
@@ -41,7 +41,7 @@ export function expandKeymap() {
     }
     return false;
   }, list);
-  keymaps.bindKeymapWithCommand(keymaps.tab.common, function (state, dispatch, editorView) {
+  bindKeymapWithCommand(tab.common, function (state, dispatch, editorView) {
     if (state.selection instanceof NodeSelection && state.selection.node.type === state.schema.nodes.expand && editorView && editorView.dom instanceof HTMLElement) {
       var from = state.selection.from;
       var expand = editorView.nodeDOM(from);
@@ -63,7 +63,7 @@ export function expandKeymap() {
     }
     return false;
   }, list);
-  keymaps.bindKeymapWithCommand(keymaps.moveUp.common, function (state, dispatch, editorView) {
+  bindKeymapWithCommand(moveUp.common, function (state, dispatch, editorView) {
     if (!editorView) {
       return false;
     }
@@ -106,7 +106,7 @@ export function expandKeymap() {
     }
     return false;
   }, list);
-  keymaps.bindKeymapWithCommand(keymaps.moveDown.common, function (state, dispatch, editorView) {
+  bindKeymapWithCommand(moveDown.common, function (state, dispatch, editorView) {
     if (!editorView) {
       return false;
     }
@@ -131,7 +131,7 @@ export function expandKeymap() {
     }
     return false;
   }, list);
-  keymaps.bindKeymapWithCommand(keymaps.backspace.common, function (state, dispatch, editorView) {
+  bindKeymapWithCommand(backspace.common, function (state, dispatch, editorView) {
     var selection = state.selection;
     var $from = selection.$from;
     if (!editorView || !selection.empty) {

package/dist/esm/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) {
   var list = {};
-  keymaps.bindKeymapWithCommand(keymaps.escape.common, function (state, dispatch) {
+  bindKeymapWithCommand(escape.common, function (state, dispatch) {
     var extensionState = getPluginState(state);
     if (!extensionState.showContextPanel) {
       return false;

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

@@ -17,7 +17,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';
@@ -75,13 +75,13 @@ var navigationKeymaps = function navigationKeymaps(_ref) {
     name: formatMessage(toolbarMessages.navigateToEditorToolbar),
     type: 'navigation',
     keymap: function keymap() {
-      return keymaps.navToEditorToolbar;
+      return navToEditorToolbar;
     }
   }, {
     name: formatMessage(toolbarMessages.navigateToFloatingToolbar),
     type: 'navigation',
     keymap: function keymap() {
-      return keymaps.navToFloatingToolbar;
+      return navToFloatingToolbar;
     }
   }];
 };
@@ -91,7 +91,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(toolbarMessages.bold),
     type: 'strong',
     keymap: function keymap() {
-      return keymaps.toggleBold;
+      return toggleBold;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -102,7 +102,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(toolbarMessages.italic),
     type: 'em',
     keymap: function keymap() {
-      return keymaps.toggleItalic;
+      return toggleItalic;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -113,13 +113,13 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(toolbarMessages.underline),
     type: 'underline',
     keymap: function keymap() {
-      return keymaps.toggleUnderline;
+      return toggleUnderline;
     }
   }, {
     name: formatMessage(toolbarMessages.strike),
     type: 'strike',
     keymap: function keymap() {
-      return keymaps.toggleStrikethrough;
+      return toggleStrikethrough;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -130,19 +130,19 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(toolbarMessages.subscript),
     type: 'subsup',
     keymap: function keymap() {
-      return keymaps.toggleSubscript;
+      return toggleSubscript;
     }
   }, {
     name: formatMessage(toolbarMessages.superscript),
     type: 'subsup',
     keymap: function keymap() {
-      return keymaps.toggleSuperscript;
+      return toggleSuperscript;
     }
   }, {
     name: formatMessage(blockTypeMessages.heading1),
     type: 'heading',
     keymap: function keymap() {
-      return keymaps.toggleHeading1;
+      return toggleHeading1;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -155,7 +155,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(blockTypeMessages.heading2),
     type: 'heading',
     keymap: function keymap() {
-      return keymaps.toggleHeading2;
+      return toggleHeading2;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -168,7 +168,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(blockTypeMessages.heading3),
     type: 'heading',
     keymap: function keymap() {
-      return keymaps.toggleHeading3;
+      return toggleHeading3;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -181,7 +181,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(blockTypeMessages.heading4),
     type: 'heading',
     keymap: function keymap() {
-      return keymaps.toggleHeading4;
+      return toggleHeading4;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -194,7 +194,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(blockTypeMessages.heading5),
     type: 'heading',
     keymap: function keymap() {
-      return keymaps.toggleHeading5;
+      return toggleHeading5;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -207,7 +207,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(blockTypeMessages.heading6),
     type: 'heading',
     keymap: function keymap() {
-      return keymaps.toggleHeading6;
+      return toggleHeading6;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -220,13 +220,13 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(blockTypeMessages.normal),
     type: 'paragraph',
     keymap: function keymap() {
-      return keymaps.setNormalText;
+      return setNormalText;
     }
   }, {
     name: formatMessage(listMessages.orderedList),
     type: 'orderedList',
     keymap: function keymap() {
-      return keymaps.toggleOrderedList;
+      return toggleOrderedList;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -239,7 +239,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(listMessages.unorderedList),
     type: 'bulletList',
     keymap: function keymap() {
-      return keymaps.toggleBulletList;
+      return toggleBulletList;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -252,7 +252,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(blockTypeMessages.blockquote),
     type: 'blockquote',
     keymap: function keymap() {
-      return keymaps.toggleBlockQuote;
+      return toggleBlockQuote;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -273,7 +273,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(insertBlockMessages.horizontalRule),
     type: 'rule',
     keymap: function keymap() {
-      return keymaps.insertRule;
+      return insertRule;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -284,7 +284,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(insertBlockMessages.link),
     type: 'link',
     keymap: function keymap() {
-      return keymaps.addLink;
+      return addLink;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -295,7 +295,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(toolbarMessages.code),
     type: 'code',
     keymap: function keymap() {
-      return keymaps.toggleCode;
+      return toggleCode;
     },
     autoFormatting: function autoFormatting() {
       return jsx("span", null, jsx("span", {
@@ -342,7 +342,7 @@ export var formatting = function formatting(_ref2) {
     name: formatMessage(alignmentMessages.alignLeft),
     type: 'alignment',
     keymap: function keymap() {
-      return keymaps.alignLeft;
+      return alignLeft;
     }
   }, {
     name: formatMessage(alignmentMessages.alignRight),
@@ -356,31 +356,31 @@ var otherFormatting = function otherFormatting(_ref3) {
     name: formatMessage(toolbarMessages.clearFormatting),
     type: 'clearFormatting',
     keymap: function keymap() {
-      return keymaps.clearFormatting;
+      return clearFormatting;
     }
   }, {
     name: formatMessage(undoRedoMessages.undo),
     type: 'undo',
     keymap: function keymap() {
-      return keymaps.undo;
+      return undo;
     }
   }, {
     name: formatMessage(undoRedoMessages.redo),
     type: 'redo',
     keymap: function keymap() {
-      return keymaps.redo;
+      return redo;
     }
   }, {
     name: formatMessage(messages.pastePlainText),
     type: 'paste',
     keymap: function keymap() {
-      return keymaps.pastePlainText;
+      return pastePlainText;
     }
   }, {
     name: formatMessage(annotationMessages.createComment),
     type: 'annotation',
     keymap: function keymap() {
-      return keymaps.addInlineComment;
+      return addInlineComment;
     }
   }];
 };
@@ -472,7 +472,7 @@ var ModalFooter = function ModalFooter() {
     css: footer
   }, jsx(FormattedMessage, _extends({}, messages.helpDialogTips, {
     values: {
-      keyMap: getComponentFromKeymap(keymaps.openHelp)
+      keyMap: getComponentFromKeymap(openHelp)
     }
   })));
 };

package/dist/esm/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() {
   var 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), function (state, dispatch) {
+  bindKeymapWithCommand(findShortcutByKeymap(indent), getIndentCommand(INPUT_METHOD.KEYBOARD), list);
+  bindKeymapWithCommand(findShortcutByKeymap(outdent), getOutdentCommand(INPUT_METHOD.KEYBOARD), list);
+  bindKeymapWithCommand(findShortcutByKeymap(backspace), function (state, dispatch) {
     var selection = state.selection;
     if (isTextSelection(selection) && selection.$cursor && selection.$cursor.parentOffset === 0) {
       return dispatch ? getOutdentCommand(INPUT_METHOD.KEYBOARD)(state, dispatch) : false;

package/dist/esm/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) {
   var 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/esm/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';
@@ -153,6 +153,6 @@ var maybeRemoveMediaSingleNode = function maybeRemoveMediaSingleNode(schema) {
 export default function keymapPlugin(schema) {
   var list = {};
   var removeMediaSingleCommand = maybeRemoveMediaSingleNode(schema);
-  keymaps.bindKeymapWithCommand(keymaps.backspace.common, removeMediaSingleCommand, list);
+  bindKeymapWithCommand(backspace.common, removeMediaSingleCommand, list);
   return keymap(list);
 }

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

@@ -254,7 +254,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
 
     // Pixel Entry Toolbar Support
     if (getBooleanFF('platform.editor.media.extended-resize-experience') && allowResizing) {
-      toolbarButtons.push({
+      var sizeInput = {
         type: 'custom',
         fallback: [],
         render: function render(editorView) {
@@ -311,7 +311,12 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             }
           });
         }
-      });
+      };
+      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/esm/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) {
   var list = {};
-  keymaps.bindKeymapWithCommand(keymaps.insertRule.common, insertHorizontalRule(INPUT_METHOD.SHORTCUT, featureFlags), list);
-  keymaps.bindKeymapWithCommand(keymaps.escape.common, function () {
+  bindKeymapWithCommand(insertRule.common, insertHorizontalRule(INPUT_METHOD.SHORTCUT, featureFlags), list);
+  bindKeymapWithCommand(escape.common, function () {
     return true;
   }, list);
   return keymap(list);

package/dist/esm/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() {
   var map = {};
-  keymaps.bindKeymapWithCommand(keymaps.insertNewLine.common, function (state, dispatch, view) {
+  bindKeymapWithCommand(insertNewLine.common, function (state, dispatch, view) {
     var 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, function (state, dispatch, view) {
+  bindKeymapWithCommand(moveLeft.common, function (state, dispatch, view) {
     var endOfTextblock = view ? view.endOfTextblock.bind(view) : undefined;
     return arrow(Direction.LEFT, endOfTextblock)(state, dispatch, view);
   }, map);
-  keymaps.bindKeymapWithCommand(keymaps.moveRight.common, function (state, dispatch, view) {
+  bindKeymapWithCommand(moveRight.common, function (state, dispatch, view) {
     var endOfTextblock = view ? view.endOfTextblock.bind(view) : undefined;
     return arrow(Direction.RIGHT, endOfTextblock)(state, dispatch);
   }, map);
-  keymaps.bindKeymapWithCommand(keymaps.moveUp.common, function (state, dispatch, view) {
+  bindKeymapWithCommand(moveUp.common, function (state, dispatch, view) {
     var endOfTextblock = view ? view.endOfTextblock.bind(view) : undefined;
     return arrow(Direction.UP, endOfTextblock)(state, dispatch);
   }, map);
-  keymaps.bindKeymapWithCommand(keymaps.moveDown.common, function (state, dispatch, view) {
+  bindKeymapWithCommand(moveDown.common, function (state, dispatch, view) {
     var 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/esm/plugins/type-ahead/ui/TypeAheadList.js

@@ -122,6 +122,14 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
       });
     });
   }, [selectedIndex, lastVisibleStartIndex, lastVisibleStopIndex]);
+  var _onMouseMove = function onMouseMove(event, index) {
+    event.preventDefault();
+    event.stopPropagation();
+    if (selectedIndex === index) {
+      return;
+    }
+    updateSelectedIndex(index)(editorView.state, editorView.dispatch);
+  };
   useLayoutEffect(function () {
     if (!listRef.current) {
       return;
@@ -222,7 +230,10 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
       style: style,
       "data-index": index
     }, jsx("div", {
-      "data-testid": "list-item-height-observed-".concat(index)
+      "data-testid": "list-item-height-observed-".concat(index),
+      onMouseMove: function onMouseMove(e) {
+        return _onMouseMove(e, index);
+      }
     }, jsx(TypeAheadListItem, {
       key: items[index].title,
       item: currentItem,