@atlaskit/editor-core 187.47.5 → 187.47.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-core
 
+## 187.47.9
+
+### Patch Changes
+
+- [`36b7e4fd8d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/36b7e4fd8d5) - ED-20017 Clean up unused functions in Dropdown
+
+## 187.47.6
+
+### Patch Changes
+
+- [`5de1ca6bb97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5de1ca6bb97) - Bumped @atlaskit/editor-plugin-content-insertion dependency version to latest released ^0.1.4
+
 ## 187.47.5
 
 ### Patch Changes

package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -23,8 +23,6 @@ var _styles = require("./styles");
 var _styles2 = require("@atlaskit/editor-common/styles");
 var _iconMap = require("./icon-map");
 var _messages = require("./messages");
-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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
@@ -39,8 +37,7 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toolbarItemRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      isOpen: false,
-      isOpenedByKeyboard: false
+      isOpen: false
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeAlignment", function (align, togglePopup) {
       if (togglePopup) {
@@ -50,16 +47,14 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleOpen", function () {
       _this.setState({
-        isOpen: !_this.state.isOpen,
-        isOpenedByKeyboard: false
+        isOpen: !_this.state.isOpen
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleOpenByKeyboard", function (event) {
       if (event.key === 'Enter' || event.key === ' ') {
         event.preventDefault();
         _this.setState({
-          isOpen: !_this.state.isOpen,
-          isOpenedByKeyboard: true
+          isOpen: !_this.state.isOpen
         });
       }
     });
@@ -85,9 +80,7 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var _this$state = this.state,
-        isOpen = _this$state.isOpen,
-        isOpenedByKeyboard = _this$state.isOpenedByKeyboard;
+      var isOpen = this.state.isOpen;
       var _this$props = this.props,
         popupsMountPoint = _this$props.popupsMountPoint,
         popupsBoundariesElement = _this$props.popupsBoundariesElement,
@@ -104,14 +97,6 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement,
         isOpen: isOpen,
-        shouldFocusFirstItem: function shouldFocusFirstItem() {
-          if (isOpenedByKeyboard) {
-            _this2.setState(_objectSpread(_objectSpread({}, _this2.state), {}, {
-              isOpenedByKeyboard: false
-            }));
-          }
-          return isOpenedByKeyboard;
-        },
         onOpenChange: function onOpenChange(_ref) {
           var isOpen = _ref.isOpen;
           _this2.setState({
@@ -127,6 +112,9 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
           }
         },
         handleEscapeKeydown: this.hideOnEscape,
+        arrowKeyNavigationProviderOptions: {
+          type: _uiMenu.ArrowKeyNavigationType.MENU
+        },
         fitWidth: 112,
         fitHeight: 80,
         closeOnTab: true,
@@ -165,7 +153,7 @@ var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this3 = this;
-      if (this.state.isOpen && this.state.isOpenedByKeyboard) {
+      if (this.state.isOpen) {
         // by triggering the keyboard event with a setTimeout, we ensure that the tooltip
         // associated with the alignment button doesn't render until the next render cycle
         // where the popup will be correctly positioned and the relative position of the tooltip

package/dist/cjs/plugins/floating-toolbar/ui/Dropdown.js

@@ -120,7 +120,6 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         tooltip = _this$props2.tooltip,
         buttonTestId = _this$props2.buttonTestId,
         dropdownWidth = _this$props2.dropdownWidth,
-        editorView = _this$props2.editorView,
         dropdownListId = _this$props2.dropdownListId,
         alignDropdownWithToolbar = _this$props2.alignDropdownWithToolbar;
       var trigger;
@@ -164,7 +163,6 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       var fitWidth = Array.isArray(options) ? dropdownWidth || _DropdownMenu.menuItemDimensions.width : options.width;
       var fitHeight = Array.isArray(options) ? options.length * _DropdownMenu.menuItemDimensions.height + _DropdownMenu.itemSpacing * 2 : options.height;
       return (0, _react2.jsx)(_uiMenu.DropdownContainer, {
-        ref: this.triggerRef,
         mountTo: mountPoint,
         boundariesElement: boundariesElement,
         scrollableElement: scrollableElement,
@@ -175,9 +173,11 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         fitWidth: fitWidth + fitTolerance,
         fitHeight: fitHeight + fitTolerance,
         trigger: trigger,
-        editorView: editorView,
         dropdownListId: dropdownListId,
-        alignDropdownWithParentElement: alignDropdownWithToolbar
+        alignDropdownWithParentElement: alignDropdownWithToolbar,
+        arrowKeyNavigationProviderOptions: {
+          type: _uiMenu.ArrowKeyNavigationType.MENU
+        }
       }, Array.isArray(options) ? this.renderArrayOptions(options) : options.render({
         hide: this.hide,
         dispatchCommand: dispatchCommand

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

@@ -22,7 +22,6 @@ var _editorPalette = require("@atlaskit/editor-palette");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _ColorPalette = _interopRequireWildcard(require("../../../../ui/ColorPalette"));
-var _Dropdown = _interopRequireDefault(require("../../../../ui/Dropdown"));
 var _styles = require("../../../../ui/styles");
 var _styles2 = require("@atlaskit/editor-common/styles");
 var _ToolbarButton = _interopRequireWildcard(require("../../../../ui/ToolbarButton"));
@@ -185,7 +184,7 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         selectedColumnIndex = _getSelectedRowAndCol.selectedColumnIndex;
       return (0, _react2.jsx)("span", {
         css: _styles2.wrapperStyle
-      }, (0, _react2.jsx)(_Dropdown.default, {
+      }, (0, _react2.jsx)(_uiMenu.DropdownContainer, {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement,

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.47.5";
+var version = "187.47.9";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -5,7 +5,7 @@ import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ToolbarButton from '../../../../ui/ToolbarButton';
-import { DropdownContainer as Dropdown } from '@atlaskit/editor-common/ui-menu';
+import { ArrowKeyNavigationType, DropdownContainer as Dropdown } from '@atlaskit/editor-common/ui-menu';
 import Alignment from '../../../../ui/Alignment';
 import { expandIconWrapper, triggerWrapper, wrapper } from './styles';
 import { separatorStyles } from '@atlaskit/editor-common/styles';
@@ -16,8 +16,7 @@ export class AlignmentToolbar extends React.Component {
     super(...args);
     _defineProperty(this, "toolbarItemRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "state", {
-      isOpen: false,
-      isOpenedByKeyboard: false
+      isOpen: false
     });
     _defineProperty(this, "changeAlignment", (align, togglePopup) => {
       if (togglePopup) {
@@ -27,16 +26,14 @@ export class AlignmentToolbar extends React.Component {
     });
     _defineProperty(this, "toggleOpen", () => {
       this.setState({
-        isOpen: !this.state.isOpen,
-        isOpenedByKeyboard: false
+        isOpen: !this.state.isOpen
       });
     });
     _defineProperty(this, "toggleOpenByKeyboard", event => {
       if (event.key === 'Enter' || event.key === ' ') {
         event.preventDefault();
         this.setState({
-          isOpen: !this.state.isOpen,
-          isOpenedByKeyboard: true
+          isOpen: !this.state.isOpen
         });
       }
     });
@@ -59,8 +56,7 @@ export class AlignmentToolbar extends React.Component {
   }
   render() {
     const {
-      isOpen,
-      isOpenedByKeyboard
+      isOpen
     } = this.state;
     const {
       popupsMountPoint,
@@ -79,15 +75,6 @@ export class AlignmentToolbar extends React.Component {
       boundariesElement: popupsBoundariesElement,
       scrollableElement: popupsScrollableElement,
       isOpen: isOpen,
-      shouldFocusFirstItem: () => {
-        if (isOpenedByKeyboard) {
-          this.setState({
-            ...this.state,
-            isOpenedByKeyboard: false
-          });
-        }
-        return isOpenedByKeyboard;
-      },
       onOpenChange: ({
         isOpen
       }) => {
@@ -104,6 +91,9 @@ export class AlignmentToolbar extends React.Component {
         }
       },
       handleEscapeKeydown: this.hideOnEscape,
+      arrowKeyNavigationProviderOptions: {
+        type: ArrowKeyNavigationType.MENU
+      },
       fitWidth: 112,
       fitHeight: 80,
       closeOnTab: true,
@@ -137,7 +127,7 @@ export class AlignmentToolbar extends React.Component {
     }));
   }
   componentDidUpdate(prevProps) {
-    if (this.state.isOpen && this.state.isOpenedByKeyboard) {
+    if (this.state.isOpen) {
       // by triggering the keyboard event with a setTimeout, we ensure that the tooltip
       // associated with the alignment button doesn't render until the next render cycle
       // where the popup will be correctly positioned and the relative position of the tooltip

package/dist/es2019/plugins/floating-toolbar/ui/Dropdown.js

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import { css, jsx } from '@emotion/react';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import { DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
+import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
 const dropdownExpandContainer = css`
@@ -96,7 +96,6 @@ export default class Dropdown extends Component {
       tooltip,
       buttonTestId,
       dropdownWidth,
-      editorView,
       dropdownListId,
       alignDropdownWithToolbar
     } = this.props;
@@ -141,7 +140,6 @@ export default class Dropdown extends Component {
     const fitWidth = Array.isArray(options) ? dropdownWidth || menuItemDimensions.width : options.width;
     const fitHeight = Array.isArray(options) ? options.length * menuItemDimensions.height + itemSpacing * 2 : options.height;
     return jsx(UiDropdown, {
-      ref: this.triggerRef,
       mountTo: mountPoint,
       boundariesElement: boundariesElement,
       scrollableElement: scrollableElement,
@@ -152,9 +150,11 @@ export default class Dropdown extends Component {
       fitWidth: fitWidth + fitTolerance,
       fitHeight: fitHeight + fitTolerance,
       trigger: trigger,
-      editorView: editorView,
       dropdownListId: dropdownListId,
-      alignDropdownWithParentElement: alignDropdownWithToolbar
+      alignDropdownWithParentElement: alignDropdownWithToolbar,
+      arrowKeyNavigationProviderOptions: {
+        type: ArrowKeyNavigationType.MENU
+      }
     }, Array.isArray(options) ? this.renderArrayOptions(options) : options.render({
       hide: this.hide,
       dispatchCommand

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

@@ -9,7 +9,7 @@ import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ColorPalette, { textPaletteTooltipMessages } from '../../../../ui/ColorPalette';
-import Dropdown from '../../../../ui/Dropdown';
+import { DropdownContainer as Dropdown } from '@atlaskit/editor-common/ui-menu';
 import { expandIconWrapperStyle } from '../../../../ui/styles';
 import { wrapperStyle, separatorStyles, triggerWrapperStyles } from '@atlaskit/editor-common/styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';

package/dist/es2019/version-wrapper.js

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

package/dist/esm/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -5,8 +5,6 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _defineProperty(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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /** @jsx jsx */
@@ -15,7 +13,7 @@ import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ToolbarButton from '../../../../ui/ToolbarButton';
-import { DropdownContainer as Dropdown } from '@atlaskit/editor-common/ui-menu';
+import { ArrowKeyNavigationType, DropdownContainer as Dropdown } from '@atlaskit/editor-common/ui-menu';
 import Alignment from '../../../../ui/Alignment';
 import { expandIconWrapper, triggerWrapper, wrapper } from './styles';
 import { separatorStyles } from '@atlaskit/editor-common/styles';
@@ -33,8 +31,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "toolbarItemRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "state", {
-      isOpen: false,
-      isOpenedByKeyboard: false
+      isOpen: false
     });
     _defineProperty(_assertThisInitialized(_this), "changeAlignment", function (align, togglePopup) {
       if (togglePopup) {
@@ -44,16 +41,14 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_assertThisInitialized(_this), "toggleOpen", function () {
       _this.setState({
-        isOpen: !_this.state.isOpen,
-        isOpenedByKeyboard: false
+        isOpen: !_this.state.isOpen
       });
     });
     _defineProperty(_assertThisInitialized(_this), "toggleOpenByKeyboard", function (event) {
       if (event.key === 'Enter' || event.key === ' ') {
         event.preventDefault();
         _this.setState({
-          isOpen: !_this.state.isOpen,
-          isOpenedByKeyboard: true
+          isOpen: !_this.state.isOpen
         });
       }
     });
@@ -79,9 +74,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var _this$state = this.state,
-        isOpen = _this$state.isOpen,
-        isOpenedByKeyboard = _this$state.isOpenedByKeyboard;
+      var isOpen = this.state.isOpen;
       var _this$props = this.props,
         popupsMountPoint = _this$props.popupsMountPoint,
         popupsBoundariesElement = _this$props.popupsBoundariesElement,
@@ -98,14 +91,6 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement,
         isOpen: isOpen,
-        shouldFocusFirstItem: function shouldFocusFirstItem() {
-          if (isOpenedByKeyboard) {
-            _this2.setState(_objectSpread(_objectSpread({}, _this2.state), {}, {
-              isOpenedByKeyboard: false
-            }));
-          }
-          return isOpenedByKeyboard;
-        },
         onOpenChange: function onOpenChange(_ref) {
           var isOpen = _ref.isOpen;
           _this2.setState({
@@ -121,6 +106,9 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
           }
         },
         handleEscapeKeydown: this.hideOnEscape,
+        arrowKeyNavigationProviderOptions: {
+          type: ArrowKeyNavigationType.MENU
+        },
         fitWidth: 112,
         fitHeight: 80,
         closeOnTab: true,
@@ -159,7 +147,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this3 = this;
-      if (this.state.isOpen && this.state.isOpenedByKeyboard) {
+      if (this.state.isOpen) {
         // by triggering the keyboard event with a setTimeout, we ensure that the tooltip
         // associated with the alignment button doesn't render until the next render cycle
         // where the popup will be correctly positioned and the relative position of the tooltip

package/dist/esm/plugins/floating-toolbar/ui/Dropdown.js

@@ -16,7 +16,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React, { Component } from 'react';
 import { css, jsx } from '@emotion/react';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import { DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
+import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
 var dropdownExpandContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0px ", ";\n"])), "var(--ds-space-negative-050, -4px)");
@@ -111,7 +111,6 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         tooltip = _this$props2.tooltip,
         buttonTestId = _this$props2.buttonTestId,
         dropdownWidth = _this$props2.dropdownWidth,
-        editorView = _this$props2.editorView,
         dropdownListId = _this$props2.dropdownListId,
         alignDropdownWithToolbar = _this$props2.alignDropdownWithToolbar;
       var trigger;
@@ -155,7 +154,6 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       var fitWidth = Array.isArray(options) ? dropdownWidth || menuItemDimensions.width : options.width;
       var fitHeight = Array.isArray(options) ? options.length * menuItemDimensions.height + itemSpacing * 2 : options.height;
       return jsx(UiDropdown, {
-        ref: this.triggerRef,
         mountTo: mountPoint,
         boundariesElement: boundariesElement,
         scrollableElement: scrollableElement,
@@ -166,9 +164,11 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         fitWidth: fitWidth + fitTolerance,
         fitHeight: fitHeight + fitTolerance,
         trigger: trigger,
-        editorView: editorView,
         dropdownListId: dropdownListId,
-        alignDropdownWithParentElement: alignDropdownWithToolbar
+        alignDropdownWithParentElement: alignDropdownWithToolbar,
+        arrowKeyNavigationProviderOptions: {
+          type: ArrowKeyNavigationType.MENU
+        }
       }, Array.isArray(options) ? this.renderArrayOptions(options) : options.render({
         hide: this.hide,
         dispatchCommand: dispatchCommand

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

@@ -19,7 +19,7 @@ import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ColorPalette, { textPaletteTooltipMessages } from '../../../../ui/ColorPalette';
-import Dropdown from '../../../../ui/Dropdown';
+import { DropdownContainer as Dropdown } from '@atlaskit/editor-common/ui-menu';
 import { expandIconWrapperStyle } from '../../../../ui/styles';
 import { wrapperStyle, separatorStyles, triggerWrapperStyles } from '@atlaskit/editor-common/styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.47.5";
+export var version = "187.47.9";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/plugins/alignment/ui/ToolbarAlignment/index.d.ts

@@ -5,7 +5,6 @@ import type { WrappedComponentProps } from 'react-intl-next';
 import type { AlignmentPluginState, AlignmentState } from '../../pm-plugins/types';
 export interface State {
     isOpen: boolean;
-    isOpenedByKeyboard: boolean;
 }
 export interface Props {
     pluginState: AlignmentPluginState;

package/dist/types-ts4.5/plugins/alignment/ui/ToolbarAlignment/index.d.ts

@@ -5,7 +5,6 @@ import type { WrappedComponentProps } from 'react-intl-next';
 import type { AlignmentPluginState, AlignmentState } from '../../pm-plugins/types';
 export interface State {
     isOpen: boolean;
-    isOpenedByKeyboard: boolean;
 }
 export interface Props {
     pluginState: AlignmentPluginState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.47.5",
+  "version": "187.47.9",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -63,7 +63,7 @@
     "@atlaskit/editor-plugin-block-type": "^1.0.0",
     "@atlaskit/editor-plugin-card": "^0.8.0",
     "@atlaskit/editor-plugin-composition": "^0.1.0",
-    "@atlaskit/editor-plugin-content-insertion": "^0.1.0",
+    "@atlaskit/editor-plugin-content-insertion": "^0.1.4",
     "@atlaskit/editor-plugin-context-panel": "^0.2.0",
     "@atlaskit/editor-plugin-copy-button": "^0.2.0",
     "@atlaskit/editor-plugin-decorations": "^0.2.0",

package/dist/cjs/ui/Dropdown/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _default = _uiMenu.DropdownContainer;
-exports.default = _default;

package/dist/es2019/ui/Dropdown/index.js

@@ -1,2 +0,0 @@
-import { DropdownContainer as Dropdown } from '@atlaskit/editor-common/ui-menu';
-export default Dropdown;

package/dist/esm/ui/Dropdown/index.js

@@ -1,2 +0,0 @@
-import { DropdownContainer as Dropdown } from '@atlaskit/editor-common/ui-menu';
-export default Dropdown;

package/dist/types/ui/Dropdown/index.d.ts

@@ -1,3 +0,0 @@
-import { DropdownContainer as Dropdown } from '@atlaskit/editor-common/ui-menu';
-export type { OpenChangedEvent } from '@atlaskit/editor-common/ui';
-export default Dropdown;

package/dist/types-ts4.5/ui/Dropdown/index.d.ts

@@ -1,3 +0,0 @@
-import { DropdownContainer as Dropdown } from '@atlaskit/editor-common/ui-menu';
-export type { OpenChangedEvent } from '@atlaskit/editor-common/ui';
-export default Dropdown;