@atlaskit/editor-plugin-insert-block 1.2.4 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 1.3.0
+
+### Minor Changes
+
+-   [#98283](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98283)
+    [`291c762e17a0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/291c762e17a0) -
+    [ED-22802] Introduce insertBlock.actions.toggleAdditionalMenu API
+
+### Patch Changes
+
+-   Updated dependencies
+
+## 1.2.5
+
+### Patch Changes
+
+-   [#97698](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/97698)
+    [`1c7b378c0d3b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1c7b378c0d3b) -
+    [HOT-108999] We had an incident where the cursor jumps back a character in table headers for any
+    language triggering composition on an empty line.This was fixed in a patch bump of
+    prosemirror-view. https://github.com/ProseMirror/prosemirror-view/compare/1.33.4...1.33.5
+-   Updated dependencies
+
 ## 1.2.4
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -1,17 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.insertBlockPlugin = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _types = require("@atlaskit/editor-common/types");
 var _consts = require("@atlaskit/editor-plugin-block-type/consts");
 var _ToolbarInsertBlock = _interopRequireDefault(require("./ui/ToolbarInsertBlock"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var toolbarSizeToButtons = function toolbarSizeToButtons(toolbarSize) {
   switch (toolbarSize) {
     case _types.ToolbarSize.XXL:
@@ -49,8 +52,33 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,
     api = _ref.api;
+  var toggleDropdownMenuOptionsRef = {
+    current: null
+  };
+  var registerToggleDropdownMenuOptions = function registerToggleDropdownMenuOptions(cb) {
+    toggleDropdownMenuOptionsRef.current = cb;
+    return function () {
+      toggleDropdownMenuOptionsRef.current = null;
+    };
+  };
   return {
     name: 'insertBlock',
+    actions: {
+      toggleAdditionalMenu: function toggleAdditionalMenu() {
+        var toggle = toggleDropdownMenuOptionsRef.current;
+        if (!toggle) {
+          return;
+        }
+        toggle();
+      }
+    },
+    usePluginHook: function usePluginHook() {
+      (0, _react.useLayoutEffect)(function () {
+        return function () {
+          toggleDropdownMenuOptionsRef.current = null;
+        };
+      }, []);
+    },
     primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
       var editorView = _ref2.editorView,
         editorActions = _ref2.editorActions,
@@ -78,7 +106,8 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
           isToolbarReducedSpacing: isToolbarReducedSpacing,
           isLastItem: isLastItem,
           providers: providers,
-          options: options
+          options: options,
+          registerToggleDropdownMenuOptions: registerToggleDropdownMenuOptions
         });
       };
       return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
@@ -103,7 +132,8 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     isLastItem = _ref3.isLastItem,
     providers = _ref3.providers,
     pluginInjectionApi = _ref3.pluginInjectionApi,
-    options = _ref3.options;
+    options = _ref3.options,
+    registerToggleDropdownMenuOptions = _ref3.registerToggleDropdownMenuOptions;
   var buttons = toolbarSizeToButtons(toolbarSize);
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText']),
     dateState = _useSharedPluginState.dateState,
@@ -155,6 +185,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     replacePlusMenuWithElementBrowser: options.replacePlusMenuWithElementBrowser,
     showElementBrowserLink: options.showElementBrowserLink,
-    showSeparator: !isLastItem && toolbarSize <= _types.ToolbarSize.S
+    showSeparator: !isLastItem && toolbarSize <= _types.ToolbarSize.S,
+    registerToggleDropdownMenuOptions: registerToggleDropdownMenuOptions
   });
 }

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

@@ -63,18 +63,14 @@ var tableButtonWrapper = exports.tableButtonWrapper = function tableButtonWrappe
     (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    display: flex;\n    ", "\n    ", "\n\n  .table-toolbar-btn {\n      border-top-right-radius: ", ";\n      border-bottom-right-radius: ", ";\n      margin-right: ", ";\n      padding: ", ";\n      & > span {\n        min-width: 16px;\n        margin: ", ";\n      }\n    }\n    .table-selector-toolbar-btn {\n      padding: ", ";\n      & > span {\n        margin: ", ";\n        width: 16px !important;\n        display: flex;\n        justify-content: center;\n      }\n\n      border-top-left-radius: ", " !important;\n      border-bottom-left-radius: ", " !important;\n    }\n  "])), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-selector-toolbar-btn'), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-toolbar-btn'), "var(--ds-border-radius-200, 0px)", "var(--ds-border-radius-200, 0px)", "var(--ds-space-025, 1px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-border-radius-200, 0px)", "var(--ds-border-radius-200, 0px)")
   );
 };
-
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(ToolbarInsertBlock, _React$PureComponent);
   var _super = _createSuper(ToolbarInsertBlock);
-  function ToolbarInsertBlock() {
+  function ToolbarInsertBlock(props) {
     var _this;
     (0, _classCallCheck2.default)(this, ToolbarInsertBlock);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "tableButtonRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "tableSelectorButtonRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
@@ -202,6 +198,11 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         _this.toggleTableSelector(_analytics.INPUT_METHOD.TOOLBAR);
       }
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentWillUnmount", function () {
+      if (_this.unresgisterToggleDropdownMenuOptions) {
+        _this.unresgisterToggleDropdownMenuOptions();
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function () {
       _this.togglePlusMenuVisibility();
     });
@@ -468,6 +469,8 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         inputMethod: _analytics.INPUT_METHOD.INSERT_MENU
       });
     });
+    var registerToggleDropdownMenuOptions = props.registerToggleDropdownMenuOptions;
+    _this.unresgisterToggleDropdownMenuOptions = registerToggleDropdownMenuOptions ? registerToggleDropdownMenuOptions(_this.handleClick) : null;
     return _this;
   }
   (0, _createClass2.default)(ToolbarInsertBlock, [{

package/dist/es2019/plugin.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useLayoutEffect } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
@@ -40,8 +40,33 @@ export const insertBlockPlugin = ({
   config: options = {},
   api
 }) => {
+  const toggleDropdownMenuOptionsRef = {
+    current: null
+  };
+  const registerToggleDropdownMenuOptions = cb => {
+    toggleDropdownMenuOptionsRef.current = cb;
+    return () => {
+      toggleDropdownMenuOptionsRef.current = null;
+    };
+  };
   return {
     name: 'insertBlock',
+    actions: {
+      toggleAdditionalMenu: () => {
+        const toggle = toggleDropdownMenuOptionsRef.current;
+        if (!toggle) {
+          return;
+        }
+        toggle();
+      }
+    },
+    usePluginHook: () => {
+      useLayoutEffect(() => {
+        return () => {
+          toggleDropdownMenuOptionsRef.current = null;
+        };
+      }, []);
+    },
     primaryToolbarComponent({
       editorView,
       editorActions,
@@ -70,7 +95,8 @@ export const insertBlockPlugin = ({
           isToolbarReducedSpacing: isToolbarReducedSpacing,
           isLastItem: isLastItem,
           providers: providers,
-          options: options
+          options: options,
+          registerToggleDropdownMenuOptions: registerToggleDropdownMenuOptions
         });
       };
       return /*#__PURE__*/React.createElement(WithProviders, {
@@ -94,7 +120,8 @@ function ToolbarInsertBlockWithInjectionApi({
   isLastItem,
   providers,
   pluginInjectionApi,
-  options
+  options,
+  registerToggleDropdownMenuOptions
 }) {
   var _ref, _ref2, _pluginInjectionApi$i, _pluginInjectionApi$c, _pluginInjectionApi$p, _pluginInjectionApi$b, _pluginInjectionApi$e;
   const buttons = toolbarSizeToButtons(toolbarSize);
@@ -149,6 +176,7 @@ function ToolbarInsertBlockWithInjectionApi({
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     replacePlusMenuWithElementBrowser: options.replacePlusMenuWithElementBrowser,
     showElementBrowserLink: options.showElementBrowserLink,
-    showSeparator: !isLastItem && toolbarSize <= ToolbarSize.S
+    showSeparator: !isLastItem && toolbarSize <= ToolbarSize.S,
+    registerToggleDropdownMenuOptions: registerToggleDropdownMenuOptions
   });
 }

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

@@ -65,11 +65,10 @@ css`
       border-bottom-left-radius: ${"var(--ds-border-radius-200, 0px)"} !important;
     }
   `;
-
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class ToolbarInsertBlock extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
+  constructor(props) {
+    super(props);
     _defineProperty(this, "tableButtonRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "tableSelectorButtonRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "state", {
@@ -199,6 +198,11 @@ export class ToolbarInsertBlock extends React.PureComponent {
         this.toggleTableSelector(INPUT_METHOD.TOOLBAR);
       }
     });
+    _defineProperty(this, "componentWillUnmount", () => {
+      if (this.unresgisterToggleDropdownMenuOptions) {
+        this.unresgisterToggleDropdownMenuOptions();
+      }
+    });
     _defineProperty(this, "handleClick", () => {
       this.togglePlusMenuVisibility();
     });
@@ -488,6 +492,10 @@ export class ToolbarInsertBlock extends React.PureComponent {
       item,
       inputMethod: INPUT_METHOD.INSERT_MENU
     }));
+    const {
+      registerToggleDropdownMenuOptions
+    } = props;
+    this.unresgisterToggleDropdownMenuOptions = registerToggleDropdownMenuOptions ? registerToggleDropdownMenuOptions(this.handleClick) : null;
   }
   static getDerivedStateFromProps(props, state) {
     const [buttons, dropdownItems] = createItems({

package/dist/esm/plugin.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useLayoutEffect } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
@@ -42,8 +42,33 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,
     api = _ref.api;
+  var toggleDropdownMenuOptionsRef = {
+    current: null
+  };
+  var registerToggleDropdownMenuOptions = function registerToggleDropdownMenuOptions(cb) {
+    toggleDropdownMenuOptionsRef.current = cb;
+    return function () {
+      toggleDropdownMenuOptionsRef.current = null;
+    };
+  };
   return {
     name: 'insertBlock',
+    actions: {
+      toggleAdditionalMenu: function toggleAdditionalMenu() {
+        var toggle = toggleDropdownMenuOptionsRef.current;
+        if (!toggle) {
+          return;
+        }
+        toggle();
+      }
+    },
+    usePluginHook: function usePluginHook() {
+      useLayoutEffect(function () {
+        return function () {
+          toggleDropdownMenuOptionsRef.current = null;
+        };
+      }, []);
+    },
     primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
       var editorView = _ref2.editorView,
         editorActions = _ref2.editorActions,
@@ -71,7 +96,8 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
           isToolbarReducedSpacing: isToolbarReducedSpacing,
           isLastItem: isLastItem,
           providers: providers,
-          options: options
+          options: options,
+          registerToggleDropdownMenuOptions: registerToggleDropdownMenuOptions
         });
       };
       return /*#__PURE__*/React.createElement(WithProviders, {
@@ -96,7 +122,8 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     isLastItem = _ref3.isLastItem,
     providers = _ref3.providers,
     pluginInjectionApi = _ref3.pluginInjectionApi,
-    options = _ref3.options;
+    options = _ref3.options,
+    registerToggleDropdownMenuOptions = _ref3.registerToggleDropdownMenuOptions;
   var buttons = toolbarSizeToButtons(toolbarSize);
   var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText']),
     dateState = _useSharedPluginState.dateState,
@@ -148,6 +175,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
     replacePlusMenuWithElementBrowser: options.replacePlusMenuWithElementBrowser,
     showElementBrowserLink: options.showElementBrowserLink,
-    showSeparator: !isLastItem && toolbarSize <= ToolbarSize.S
+    showSeparator: !isLastItem && toolbarSize <= ToolbarSize.S,
+    registerToggleDropdownMenuOptions: registerToggleDropdownMenuOptions
   });
 }

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

@@ -53,18 +53,14 @@ export var tableButtonWrapper = function tableButtonWrapper(_ref) {
     css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    ", "\n    ", "\n\n  .table-toolbar-btn {\n      border-top-right-radius: ", ";\n      border-bottom-right-radius: ", ";\n      margin-right: ", ";\n      padding: ", ";\n      & > span {\n        min-width: 16px;\n        margin: ", ";\n      }\n    }\n    .table-selector-toolbar-btn {\n      padding: ", ";\n      & > span {\n        margin: ", ";\n        width: 16px !important;\n        display: flex;\n        justify-content: center;\n      }\n\n      border-top-left-radius: ", " !important;\n      border-bottom-left-radius: ", " !important;\n    }\n  "])), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-selector-toolbar-btn'), !isTableSelectorOpen && !isButtonDisabled && getHoverStyles('.table-toolbar-btn'), "var(--ds-border-radius-200, 0px)", "var(--ds-border-radius-200, 0px)", "var(--ds-space-025, 1px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-border-radius-200, 0px)", "var(--ds-border-radius-200, 0px)")
   );
 };
-
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ToolbarInsertBlock, _React$PureComponent);
   var _super = _createSuper(ToolbarInsertBlock);
-  function ToolbarInsertBlock() {
+  function ToolbarInsertBlock(props) {
     var _this;
     _classCallCheck(this, ToolbarInsertBlock);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this), "tableButtonRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "tableSelectorButtonRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "state", {
@@ -192,6 +188,11 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         _this.toggleTableSelector(INPUT_METHOD.TOOLBAR);
       }
     });
+    _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
+      if (_this.unresgisterToggleDropdownMenuOptions) {
+        _this.unresgisterToggleDropdownMenuOptions();
+      }
+    });
     _defineProperty(_assertThisInitialized(_this), "handleClick", function () {
       _this.togglePlusMenuVisibility();
     });
@@ -458,6 +459,8 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         inputMethod: INPUT_METHOD.INSERT_MENU
       });
     });
+    var registerToggleDropdownMenuOptions = props.registerToggleDropdownMenuOptions;
+    _this.unresgisterToggleDropdownMenuOptions = registerToggleDropdownMenuOptions ? registerToggleDropdownMenuOptions(_this.handleClick) : null;
     return _this;
   }
   _createClass(ToolbarInsertBlock, [{

package/dist/types/plugin.d.ts

@@ -13,5 +13,8 @@ export interface InsertBlockOptions {
 export type InsertBlockPlugin = NextEditorPlugin<'insertBlock', {
     pluginConfiguration: InsertBlockOptions | undefined;
     dependencies: InsertBlockPluginDependencies;
+    actions: {
+        toggleAdditionalMenu: () => void;
+    };
 }>;
 export declare const insertBlockPlugin: InsertBlockPlugin;

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

@@ -7,13 +7,18 @@ export declare const tableButtonWrapper: ({ isTableSelectorOpen, isButtonDisable
     isTableSelectorOpen: boolean;
     isButtonDisabled: boolean | undefined;
 }) => import("@emotion/react").SerializedStyles;
-export declare class ToolbarInsertBlock extends React.PureComponent<Props & WrappedComponentProps, State> {
+type InternalActions = {
+    registerToggleDropdownMenuOptions?: (cb: () => void) => () => void;
+};
+export declare class ToolbarInsertBlock extends React.PureComponent<Props & WrappedComponentProps & InternalActions, State> {
     private dropdownButtonRef?;
     private emojiButtonRef?;
     private plusButtonRef?;
     private tableButtonRef;
     private tableSelectorButtonRef;
+    private unresgisterToggleDropdownMenuOptions;
     state: State;
+    constructor(props: Props & WrappedComponentProps & InternalActions);
     static getDerivedStateFromProps(props: Props & WrappedComponentProps, state: State): State | null;
     componentDidUpdate(prevProps: Props): void;
     private onOpenChange;
@@ -30,6 +35,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private handleSelectedTableSize;
     private handleTableSelectorPressEscape;
     private handleTableSelectorClickOutside;
+    componentWillUnmount: () => void;
     render(): jsx.JSX.Element | null;
     private handleClick;
     private handleOpenByKeyboard;
@@ -53,7 +59,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private insertToolbarMenuItem;
     private insertInsertMenuItem;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps & InternalActions>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps & InternalActions>;
 };
 export default _default;

package/dist/types-ts4.5/plugin.d.ts

@@ -13,5 +13,8 @@ export interface InsertBlockOptions {
 export type InsertBlockPlugin = NextEditorPlugin<'insertBlock', {
     pluginConfiguration: InsertBlockOptions | undefined;
     dependencies: InsertBlockPluginDependencies;
+    actions: {
+        toggleAdditionalMenu: () => void;
+    };
 }>;
 export declare const insertBlockPlugin: InsertBlockPlugin;

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

@@ -7,13 +7,18 @@ export declare const tableButtonWrapper: ({ isTableSelectorOpen, isButtonDisable
     isTableSelectorOpen: boolean;
     isButtonDisabled: boolean | undefined;
 }) => import("@emotion/react").SerializedStyles;
-export declare class ToolbarInsertBlock extends React.PureComponent<Props & WrappedComponentProps, State> {
+type InternalActions = {
+    registerToggleDropdownMenuOptions?: (cb: () => void) => () => void;
+};
+export declare class ToolbarInsertBlock extends React.PureComponent<Props & WrappedComponentProps & InternalActions, State> {
     private dropdownButtonRef?;
     private emojiButtonRef?;
     private plusButtonRef?;
     private tableButtonRef;
     private tableSelectorButtonRef;
+    private unresgisterToggleDropdownMenuOptions;
     state: State;
+    constructor(props: Props & WrappedComponentProps & InternalActions);
     static getDerivedStateFromProps(props: Props & WrappedComponentProps, state: State): State | null;
     componentDidUpdate(prevProps: Props): void;
     private onOpenChange;
@@ -30,6 +35,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private handleSelectedTableSize;
     private handleTableSelectorPressEscape;
     private handleTableSelectorClickOutside;
+    componentWillUnmount: () => void;
     render(): jsx.JSX.Element | null;
     private handleClick;
     private handleOpenByKeyboard;
@@ -53,7 +59,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private insertToolbarMenuItem;
     private insertInsertMenuItem;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps & InternalActions>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps & InternalActions>;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-insert-block",
-  "version": "1.2.4",
+  "version": "1.3.0",
   "description": "Insert block plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -33,7 +33,7 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/editor-common": "^79.0.0",
+    "@atlaskit/editor-common": "^79.2.0",
     "@atlaskit/editor-plugin-analytics": "^1.1.0",
     "@atlaskit/editor-plugin-block-type": "^3.1.0",
     "@atlaskit/editor-plugin-code-block": "^1.2.0",
@@ -54,13 +54,13 @@
     "@atlaskit/editor-plugin-table": "^7.12.0",
     "@atlaskit/editor-plugin-tasks-and-decisions": "^1.2.0",
     "@atlaskit/editor-plugin-type-ahead": "^1.1.0",
-    "@atlaskit/editor-prosemirror": "4.0.0",
+    "@atlaskit/editor-prosemirror": "4.0.1",
     "@atlaskit/editor-shared-styles": "^2.10.0",
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.1.0",
-    "@atlaskit/primitives": "^6.0.0",
-    "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.45.0",
+    "@atlaskit/primitives": "^6.1.0",
+    "@atlaskit/theme": "^12.8.0",
+    "@atlaskit/tokens": "^1.46.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^3.0.0",