@atlaskit/editor-plugin-insert-block 4.2.2 → 4.3.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 4.3.1
+
+### Patch Changes
+
+- [`286abb4d35eba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/286abb4d35eba) -
+  [ux] [ED-28960] Finish full page primary toolbar migration
+
+  - Align with design update (separator, gap, height, icon size)
+  - Add keyboard shortcut to focus toolbar and arrow key navigation
+  - Address accessibility
+
+- Updated dependencies
+
+## 4.3.0
+
+### Minor Changes
+
+- [`d4b3d46926b3b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4b3d46926b3b) -
+  [ux] ED-29014 add new option to insert block plugin to only show the plus button in the toolbar.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.2.2
 
 ### Patch Changes

package/dist/cjs/insertBlockPlugin.js

@@ -166,7 +166,8 @@ var insertBlockPlugin = exports.insertBlockPlugin = function insertBlockPlugin(_
     var _api$toolbar;
     api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents((0, _toolbarComponents.getToolbarComponents)({
       api: api,
-      tableSelectorSupported: options.tableSelectorSupported
+      tableSelectorSupported: options.tableSelectorSupported,
+      toolbarShowPlusInsertOnly: options.toolbarShowPlusInsertOnly
     }));
   } else {
     var _api$primaryToolbar;

package/dist/cjs/ui/toolbar-components/EmojiButton.js

@@ -121,7 +121,8 @@ var EmojiButton = exports.EmojiButton = function EmojiButton(_ref) {
     content: formatMessage(_messages.toolbarInsertBlockMessages.emoji)
   }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
     iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.EmojiIcon, {
-      label: formatMessage(_messages.toolbarInsertBlockMessages.emoji)
+      label: formatMessage(_messages.toolbarInsertBlockMessages.emoji),
+      size: "small"
     }),
     ariaKeyshortcuts: "Shift+;",
     ref: emojiButtonRef,

package/dist/cjs/ui/toolbar-components/ImageButton.js

@@ -39,7 +39,8 @@ var ImageButton = exports.ImageButton = function ImageButton(_ref) {
     content: formatMessage(_messages.toolbarInsertBlockMessages.image)
   }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
     iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.ImageIcon, {
-      label: formatMessage(_messages.toolbarInsertBlockMessages.image)
+      label: formatMessage(_messages.toolbarInsertBlockMessages.image),
+      size: "small"
     }),
     onClick: onClick,
     isDisabled: !imageUploadEnabled || isOffline

package/dist/cjs/ui/toolbar-components/LayoutButton.js

@@ -32,7 +32,8 @@ var LayoutButton = exports.LayoutButton = function LayoutButton(_ref) {
     content: formatMessage(_messages.toolbarInsertBlockMessages.columns)
   }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
     iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.LayoutIcon, {
-      label: formatMessage(_messages.toolbarInsertBlockMessages.columns)
+      label: formatMessage(_messages.toolbarInsertBlockMessages.columns),
+      size: "small"
     }),
     onClick: onClick
   }));

package/dist/cjs/ui/toolbar-components/MediaButton.js

@@ -62,7 +62,8 @@ var MediaButton = exports.MediaButton = function MediaButton(_ref) {
     content: formatMessage(_messages.toolbarInsertBlockMessages.addMediaFiles)
   }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
     iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.ImageIcon, {
-      label: formatMessage(_messages.toolbarInsertBlockMessages.addMediaFiles)
+      label: formatMessage(_messages.toolbarInsertBlockMessages.addMediaFiles),
+      size: "small"
     }),
     onClick: onClick,
     ref: mediaButtonRef,

package/dist/cjs/ui/toolbar-components/MentionButton.js

@@ -37,7 +37,8 @@ var MentionButton = exports.MentionButton = function MentionButton(_ref) {
     content: formatMessage(_messages.toolbarInsertBlockMessages.mention)
   }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
     iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.MentionIcon, {
-      label: formatMessage(_messages.toolbarInsertBlockMessages.mention)
+      label: formatMessage(_messages.toolbarInsertBlockMessages.mention),
+      size: "small"
     }),
     onClick: onClick,
     ariaKeyshortcuts: "Shift+2 Space",

package/dist/cjs/ui/toolbar-components/TableButton.js

@@ -44,7 +44,8 @@ var TableButton = exports.TableButton = function TableButton(_ref) {
     content: formatMessage(_messages.toolbarInsertBlockMessages.table)
   }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
     iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableIcon, {
-      label: formatMessage(_messages.toolbarInsertBlockMessages.table)
+      label: formatMessage(_messages.toolbarInsertBlockMessages.table),
+      size: "small"
     }),
     onClick: onClick,
     ariaKeyshortcuts: (0, _keymaps.formatShortcut)(_keymaps.toggleTable)

package/dist/cjs/ui/toolbar-components/TableSizePicker.js

@@ -23,6 +23,8 @@ var TableSizePicker = exports.TableSizePicker = function TableSizePicker(_ref) {
     formatMessage = _useIntl.formatMessage;
   var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
     editorView = _useEditorToolbar.editorView;
+  var _useToolbarUI = (0, _editorToolbar.useToolbarUI)(),
+    popupsMountPoint = _useToolbarUI.popupsMountPoint;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     tableSizePickerOpen = _useState2[0],
@@ -66,7 +68,7 @@ var TableSizePicker = exports.TableSizePicker = function TableSizePicker(_ref) {
     target: tableSizePickerRef.current,
     onUnmount: onUnmount,
     onSelection: handleSelectedTableSize,
-    popupsMountPoint: tableSizePickerRef.current,
+    popupsMountPoint: popupsMountPoint,
     handleClickOutside: handleTableSelectorClickOutside,
     handleEscapeKeydown: handleTableSelectorPressEscape,
     isOpenedByKeyboard: isOpenedByKeyboard

package/dist/cjs/ui/toolbar-components/TaskListButton.js

@@ -32,7 +32,8 @@ var TaskListButton = exports.TaskListButton = function TaskListButton(_ref) {
     content: formatMessage(_messages.toolbarInsertBlockMessages.action)
   }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
     iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TaskIcon, {
-      label: formatMessage(_messages.toolbarInsertBlockMessages.action)
+      label: formatMessage(_messages.toolbarInsertBlockMessages.action),
+      size: "small"
     }),
     onClick: onClick,
     ariaKeyshortcuts: "[ ] Space"

package/dist/cjs/ui/toolbar-components.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getToolbarComponents = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _EmojiButton = require("./toolbar-components/EmojiButton");
@@ -17,16 +18,9 @@ var _TableSizePicker = require("./toolbar-components/TableSizePicker");
 var _TaskListButton = require("./toolbar-components/TaskListButton");
 var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(_ref) {
   var api = _ref.api,
-    tableSelectorSupported = _ref.tableSelectorSupported;
-  return [{
-    type: _toolbar.INSERT_BLOCK_SECTION.type,
-    key: _toolbar.INSERT_BLOCK_SECTION.key,
-    parents: [{
-      type: 'toolbar',
-      key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
-      rank: _toolbar.TOOLBAR_RANK[_toolbar.INSERT_BLOCK_SECTION.key]
-    }]
-  }, {
+    tableSelectorSupported = _ref.tableSelectorSupported,
+    toolbarShowPlusInsertOnly = _ref.toolbarShowPlusInsertOnly;
+  return (0, _toConsumableArray2.default)(toolbarShowPlusInsertOnly ? [] : [{
     type: _toolbar.TASK_LIST_GROUP.type,
     key: _toolbar.TASK_LIST_GROUP.key,
     parents: [{
@@ -168,5 +162,5 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
         tableSelectorSupported: tableSelectorSupported
       });
     }
-  }];
+  }]);
 };

package/dist/es2019/insertBlockPlugin.js

@@ -151,7 +151,8 @@ export const insertBlockPlugin = ({
     var _api$toolbar;
     api === null || api === void 0 ? void 0 : (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 ? void 0 : _api$toolbar.actions.registerComponents(getToolbarComponents({
       api,
-      tableSelectorSupported: options.tableSelectorSupported
+      tableSelectorSupported: options.tableSelectorSupported,
+      toolbarShowPlusInsertOnly: options.toolbarShowPlusInsertOnly
     }));
   } else {
     var _api$primaryToolbar;

package/dist/es2019/ui/toolbar-components/EmojiButton.js

@@ -109,7 +109,8 @@ export const EmojiButton = ({
     content: formatMessage(messages.emoji)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(EmojiIcon, {
-      label: formatMessage(messages.emoji)
+      label: formatMessage(messages.emoji),
+      size: "small"
     }),
     ariaKeyshortcuts: "Shift+;",
     ref: emojiButtonRef,

package/dist/es2019/ui/toolbar-components/ImageButton.js

@@ -38,7 +38,8 @@ export const ImageButton = ({
     content: formatMessage(messages.image)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(ImageIcon, {
-      label: formatMessage(messages.image)
+      label: formatMessage(messages.image),
+      size: "small"
     }),
     onClick: onClick,
     isDisabled: !imageUploadEnabled || isOffline

package/dist/es2019/ui/toolbar-components/LayoutButton.js

@@ -30,7 +30,8 @@ export const LayoutButton = ({
     content: formatMessage(messages.columns)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(LayoutIcon, {
-      label: formatMessage(messages.columns)
+      label: formatMessage(messages.columns),
+      size: "small"
     }),
     onClick: onClick
   }));

package/dist/es2019/ui/toolbar-components/MediaButton.js

@@ -57,7 +57,8 @@ export const MediaButton = ({
     content: formatMessage(messages.addMediaFiles)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(ImageIcon, {
-      label: formatMessage(messages.addMediaFiles)
+      label: formatMessage(messages.addMediaFiles),
+      size: "small"
     }),
     onClick: onClick,
     ref: mediaButtonRef,

package/dist/es2019/ui/toolbar-components/MentionButton.js

@@ -33,7 +33,8 @@ export const MentionButton = ({
     content: formatMessage(messages.mention)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(MentionIcon, {
-      label: formatMessage(messages.mention)
+      label: formatMessage(messages.mention),
+      size: "small"
     }),
     onClick: onClick,
     ariaKeyshortcuts: "Shift+2 Space",

package/dist/es2019/ui/toolbar-components/TableButton.js

@@ -42,7 +42,8 @@ export const TableButton = ({
     content: formatMessage(messages.table)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(TableIcon, {
-      label: formatMessage(messages.table)
+      label: formatMessage(messages.table),
+      size: "small"
     }),
     onClick: onClick,
     ariaKeyshortcuts: formatShortcut(toggleTable)

package/dist/es2019/ui/toolbar-components/TableSizePicker.js

@@ -4,7 +4,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
 import { TableSelectorPopup } from '@atlaskit/editor-common/ui';
-import { MoreItemsIcon, ToolbarButton, ToolbarTooltip } from '@atlaskit/editor-toolbar';
+import { MoreItemsIcon, ToolbarButton, ToolbarTooltip, useToolbarUI } from '@atlaskit/editor-toolbar';
 import { isDetachedElement } from './utils/utils';
 export const TableSizePicker = ({
   api,
@@ -16,6 +16,9 @@ export const TableSizePicker = ({
   const {
     editorView
   } = useEditorToolbar();
+  const {
+    popupsMountPoint
+  } = useToolbarUI();
   const [tableSizePickerOpen, setTableSizePickerOpen] = useState(false);
   const [isOpenedByKeyboard, setIsOpenedByKeyboard] = useState(false);
   const tableSizePickerRef = useRef(null);
@@ -53,7 +56,7 @@ export const TableSizePicker = ({
     target: tableSizePickerRef.current,
     onUnmount: onUnmount,
     onSelection: handleSelectedTableSize,
-    popupsMountPoint: tableSizePickerRef.current,
+    popupsMountPoint: popupsMountPoint,
     handleClickOutside: handleTableSelectorClickOutside,
     handleEscapeKeydown: handleTableSelectorPressEscape,
     isOpenedByKeyboard: isOpenedByKeyboard

package/dist/es2019/ui/toolbar-components/TaskListButton.js

@@ -30,7 +30,8 @@ export const TaskListButton = ({
     content: formatMessage(messages.action)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(TaskIcon, {
-      label: formatMessage(messages.action)
+      label: formatMessage(messages.action),
+      size: "small"
     }),
     onClick: onClick,
     ariaKeyshortcuts: "[ ] Space"

package/dist/es2019/ui/toolbar-components.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { INSERT_BLOCK_SECTION, TASK_LIST_GROUP, MEDIA_GROUP, TOOLBAR_RANK, TOOLBARS, INSERT_BLOCK_SECTION_RANK, TASK_LIST_BUTTON, TASK_LIST_GROUP_RANK, MEDIA_BUTTON, MENTION_GROUP, MEDIA_GROUP_RANK, MENTION_BUTTON, MENTION_GROUP_RANK, EMOJI_GROUP, EMOJI_BUTTON, EMOJI_GROUP_RANK, LAYOUT_GROUP, LAYOUT_BUTTON, LAYOUT_GROUP_RANK, TABLE_GROUP_RANK, TABLE_BUTTON, TABLE_GROUP, TABLE_SIZE_PICKER } from '@atlaskit/editor-common/toolbar';
+import { INSERT_BLOCK_SECTION, TASK_LIST_GROUP, MEDIA_GROUP, INSERT_BLOCK_SECTION_RANK, TASK_LIST_BUTTON, TASK_LIST_GROUP_RANK, MEDIA_BUTTON, MENTION_GROUP, MEDIA_GROUP_RANK, MENTION_BUTTON, MENTION_GROUP_RANK, EMOJI_GROUP, EMOJI_BUTTON, EMOJI_GROUP_RANK, LAYOUT_GROUP, LAYOUT_BUTTON, LAYOUT_GROUP_RANK, TABLE_GROUP_RANK, TABLE_BUTTON, TABLE_GROUP, TABLE_SIZE_PICKER } from '@atlaskit/editor-common/toolbar';
 import { EmojiButton } from './toolbar-components/EmojiButton';
 import { ImageButton } from './toolbar-components/ImageButton';
 import { LayoutButton } from './toolbar-components/LayoutButton';
@@ -10,17 +10,10 @@ import { TableSizePicker } from './toolbar-components/TableSizePicker';
 import { TaskListButton } from './toolbar-components/TaskListButton';
 export const getToolbarComponents = ({
   api,
-  tableSelectorSupported
+  tableSelectorSupported,
+  toolbarShowPlusInsertOnly
 }) => {
-  return [{
-    type: INSERT_BLOCK_SECTION.type,
-    key: INSERT_BLOCK_SECTION.key,
-    parents: [{
-      type: 'toolbar',
-      key: TOOLBARS.PRIMARY_TOOLBAR,
-      rank: TOOLBAR_RANK[INSERT_BLOCK_SECTION.key]
-    }]
-  }, {
+  return [...(toolbarShowPlusInsertOnly ? [] : [{
     type: TASK_LIST_GROUP.type,
     key: TASK_LIST_GROUP.key,
     parents: [{
@@ -148,5 +141,5 @@ export const getToolbarComponents = ({
       api: api,
       tableSelectorSupported: tableSelectorSupported
     })
-  }];
+  }])];
 };

package/dist/esm/insertBlockPlugin.js

@@ -156,7 +156,8 @@ export var insertBlockPlugin = function insertBlockPlugin(_ref) {
     var _api$toolbar;
     api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(getToolbarComponents({
       api: api,
-      tableSelectorSupported: options.tableSelectorSupported
+      tableSelectorSupported: options.tableSelectorSupported,
+      toolbarShowPlusInsertOnly: options.toolbarShowPlusInsertOnly
     }));
   } else {
     var _api$primaryToolbar;

package/dist/esm/ui/toolbar-components/EmojiButton.js

@@ -112,7 +112,8 @@ export var EmojiButton = function EmojiButton(_ref) {
     content: formatMessage(messages.emoji)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(EmojiIcon, {
-      label: formatMessage(messages.emoji)
+      label: formatMessage(messages.emoji),
+      size: "small"
     }),
     ariaKeyshortcuts: "Shift+;",
     ref: emojiButtonRef,

package/dist/esm/ui/toolbar-components/ImageButton.js

@@ -32,7 +32,8 @@ export var ImageButton = function ImageButton(_ref) {
     content: formatMessage(messages.image)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(ImageIcon, {
-      label: formatMessage(messages.image)
+      label: formatMessage(messages.image),
+      size: "small"
     }),
     onClick: onClick,
     isDisabled: !imageUploadEnabled || isOffline

package/dist/esm/ui/toolbar-components/LayoutButton.js

@@ -25,7 +25,8 @@ export var LayoutButton = function LayoutButton(_ref) {
     content: formatMessage(messages.columns)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(LayoutIcon, {
-      label: formatMessage(messages.columns)
+      label: formatMessage(messages.columns),
+      size: "small"
     }),
     onClick: onClick
   }));

package/dist/esm/ui/toolbar-components/MediaButton.js

@@ -54,7 +54,8 @@ export var MediaButton = function MediaButton(_ref) {
     content: formatMessage(messages.addMediaFiles)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(ImageIcon, {
-      label: formatMessage(messages.addMediaFiles)
+      label: formatMessage(messages.addMediaFiles),
+      size: "small"
     }),
     onClick: onClick,
     ref: mediaButtonRef,

package/dist/esm/ui/toolbar-components/MentionButton.js

@@ -30,7 +30,8 @@ export var MentionButton = function MentionButton(_ref) {
     content: formatMessage(messages.mention)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(MentionIcon, {
-      label: formatMessage(messages.mention)
+      label: formatMessage(messages.mention),
+      size: "small"
     }),
     onClick: onClick,
     ariaKeyshortcuts: "Shift+2 Space",

package/dist/esm/ui/toolbar-components/TableButton.js

@@ -37,7 +37,8 @@ export var TableButton = function TableButton(_ref) {
     content: formatMessage(messages.table)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(TableIcon, {
-      label: formatMessage(messages.table)
+      label: formatMessage(messages.table),
+      size: "small"
     }),
     onClick: onClick,
     ariaKeyshortcuts: formatShortcut(toggleTable)

package/dist/esm/ui/toolbar-components/TableSizePicker.js

@@ -5,7 +5,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
 import { TableSelectorPopup } from '@atlaskit/editor-common/ui';
-import { MoreItemsIcon, ToolbarButton, ToolbarTooltip } from '@atlaskit/editor-toolbar';
+import { MoreItemsIcon, ToolbarButton, ToolbarTooltip, useToolbarUI } from '@atlaskit/editor-toolbar';
 import { isDetachedElement } from './utils/utils';
 export var TableSizePicker = function TableSizePicker(_ref) {
   var api = _ref.api,
@@ -14,6 +14,8 @@ export var TableSizePicker = function TableSizePicker(_ref) {
     formatMessage = _useIntl.formatMessage;
   var _useEditorToolbar = useEditorToolbar(),
     editorView = _useEditorToolbar.editorView;
+  var _useToolbarUI = useToolbarUI(),
+    popupsMountPoint = _useToolbarUI.popupsMountPoint;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     tableSizePickerOpen = _useState2[0],
@@ -57,7 +59,7 @@ export var TableSizePicker = function TableSizePicker(_ref) {
     target: tableSizePickerRef.current,
     onUnmount: onUnmount,
     onSelection: handleSelectedTableSize,
-    popupsMountPoint: tableSizePickerRef.current,
+    popupsMountPoint: popupsMountPoint,
     handleClickOutside: handleTableSelectorClickOutside,
     handleEscapeKeydown: handleTableSelectorPressEscape,
     isOpenedByKeyboard: isOpenedByKeyboard

package/dist/esm/ui/toolbar-components/TaskListButton.js

@@ -25,7 +25,8 @@ export var TaskListButton = function TaskListButton(_ref) {
     content: formatMessage(messages.action)
   }, /*#__PURE__*/React.createElement(ToolbarButton, {
     iconBefore: /*#__PURE__*/React.createElement(TaskIcon, {
-      label: formatMessage(messages.action)
+      label: formatMessage(messages.action),
+      size: "small"
     }),
     onClick: onClick,
     ariaKeyshortcuts: "[ ] Space"

package/dist/esm/ui/toolbar-components.js

@@ -1,5 +1,6 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
-import { INSERT_BLOCK_SECTION, TASK_LIST_GROUP, MEDIA_GROUP, TOOLBAR_RANK, TOOLBARS, INSERT_BLOCK_SECTION_RANK, TASK_LIST_BUTTON, TASK_LIST_GROUP_RANK, MEDIA_BUTTON, MENTION_GROUP, MEDIA_GROUP_RANK, MENTION_BUTTON, MENTION_GROUP_RANK, EMOJI_GROUP, EMOJI_BUTTON, EMOJI_GROUP_RANK, LAYOUT_GROUP, LAYOUT_BUTTON, LAYOUT_GROUP_RANK, TABLE_GROUP_RANK, TABLE_BUTTON, TABLE_GROUP, TABLE_SIZE_PICKER } from '@atlaskit/editor-common/toolbar';
+import { INSERT_BLOCK_SECTION, TASK_LIST_GROUP, MEDIA_GROUP, INSERT_BLOCK_SECTION_RANK, TASK_LIST_BUTTON, TASK_LIST_GROUP_RANK, MEDIA_BUTTON, MENTION_GROUP, MEDIA_GROUP_RANK, MENTION_BUTTON, MENTION_GROUP_RANK, EMOJI_GROUP, EMOJI_BUTTON, EMOJI_GROUP_RANK, LAYOUT_GROUP, LAYOUT_BUTTON, LAYOUT_GROUP_RANK, TABLE_GROUP_RANK, TABLE_BUTTON, TABLE_GROUP, TABLE_SIZE_PICKER } from '@atlaskit/editor-common/toolbar';
 import { EmojiButton } from './toolbar-components/EmojiButton';
 import { ImageButton } from './toolbar-components/ImageButton';
 import { LayoutButton } from './toolbar-components/LayoutButton';
@@ -10,16 +11,9 @@ import { TableSizePicker } from './toolbar-components/TableSizePicker';
 import { TaskListButton } from './toolbar-components/TaskListButton';
 export var getToolbarComponents = function getToolbarComponents(_ref) {
   var api = _ref.api,
-    tableSelectorSupported = _ref.tableSelectorSupported;
-  return [{
-    type: INSERT_BLOCK_SECTION.type,
-    key: INSERT_BLOCK_SECTION.key,
-    parents: [{
-      type: 'toolbar',
-      key: TOOLBARS.PRIMARY_TOOLBAR,
-      rank: TOOLBAR_RANK[INSERT_BLOCK_SECTION.key]
-    }]
-  }, {
+    tableSelectorSupported = _ref.tableSelectorSupported,
+    toolbarShowPlusInsertOnly = _ref.toolbarShowPlusInsertOnly;
+  return _toConsumableArray(toolbarShowPlusInsertOnly ? [] : [{
     type: TASK_LIST_GROUP.type,
     key: TASK_LIST_GROUP.key,
     parents: [{
@@ -161,5 +155,5 @@ export var getToolbarComponents = function getToolbarComponents(_ref) {
         tableSelectorSupported: tableSelectorSupported
       });
     }
-  }];
+  }]);
 };

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

@@ -69,6 +69,14 @@ export interface InsertBlockPluginOptions {
     showElementBrowserLink?: boolean;
     tableSelectorSupported?: boolean;
     appearance?: EditorAppearance;
+    /**
+     * To hide the individual insert block buttons in the toolbar
+     * and only show the plus button
+     * @default undefined Shows the insert block buttons and the plus button
+     *
+     * Only applies when platform_editor_toolbar_aifc is enabled
+     */
+    toolbarShowPlusInsertOnly?: boolean;
 }
 /**
  * @private

package/dist/types/ui/toolbar-components.d.ts

@@ -4,6 +4,7 @@ import type { InsertBlockPlugin } from '../insertBlockPluginType';
 type GetToolbarComponentsProps = {
     api?: ExtractInjectionAPI<InsertBlockPlugin>;
     tableSelectorSupported?: boolean;
+    toolbarShowPlusInsertOnly?: boolean;
 };
-export declare const getToolbarComponents: ({ api, tableSelectorSupported, }: GetToolbarComponentsProps) => RegisterComponent[];
+export declare const getToolbarComponents: ({ api, tableSelectorSupported, toolbarShowPlusInsertOnly, }: GetToolbarComponentsProps) => RegisterComponent[];
 export {};

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

@@ -69,6 +69,14 @@ export interface InsertBlockPluginOptions {
     showElementBrowserLink?: boolean;
     tableSelectorSupported?: boolean;
     appearance?: EditorAppearance;
+    /**
+     * To hide the individual insert block buttons in the toolbar
+     * and only show the plus button
+     * @default undefined Shows the insert block buttons and the plus button
+     *
+     * Only applies when platform_editor_toolbar_aifc is enabled
+     */
+    toolbarShowPlusInsertOnly?: boolean;
 }
 /**
  * @private

package/dist/types-ts4.5/ui/toolbar-components.d.ts

@@ -4,6 +4,7 @@ import type { InsertBlockPlugin } from '../insertBlockPluginType';
 type GetToolbarComponentsProps = {
     api?: ExtractInjectionAPI<InsertBlockPlugin>;
     tableSelectorSupported?: boolean;
+    toolbarShowPlusInsertOnly?: boolean;
 };
-export declare const getToolbarComponents: ({ api, tableSelectorSupported, }: GetToolbarComponentsProps) => RegisterComponent[];
+export declare const getToolbarComponents: ({ api, tableSelectorSupported, toolbarShowPlusInsertOnly, }: GetToolbarComponentsProps) => RegisterComponent[];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "4.2.2",
+	"version": "4.3.1",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,7 +38,7 @@
 		"@atlaskit/editor-plugin-code-block": "^5.0.0",
 		"@atlaskit/editor-plugin-connectivity": "^3.1.0",
 		"@atlaskit/editor-plugin-date": "^5.1.0",
-		"@atlaskit/editor-plugin-emoji": "^4.2.0",
+		"@atlaskit/editor-plugin-emoji": "^4.3.0",
 		"@atlaskit/editor-plugin-expand": "^4.2.0",
 		"@atlaskit/editor-plugin-extension": "^6.1.0",
 		"@atlaskit/editor-plugin-feature-flags": "^2.0.0",
@@ -56,7 +56,7 @@
 		"@atlaskit/editor-plugin-rule": "^3.0.0",
 		"@atlaskit/editor-plugin-status": "^4.1.0",
 		"@atlaskit/editor-plugin-table": "^12.2.0",
-		"@atlaskit/editor-plugin-tasks-and-decisions": "^6.3.0",
+		"@atlaskit/editor-plugin-tasks-and-decisions": "^6.4.0",
 		"@atlaskit/editor-plugin-toolbar": "^0.3.0",
 		"@atlaskit/editor-plugin-type-ahead": "^3.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
@@ -65,12 +65,12 @@
 		"@atlaskit/editor-toolbar-model": "^0.1.0",
 		"@atlaskit/emoji": "^69.5.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.12.0",
+		"@atlaskit/icon": "^28.0.0",
 		"@atlaskit/icon-lab": "^5.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.3.0",
+		"@atlaskit/tmp-editor-statsig": "^11.4.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -81,7 +81,7 @@
 		"react-virtualized": "^9.8.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.26.0",
+		"@atlaskit/editor-common": "^107.28.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"