@atlaskit/editor-plugin-insert-block 0.1.1 → 0.2.1

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

@@ -0,0 +1,244 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import memoizeOne from 'memoize-one';
+import { addLink, getAriaKeyshortcuts, toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
+import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
+import ExpandNodeIcon from '@atlaskit/icon/glyph/chevron-right-circle';
+import CodeIcon from '@atlaskit/icon/glyph/editor/code';
+import DateIcon from '@atlaskit/icon/glyph/editor/date';
+import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
+import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
+import HorizontalRuleIcon from '@atlaskit/icon/glyph/editor/horizontal-rule';
+import EditorImageIcon from '@atlaskit/icon/glyph/editor/image';
+import InfoIcon from '@atlaskit/icon/glyph/editor/info';
+import LayoutTwoEqualIcon from '@atlaskit/icon/glyph/editor/layout-two-equal';
+import LinkIcon from '@atlaskit/icon/glyph/editor/link';
+import MentionIcon from '@atlaskit/icon/glyph/editor/mention';
+import EditorMoreIcon from '@atlaskit/icon/glyph/editor/more';
+import TableIcon from '@atlaskit/icon/glyph/editor/table';
+import TaskIcon from '@atlaskit/icon/glyph/editor/task';
+import PlaceholderTextIcon from '@atlaskit/icon/glyph/media-services/text';
+import QuoteIcon from '@atlaskit/icon/glyph/quote';
+import StatusIcon from '@atlaskit/icon/glyph/status';
+import { shallowEquals } from './shallow-equals';
+var from = function from(init) {
+  return {
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    value: {
+      name: init.name
+    },
+    elemBefore: jsx(init.Icon, {
+      label: init.content
+    }),
+    elemAfter: init.shortcut ?
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    jsx("div", {
+      css: shortcutStyle
+    }, init.shortcut) : undefined,
+    'aria-label': init.shortcut ? init.content + ' ' + init.shortcut : init.content,
+    'aria-haspopup': init['aria-haspopup'],
+    'aria-keyshortcuts': init['aria-keyshortcuts'],
+    shortcut: init.shortcut,
+    isDisabled: init.disabled
+  };
+};
+var mem = function mem(fn) {
+  return memoizeOne(fn, shallowEquals);
+};
+export var action = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'action',
+    shortcut: '[]',
+    Icon: TaskIcon,
+    'aria-keyshortcuts': '[ ] Space'
+  });
+});
+export var link = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'link',
+    shortcut: tooltip(addLink),
+    Icon: LinkIcon,
+    'aria-haspopup': init['aria-haspopup'],
+    'aria-keyshortcuts': getAriaKeyshortcuts(addLink)
+  });
+});
+export var media = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'media',
+    Icon: EditorImageIcon
+  });
+});
+export var imageUpload = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'image upload',
+    Icon: EditorImageIcon
+  });
+});
+export var mention = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'mention',
+    Icon: MentionIcon,
+    shortcut: '@',
+    'aria-haspopup': init['aria-haspopup'],
+    'aria-keyshortcuts': 'Shift+2 Space'
+  });
+});
+export var emoji = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'emoji',
+    Icon: EmojiIcon,
+    shortcut: ':',
+    'aria-haspopup': init['aria-haspopup'],
+    'aria-keyshortcuts': 'Shift+;'
+  });
+});
+export var table = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'table',
+    Icon: TableIcon,
+    shortcut: tooltip(toggleTable),
+    'aria-keyshortcuts': getAriaKeyshortcuts(toggleTable)
+  });
+});
+export var layout = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'layout',
+    Icon: LayoutTwoEqualIcon
+  });
+});
+export var codeblock = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'codeblock',
+    Icon: CodeIcon,
+    shortcut: init.shortcut,
+    'aria-keyshortcuts': getAriaKeyshortcuts(init.shortcut)
+  });
+});
+export var panel = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'panel',
+    Icon: InfoIcon,
+    shortcut: init.shortcut,
+    'aria-keyshortcuts': getAriaKeyshortcuts(init.shortcut)
+  });
+});
+export var blockquote = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'blockquote',
+    Icon: QuoteIcon,
+    shortcut: init.shortcut,
+    'aria-keyshortcuts': 'Shift+. Space'
+  });
+});
+export var decision = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'decision',
+    Icon: DecisionIcon,
+    shortcut: '<>',
+    'aria-keyshortcuts': 'Shift+, Shift+. Space'
+  });
+});
+export var horizontalrule = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'horizontalrule',
+    Icon: HorizontalRuleIcon,
+    shortcut: '---',
+    'aria-keyshortcuts': '- - -'
+  });
+});
+export var expand = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'expand',
+    Icon: ExpandNodeIcon
+  });
+});
+export var date = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'date',
+    Icon: DateIcon,
+    shortcut: '//',
+    'aria-keyshortcuts': '/ / Enter'
+  });
+});
+export var placeholder = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'placeholder text',
+    Icon: function Icon() {
+      return jsx(PlaceholderTextIcon, {
+        label: ""
+      });
+    }
+  });
+});
+export var status = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'status',
+    Icon: StatusIcon
+  });
+});
+export var more = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'macro',
+    Icon: function Icon() {
+      return jsx(EditorMoreIcon, {
+        label: ""
+      });
+    }
+  });
+});

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

@@ -0,0 +1 @@
+export { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';

package/dist/esm/ui/ToolbarInsertBlock/shallow-equals.js

@@ -0,0 +1,13 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+export var shallowEquals = function shallowEquals(_ref, _ref2) {
+  var _ref3 = _slicedToArray(_ref, 1),
+    aRaw = _ref3[0];
+  var _ref4 = _slicedToArray(_ref2, 1),
+    bRaw = _ref4[0];
+  var a = aRaw;
+  var b = bRaw;
+  return !Object.keys(a).some(function (key) {
+    var k = key;
+    return a[k] !== b[k];
+  });
+};

package/dist/esm/ui/ToolbarInsertBlock/sort-items.js

@@ -0,0 +1,24 @@
+var endPositionNames = ['macro-browser', 'slash-onboarding'];
+var isMacro = function isMacro(item) {
+  return typeof item.content === 'string' && item.content.includes('macro');
+};
+export var sortItems = function sortItems(items) {
+  return items.sort(function (a, b) {
+    if (endPositionNames.includes(a.value.name) && endPositionNames.includes(b.value.name)) {
+      return endPositionNames.indexOf(a.value.name) - endPositionNames.indexOf(b.value.name);
+    }
+    if (endPositionNames.includes(b.value.name)) {
+      return -1;
+    }
+    if (endPositionNames.includes(a.value.name)) {
+      return 1;
+    }
+    if (isMacro(a) && !isMacro(b)) {
+      return 1;
+    }
+    if (isMacro(b) && !isMacro(a)) {
+      return -1;
+    }
+    return a.content < b.content ? -1 : 1;
+  });
+};

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

@@ -0,0 +1,4 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+export var triggerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 42px;\n\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n"])));

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

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -1 +1,2 @@
-export {};
+export { insertBlockPlugin } from './plugin';
+export type { InsertBlockPlugin } from './plugin';

package/dist/types/plugin.d.ts

@@ -0,0 +1,16 @@
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { InsertBlockPluginDependencies } from './types';
+export interface InsertBlockOptions {
+    allowTables?: boolean;
+    allowExpand?: boolean;
+    insertMenuItems?: any;
+    horizontalRuleEnabled?: boolean;
+    nativeStatusSupported?: boolean;
+    replacePlusMenuWithElementBrowser?: boolean;
+    showElementBrowserLink?: boolean;
+}
+export type InsertBlockPlugin = NextEditorPlugin<'insertBlock', {
+    pluginConfiguration: InsertBlockOptions | undefined;
+    dependencies: InsertBlockPluginDependencies;
+}>;
+export declare const insertBlockPlugin: InsertBlockPlugin;

package/dist/types/types.d.ts

@@ -0,0 +1,45 @@
+import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { BlockTypePlugin } from '@atlaskit/editor-plugin-block-type';
+import type { CodeBlockPlugin } from '@atlaskit/editor-plugin-code-block';
+import type { DatePlugin } from '@atlaskit/editor-plugin-date';
+import type { EmojiPlugin } from '@atlaskit/editor-plugin-emoji';
+import type { ExpandPlugin } from '@atlaskit/editor-plugin-expand';
+import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { HyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
+import type { ImageUploadPlugin } from '@atlaskit/editor-plugin-image-upload';
+import type { LayoutPlugin } from '@atlaskit/editor-plugin-layout';
+import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
+import type { MentionsPlugin } from '@atlaskit/editor-plugin-mentions';
+import type { PanelPlugin } from '@atlaskit/editor-plugin-panel';
+import type { PlaceholderTextPlugin } from '@atlaskit/editor-plugin-placeholder-text';
+import type { QuickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
+import type { RulePlugin } from '@atlaskit/editor-plugin-rule';
+import type { StatusPlugin } from '@atlaskit/editor-plugin-status';
+import type { TablePlugin } from '@atlaskit/editor-plugin-table';
+import type { TasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
+import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+export type InsertBlockPluginDependencies = [
+    OptionalPlugin<FeatureFlagsPlugin>,
+    TypeAheadPlugin,
+    OptionalPlugin<TablePlugin>,
+    OptionalPlugin<HyperlinkPlugin>,
+    OptionalPlugin<DatePlugin>,
+    OptionalPlugin<BlockTypePlugin>,
+    OptionalPlugin<AnalyticsPlugin>,
+    OptionalPlugin<ImageUploadPlugin>,
+    OptionalPlugin<EmojiPlugin>,
+    OptionalPlugin<QuickInsertPlugin>,
+    OptionalPlugin<RulePlugin>,
+    OptionalPlugin<CodeBlockPlugin>,
+    OptionalPlugin<PanelPlugin>,
+    OptionalPlugin<MediaPlugin>,
+    OptionalPlugin<MentionsPlugin>,
+    OptionalPlugin<StatusPlugin>,
+    OptionalPlugin<LayoutPlugin>,
+    OptionalPlugin<ExpandPlugin>,
+    OptionalPlugin<PlaceholderTextPlugin>,
+    OptionalPlugin<ExtensionPlugin>,
+    OptionalPlugin<TasksAndDecisionsPlugin>
+];

package/dist/types/ui/ElementBrowser/InsertMenu.d.ts

@@ -0,0 +1,4 @@
+import { jsx } from '@emotion/react';
+import type { InsertMenuProps } from './types';
+declare const InsertMenu: ({ editorView, dropdownItems, showElementBrowserLink, onInsert, toggleVisiblity, pluginInjectionApi, }: InsertMenuProps) => jsx.JSX.Element;
+export default InsertMenu;

package/dist/types/ui/ElementBrowser/types.d.ts

@@ -0,0 +1,22 @@
+import type { PluginInjectionAPIWithDependencies } from '@atlaskit/editor-common/types';
+import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { InsertBlockPluginDependencies } from '../../types';
+import type { BlockMenuItem } from '../ToolbarInsertBlock/create-items';
+type SimpleEventHandler<T> = (event?: T) => void;
+export interface InsertMenuProps {
+    dropdownItems: BlockMenuItem[];
+    editorView: EditorView;
+    showElementBrowserLink: boolean;
+    toggleVisiblity: SimpleEventHandler<MouseEvent | KeyboardEvent>;
+    onInsert: OnInsert;
+    pluginInjectionApi: PluginInjectionAPIWithDependencies<InsertBlockPluginDependencies> | undefined;
+}
+export type SvgGetterParams = {
+    name: string;
+};
+export type OnInsert = ({ item }: {
+    item: MenuItem;
+}) => Transaction;
+export {};

package/dist/types/ui/ToolbarInsertBlock/block-insert-element-browser.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { PluginInjectionAPIWithDependencies } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { InsertBlockPluginDependencies } from '../../types';
+import type { OnInsert } from '../ElementBrowser/types';
+import type { BlockMenuItem } from './create-items';
+type SimpleEventHandler<T> = (event?: T) => void;
+export interface BlockInsertElementBrowserProps {
+    disabled: boolean;
+    editorView: EditorView;
+    items: BlockMenuItem[];
+    spacing: 'none' | 'default';
+    label: string;
+    open: boolean;
+    popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
+    popupsScrollableElement?: HTMLElement;
+    plusButtonRef?: HTMLElement;
+    showElementBrowserLink: boolean;
+    onRef(el: HTMLElement): void;
+    onClick: React.MouseEventHandler;
+    onKeyDown?: React.KeyboardEventHandler;
+    onInsert: OnInsert;
+    togglePlusMenuVisibility: SimpleEventHandler<MouseEvent | KeyboardEvent>;
+    pluginInjectionApi: PluginInjectionAPIWithDependencies<InsertBlockPluginDependencies> | undefined;
+}
+export declare const BlockInsertElementBrowser: (props: BlockInsertElementBrowserProps) => JSX.Element;
+export {};

package/dist/types/ui/ToolbarInsertBlock/block-insert-menu-legacy.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
+import type { BlockMenuItem } from './create-items';
+export interface BlockInsertMenuLegacyProps {
+    disabled: boolean;
+    spacing: 'none' | 'default';
+    label: string;
+    open: boolean;
+    items: BlockMenuItem[];
+    popupsMountPoint?: HTMLElement;
+    popupsBoundariesElement?: HTMLElement;
+    popupsScrollableElement?: HTMLElement;
+    onClick: React.MouseEventHandler;
+    onKeyDown?: React.KeyboardEventHandler;
+    onRef(el: HTMLElement): void;
+    onItemActivated(attrs: {
+        item: MenuItem;
+    }): void;
+    onOpenChange(attrs: any): void;
+}
+export declare const BlockInsertMenuLegacy: (props: BlockInsertMenuLegacyProps) => JSX.Element;

package/dist/types/ui/ToolbarInsertBlock/block-insert-menu.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { PluginInjectionAPIWithDependencies } from '@atlaskit/editor-common/types';
+import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { InsertBlockPluginDependencies } from '../../types';
+import type { OnInsert } from '../ElementBrowser/types';
+import type { BlockMenuItem } from './create-items';
+export interface BlockInsertMenuProps {
+    disabled: boolean;
+    editorView: EditorView;
+    items: BlockMenuItem[];
+    label: string;
+    open: boolean;
+    plusButtonRef?: HTMLElement;
+    popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
+    popupsScrollableElement?: HTMLElement;
+    replacePlusMenuWithElementBrowser: boolean;
+    spacing: 'none' | 'default';
+    showElementBrowserLink: boolean;
+    onRef(el: HTMLElement): void;
+    onPlusButtonRef(el: HTMLElement): void;
+    onClick: React.MouseEventHandler;
+    onItemActivated(attrs: {
+        item: MenuItem;
+    }): void;
+    onInsert: OnInsert;
+    onOpenChange(attrs: any): void;
+    togglePlusMenuVisibility(): void;
+    onKeyDown?: React.KeyboardEventHandler;
+    pluginInjectionApi: PluginInjectionAPIWithDependencies<InsertBlockPluginDependencies> | undefined;
+}
+export declare const BlockInsertMenu: (props: BlockInsertMenuProps) => JSX.Element | null;

package/dist/types/ui/ToolbarInsertBlock/create-items.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
+import type { BlockType } from '@atlaskit/editor-plugin-block-type';
+import type { Schema } from '@atlaskit/editor-prosemirror/model';
+import type { EmojiProvider } from '@atlaskit/emoji/resource';
+export interface CreateItemsConfig {
+    isTypeAheadAllowed?: boolean;
+    tableSupported?: boolean;
+    mediaUploadsEnabled?: boolean;
+    mediaSupported?: boolean;
+    imageUploadSupported?: boolean;
+    imageUploadEnabled?: boolean;
+    mentionsSupported?: boolean;
+    mentionsDisabled?: boolean;
+    availableWrapperBlockTypes?: BlockType[];
+    actionSupported?: boolean;
+    decisionSupported?: boolean;
+    linkSupported?: boolean;
+    linkDisabled?: boolean;
+    emojiDisabled?: boolean;
+    nativeStatusSupported?: boolean;
+    dateEnabled?: boolean;
+    placeholderTextEnabled?: boolean;
+    horizontalRuleEnabled?: boolean;
+    layoutSectionEnabled?: boolean;
+    showElementBrowserLink?: boolean;
+    expandEnabled?: boolean;
+    insertMenuItems?: MenuItem[];
+    emojiProvider?: Promise<EmojiProvider>;
+    schema: Schema;
+    numberOfButtons: number;
+    formatMessage: WrappedComponentProps['intl']['formatMessage'];
+    isNewMenuEnabled?: boolean;
+}
+export interface BlockMenuItem extends MenuItem {
+    title: JSX.Element | null;
+}
+export declare const createItems: import("memoize-one").MemoizedFn<(config: CreateItemsConfig) => readonly [BlockMenuItem[], BlockMenuItem[]]>;

package/dist/types/ui/ToolbarInsertBlock/dropdown-button.d.ts

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+import React from 'react';
+import type { ToolbarButtonRef } from '@atlaskit/editor-common/ui-menu';
+export interface DropDownButtonProps {
+    label: string;
+    selected: boolean;
+    disabled?: boolean;
+    'aria-expanded': React.AriaAttributes['aria-expanded'];
+    'aria-haspopup': React.AriaAttributes['aria-haspopup'];
+    'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
+    onClick: React.MouseEventHandler;
+    onKeyDown?: React.KeyboardEventHandler;
+    spacing: 'none' | 'default';
+    handleRef(el: ToolbarButtonRef): void;
+}
+export declare const DropDownButton: React.StatelessComponent<DropDownButtonProps>;

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

@@ -0,0 +1,46 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { Props, State } from './types';
+export declare class ToolbarInsertBlock extends React.PureComponent<Props & WrappedComponentProps, State> {
+    private dropdownButtonRef?;
+    private emojiButtonRef?;
+    private plusButtonRef?;
+    state: State;
+    static getDerivedStateFromProps(props: Props & WrappedComponentProps, state: State): State | null;
+    componentDidUpdate(prevProps: Props): void;
+    private onOpenChange;
+    private togglePlusMenuVisibility;
+    private toggleEmojiPicker;
+    private handleEmojiPressEscape;
+    private handleEmojiClickOutside;
+    private renderPopup;
+    private handleEmojiButtonRef;
+    private handlePlusButtonRef;
+    private handleDropDownButtonRef;
+    render(): jsx.JSX.Element | null;
+    private handleClick;
+    private handleOpenByKeyboard;
+    private toggleLinkPanel;
+    private insertMention;
+    private insertTable;
+    private createDate;
+    private createPlaceholderText;
+    private insertLayoutColumns;
+    private createStatus;
+    private openMediaPicker;
+    private insertTaskDecision;
+    private insertHorizontalRule;
+    private insertExpand;
+    private insertBlockType;
+    private handleSelectedEmoji;
+    private openElementBrowser;
+    private onItemActivated;
+    private insertToolbarMenuItem;
+    private insertInsertMenuItem;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

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

@@ -0,0 +1,35 @@
+/** @jsx jsx */
+import React from 'react';
+import type { MemoizedFn } from 'memoize-one';
+import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
+export interface CreateInit {
+    content: string;
+    disabled: boolean;
+    tooltipDescription?: string;
+    'aria-label'?: React.AriaAttributes['aria-label'];
+    'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
+}
+export declare const action: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const link: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const media: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const imageUpload: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const mention: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const emoji: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const table: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const layout: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const codeblock: MemoizedFn<(init: CreateInit & {
+    shortcut?: string;
+}) => MenuItem>;
+export declare const panel: MemoizedFn<(init: CreateInit & {
+    shortcut?: string;
+}) => MenuItem>;
+export declare const blockquote: MemoizedFn<(init: CreateInit & {
+    shortcut?: string;
+}) => MenuItem>;
+export declare const decision: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const horizontalrule: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const expand: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const date: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const placeholder: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const status: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const more: MemoizedFn<(init: CreateInit) => MenuItem>;

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

@@ -0,0 +1 @@
+export { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';

package/dist/types/ui/ToolbarInsertBlock/shallow-equals.d.ts

@@ -0,0 +1 @@
+export declare const shallowEquals: <T extends {}>([aRaw]: ReadonlyArray<unknown>, [bRaw]: ReadonlyArray<unknown>) => boolean;

package/dist/types/ui/ToolbarInsertBlock/sort-items.d.ts

@@ -0,0 +1,2 @@
+import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
+export declare const sortItems: (items: MenuItem[]) => MenuItem[];

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

@@ -0,0 +1 @@
+export declare const triggerWrapper: import("@emotion/react").SerializedStyles;