@atlaskit/editor-core 182.0.3 → 182.1.1

package/dist/es2019/plugins/card/ui/LinkToolbarAppearance.js

@@ -1,10 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import PropTypes from 'prop-types';
 import { Fragment } from 'prosemirror-model';
 import React from 'react';
 import nodeNames from '../../../messages';
 import { isSupportedInParent } from '../../../utils/nodes';
 import { messages } from '../messages';
+import { commandWithMetadata } from '@atlaskit/editor-common/card';
 import { changeSelectedCardToLink, setSelectedCardAppearance } from '../pm-plugins/doc';
 import { getButtonGroupOption } from './link-toolbar-button-group-options';
 import { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
@@ -52,7 +54,9 @@ export class LinkToolbarAppearance extends React.Component {
       };
       const options = [{
         title: intl.formatMessage(messages.url),
-        onClick: () => changeSelectedCardToLink(url, url, true)(editorState, view === null || view === void 0 ? void 0 : view.dispatch),
+        onClick: commandWithMetadata(changeSelectedCardToLink(url, url, true), {
+          action: ACTION.CHANGED_TYPE
+        }),
         selected: !currentAppearance,
         testId: 'url-appearance'
       }, {
@@ -77,7 +81,12 @@ export class LinkToolbarAppearance extends React.Component {
       }
       return /*#__PURE__*/React.createElement(LinkToolbarButtonGroup, {
         key: "link-toolbar-button-group",
-        options: options.map(option => getButtonGroupOption(intl, dispatchCommand, option))
+        options: options.map(option => getButtonGroupOption(intl, dispatchCommand, {
+          ...option,
+          onClick: commandWithMetadata(option.onClick, {
+            inputMethod: INPUT_METHOD.FLOATING_TB
+          })
+        }))
       });
     });
   }

package/dist/es2019/plugins/card/utils.js

@@ -2,7 +2,7 @@ import { NodeSelection } from 'prosemirror-state';
 import { Slice, Fragment } from 'prosemirror-model';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { mapChildren } from '../../utils/slice';
-import { isSupportedInParent } from '../..//utils/nodes';
+import { isSupportedInParent } from '../../utils/nodes';
 export const appearanceForNodeType = spec => {
   if (spec.name === 'inlineCard') {
     return 'inline';
@@ -13,7 +13,11 @@ export const appearanceForNodeType = spec => {
   }
   return;
 };
-export const selectedCardAppearance = state => state.selection instanceof NodeSelection && appearanceForNodeType(state.selection.node.type);
+export const selectedCardAppearance = state => {
+  if (state.selection instanceof NodeSelection) {
+    return appearanceForNodeType(state.selection.node.type);
+  }
+};
 export const titleUrlPairFromNode = node => {
   const {
     attrs

package/dist/es2019/plugins/extension/context-panel.js

@@ -16,7 +16,7 @@ const areParametersEqual = (firstParameters, secondParameters) => {
   }
   return firstParameters === secondParameters;
 };
-export const getContextPanel = allowAutoSave => state => {
+export const getContextPanel = (allowAutoSave, featureFlags) => state => {
   const nodeWithPos = getSelectedExtension(state, true);
 
   // Adding checks to bail out early
@@ -88,7 +88,8 @@ export const getContextPanel = allowAutoSave => state => {
                 }
               }
               clearEditingContext(editorView.state, editorView.dispatch);
-            }
+            },
+            featureFlags: featureFlags
           });
         }
       });

package/dist/es2019/plugins/extension/index.js

@@ -4,45 +4,49 @@ import keymapPlugin from './pm-plugins/keymap';
 import { createPlugin as createUniqueIdPlugin } from './pm-plugins/unique-id';
 import { getToolbarConfig } from './toolbar';
 import { getContextPanel } from './context-panel';
-const extensionPlugin = (options = {}) => ({
-  name: 'extension',
-  nodes() {
-    return [{
-      name: 'extension',
-      node: extension
-    }, {
-      name: 'bodiedExtension',
-      node: bodiedExtension
-    }, {
-      name: 'inlineExtension',
-      node: inlineExtension
-    }];
-  },
-  pmPlugins() {
-    return [{
-      name: 'extension',
-      plugin: ({
-        dispatch,
-        providerFactory,
-        portalProviderAPI,
-        eventDispatcher
-      }) => {
-        const extensionHandlers = options.extensionHandlers || {};
-        return createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, options.useLongPressSelection, {
-          appearance: options.appearance
-        });
-      }
-    }, {
-      name: 'extensionKeymap',
-      plugin: keymapPlugin
-    }, {
-      name: 'extensionUniqueId',
-      plugin: () => createUniqueIdPlugin()
-    }];
-  },
-  pluginsOptions: {
-    floatingToolbar: getToolbarConfig(options.breakoutEnabled),
-    contextPanel: getContextPanel(options.allowAutoSave)
-  }
-});
+const extensionPlugin = (options = {}, api) => {
+  var _api$dependencies, _api$dependencies$fea;
+  const featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
+  return {
+    name: 'extension',
+    nodes() {
+      return [{
+        name: 'extension',
+        node: extension
+      }, {
+        name: 'bodiedExtension',
+        node: bodiedExtension
+      }, {
+        name: 'inlineExtension',
+        node: inlineExtension
+      }];
+    },
+    pmPlugins() {
+      return [{
+        name: 'extension',
+        plugin: ({
+          dispatch,
+          providerFactory,
+          portalProviderAPI,
+          eventDispatcher
+        }) => {
+          const extensionHandlers = options.extensionHandlers || {};
+          return createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, options.useLongPressSelection, {
+            appearance: options.appearance
+          });
+        }
+      }, {
+        name: 'extensionKeymap',
+        plugin: keymapPlugin
+      }, {
+        name: 'extensionUniqueId',
+        plugin: () => createUniqueIdPlugin()
+      }];
+    },
+    pluginsOptions: {
+      floatingToolbar: getToolbarConfig(options.breakoutEnabled),
+      contextPanel: getContextPanel(options.allowAutoSave, featureFlags)
+    }
+  };
+};
 export default extensionPlugin;

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

@@ -61,6 +61,17 @@ const messages = defineMessages({
     description: 'Name of a feature, which let you insert items quickly.'
   }
 });
+const navigationKeymaps = ({
+  formatMessage
+}) => [{
+  name: formatMessage(toolbarMessages.navigateToEditorToolbar),
+  type: 'navigation',
+  keymap: () => keymaps.navToEditorToolbar
+}, {
+  name: formatMessage(toolbarMessages.navigateToFloatingToolbar),
+  type: 'navigation',
+  keymap: () => keymaps.navToFloatingToolbar
+}];
 export const formatting = ({
   formatMessage
 }) => [{
@@ -293,7 +304,7 @@ const getKeyParts = keymap => {
 };
 export const getSupportedFormatting = (schema, intl, imageEnabled, quickInsertEnabled) => {
   const supportedBySchema = formatting(intl).filter(format => schema.nodes[format.type] || schema.marks[format.type]);
-  return [...supportedBySchema, ...(imageEnabled ? [imageAutoFormat] : []), ...(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), ...otherFormatting(intl)];
+  return [...navigationKeymaps(intl), ...supportedBySchema, ...(imageEnabled ? [imageAutoFormat] : []), ...(quickInsertEnabled ? [quickInsertAutoFormat(intl)] : []), ...otherFormatting(intl)];
 };
 export const getComponentFromKeymap = keymap => {
   const keyParts = getKeyParts(keymap);
@@ -312,6 +323,11 @@ export const getComponentFromKeymap = keymap => {
         css: codeMd,
         key: `${keyParts}-${index}`
       }, part);
+    } else if (['f9', 'f10'].indexOf(part.toLowerCase()) >= 0) {
+      return jsx("span", {
+        css: codeLg,
+        key: `${keyParts}-${index}`
+      }, part);
     }
     return jsx("span", {
       css: codeSm,

package/dist/es2019/plugins/hyperlink/Toolbar.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { stateKey } from './pm-plugins/main';
 import { removeLink, editInsertedLink, updateLink, insertLinkWithAnalytics } from './commands';
 import HyperlinkAddToolbar from './ui/HyperlinkAddToolbar';
+import { commandWithMetadata } from '@atlaskit/editor-common/card';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
@@ -10,7 +11,7 @@ import { linkToolbarMessages as linkToolbarCommonMessages, linkMessages } from '
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '../../ui/LinkSearch/ToolbarComponents';
 import { HyperlinkToolbarAppearance } from './HyperlinkToolbarAppearance';
-import { addAnalytics, ACTION_SUBJECT_ID } from '../analytics';
+import { addAnalytics, ACTION_SUBJECT_ID, ACTION, INPUT_METHOD } from '../analytics';
 import { buildVisitedLinkPayload, buildOpenedSettingsPayload } from '../../utils/linking-utils';
 /* type guard for edit links */
 function isEditLink(linkMark) {
@@ -151,7 +152,9 @@ export const getToolbarConfig = (options, featureFlags) => (state, intl, provide
             }, {
               id: 'editor.link.unlink',
               type: 'button',
-              onClick: removeLink(pos),
+              onClick: commandWithMetadata(removeLink(pos), {
+                inputMethod: INPUT_METHOD.FLOATING_TB
+              }),
               selected: false,
               title: labelUnlink,
               icon: UnlinkIcon,
@@ -202,9 +205,15 @@ export const getToolbarConfig = (options, featureFlags) => (state, intl, provide
                   displayText: displayText || '',
                   providerFactory: providerFactory,
                   onCancel: () => view.focus(),
-                  onSubmit: (href, title = '', displayText, inputMethod) => {
+                  onSubmit: (href, title = '', displayText, inputMethod, analytic) => {
                     var _options$cardOptions;
-                    isEditLink(activeLinkMark) ? updateLink(href, displayText || title, activeLinkMark.pos)(view.state, view.dispatch) : insertLinkWithAnalytics(inputMethod, activeLinkMark.from, activeLinkMark.to, href, title, displayText, !!(options !== null && options !== void 0 && (_options$cardOptions = options.cardOptions) !== null && _options$cardOptions !== void 0 && _options$cardOptions.provider))(view.state, view.dispatch);
+                    const isEdit = isEditLink(activeLinkMark);
+                    const action = isEdit ? ACTION.UPDATED : ACTION.INSERTED;
+                    const command = isEdit ? commandWithMetadata(updateLink(href, displayText || title, activeLinkMark.pos), {
+                      action,
+                      sourceEvent: analytic
+                    }) : insertLinkWithAnalytics(inputMethod, activeLinkMark.from, activeLinkMark.to, href, title, displayText, !!(options !== null && options !== void 0 && (_options$cardOptions = options.cardOptions) !== null && _options$cardOptions !== void 0 && _options$cardOptions.provider), analytic);
+                    command(view.state, view.dispatch, view);
                     view.focus();
                   }
                 });

package/dist/es2019/plugins/hyperlink/commands.js

@@ -1,3 +1,4 @@
+import { commandWithMetadata } from '@atlaskit/editor-common/card';
 import { normalizeUrl } from './utils';
 import { stateKey, LinkAction } from './pm-plugins/main';
 import { Selection } from 'prosemirror-state';
@@ -84,7 +85,7 @@ export function updateLink(href, text, pos, to) {
     return true;
   };
 }
-export function insertLink(from, to, incomingHref, incomingTitle, displayText, source) {
+export function insertLink(from, to, incomingHref, incomingTitle, displayText, source, sourceEvent) {
   return (state, dispatch) => {
     const link = state.schema.marks.link;
     const {
@@ -110,7 +111,7 @@ export function insertLink(from, to, incomingHref, incomingTitle, displayText, s
       }));
       tr.setSelection(Selection.near(tr.doc.resolve(markEnd)));
       if (!displayText || displayText === incomingHref) {
-        queueCardsFromChangedTr(state, tr, source, false);
+        queueCardsFromChangedTr(state, tr, source, ACTION.INSERTED, false, sourceEvent);
       }
       tr.setMeta(stateKey, {
         type: LinkAction.HIDE_TOOLBAR
@@ -129,18 +130,20 @@ export function insertLink(from, to, incomingHref, incomingTitle, displayText, s
     return false;
   };
 }
-export const insertLinkWithAnalytics = (inputMethod, from, to, href, title, displayText, cardsAvailable = false) => {
+export const insertLinkWithAnalytics = (inputMethod, from, to, href, title, displayText, cardsAvailable = false, sourceEvent = undefined) => {
   // If smart cards are available, we send analytics for hyperlinks when a smart link is rejected.
   if (cardsAvailable && !title && !displayText) {
-    return insertLink(from, to, href, title, displayText, inputMethod);
+    return insertLink(from, to, href, title, displayText, inputMethod, sourceEvent);
   }
-  return withAnalytics(getLinkCreationAnalyticsEvent(inputMethod, href))(insertLink(from, to, href, title, displayText, inputMethod));
+  return withAnalytics(getLinkCreationAnalyticsEvent(inputMethod, href))(insertLink(from, to, href, title, displayText, inputMethod, sourceEvent));
 };
 export const insertLinkWithAnalyticsMobileNative = (inputMethod, from, to, href, title, displayText) => {
   return withAnalytics(getLinkCreationAnalyticsEvent(inputMethod, href))(insertLink(from, to, href, title, displayText, inputMethod));
 };
 export function removeLink(pos) {
-  return setLinkHref('', pos);
+  return commandWithMetadata(setLinkHref('', pos), {
+    action: ACTION.UNLINK
+  });
 }
 export function editInsertedLink() {
   return (state, dispatch) => {

package/dist/es2019/plugins/hyperlink/pm-plugins/input-rule.js

@@ -1,3 +1,4 @@
+import { addLinkMetadata } from '@atlaskit/editor-common/card';
 import { createRule, createPlugin } from '../../../utils/input-rules';
 import { findFilepaths, isLinkInMatches, LinkMatcher, normalizeUrl } from '../utils';
 import { INPUT_METHOD, addAnalytics } from '../../analytics';
@@ -39,6 +40,9 @@ export function createLinkInputRule(regexp, skipAnalytics = false) {
     if (to === end) {
       tr.insertText(' ');
     }
+    addLinkMetadata(state.selection, tr, {
+      inputMethod: INPUT_METHOD.AUTO_DETECT
+    });
     if (skipAnalytics) {
       return tr;
     }

package/dist/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/index.js

@@ -15,8 +15,8 @@ const onSubmitInterface = onSubmit => ({
   displayText,
   rawUrl,
   meta
-}) => {
-  onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? INPUT_METHOD.MANUAL : INPUT_METHOD.TYPEAHEAD);
+}, analytic) => {
+  onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? INPUT_METHOD.MANUAL : INPUT_METHOD.TYPEAHEAD, analytic);
 };
 export default class HyperlinkAddToolbar extends React.PureComponent {
   render() {

package/dist/es2019/plugins/index.js

@@ -50,7 +50,6 @@ export { default as customAutoformatPlugin } from './custom-autoformat';
 export { default as feedbackDialogPlugin } from './feedback-dialog';
 export { default as historyPlugin } from './history';
 export { default as captionPlugin } from './caption';
-export { default as featureFlagsContextPlugin } from './feature-flags-context';
 export { default as expandPlugin, isExpandInsertionEnabled } from './expand';
 export { default as scrollIntoViewPlugin } from './scroll-into-view';
 export { default as mobileDimensionsPlugin } from './mobile-dimensions';

package/dist/es2019/plugins/insert-block/index.js

@@ -39,96 +39,101 @@ const toolbarSizeToButtons = toolbarSize => {
 function handleInsertBlockType(name) {
   return insertBlockTypesWithAnalytics(name, INPUT_METHOD.TOOLBAR);
 }
-const insertBlockPlugin = (options = {}) => ({
-  name: 'insertBlock',
-  primaryToolbarComponent({
-    editorView,
-    editorActions,
-    dispatchAnalyticsEvent,
-    providerFactory,
-    popupsMountPoint,
-    popupsBoundariesElement,
-    popupsScrollableElement,
-    toolbarSize,
-    disabled,
-    isToolbarReducedSpacing,
-    isLastItem
-  }) {
-    const buttons = toolbarSizeToButtons(toolbarSize);
-    const renderNode = providers => {
-      return /*#__PURE__*/React.createElement(WithPluginState, {
-        plugins: {
-          typeAheadState: typeAheadPluginKey,
-          blockTypeState: blockTypeStateKey,
-          mediaState: mediaStateKey,
-          mentionState: mentionPluginKey,
-          macroState: macroStateKey,
-          hyperlinkState: hyperlinkPluginKey,
-          emojiState: emojiPluginKey,
-          dateState: dateStateKey,
-          imageUpload: imageUploadStateKey,
-          placeholderTextState: placeholderTextStateKey,
-          layoutState: layoutStateKey
-        },
-        render: ({
-          mentionState,
-          blockTypeState,
-          mediaState,
-          macroState = {},
-          hyperlinkState,
-          emojiState,
-          dateState,
-          imageUpload,
-          placeholderTextState,
-          layoutState
-        }) => /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
-          insertNodeAPI: options.insertNodeAPI,
-          buttons: buttons,
-          isReducedSpacing: isToolbarReducedSpacing,
-          isDisabled: disabled,
-          isTypeAheadAllowed: isTypeAheadAllowed(editorView.state),
-          editorView: editorView,
-          tableSupported: !!editorView.state.schema.nodes.table,
-          actionSupported: !!editorView.state.schema.nodes.taskItem,
-          mentionsSupported: !!(mentionState && mentionState.mentionProvider),
-          decisionSupported: !!editorView.state.schema.nodes.decisionItem,
-          dateEnabled: !!dateState,
-          placeholderTextEnabled: placeholderTextState && placeholderTextState.allowInserting,
-          layoutSectionEnabled: !!layoutState,
-          expandEnabled: !!options.allowExpand,
-          mediaUploadsEnabled: mediaState && mediaState.allowsUploads,
-          onShowMediaPicker: mediaState && mediaState.showMediaPicker,
-          mediaSupported: !!mediaState,
-          imageUploadSupported: !!imageUpload,
-          imageUploadEnabled: imageUpload && imageUpload.enabled,
-          handleImageUpload: startImageUpload,
-          availableWrapperBlockTypes: blockTypeState && blockTypeState.availableWrapperBlockTypes,
-          linkSupported: !!hyperlinkState,
-          linkDisabled: !hyperlinkState || !hyperlinkState.canInsertLink || !!hyperlinkState.activeLinkMark,
-          emojiDisabled: !emojiState || !emojiState.emojiProvider,
-          emojiProvider: providers.emojiProvider,
-          nativeStatusSupported: options.nativeStatusSupported,
-          horizontalRuleEnabled: options.horizontalRuleEnabled,
-          onInsertBlockType: handleInsertBlockType,
-          onInsertMacroFromMacroBrowser: insertMacroFromMacroBrowser,
-          macroProvider: macroState.macroProvider,
-          popupsMountPoint: popupsMountPoint,
-          popupsBoundariesElement: popupsBoundariesElement,
-          popupsScrollableElement: popupsScrollableElement,
-          insertMenuItems: options.insertMenuItems,
-          editorActions: editorActions,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          replacePlusMenuWithElementBrowser: options.replacePlusMenuWithElementBrowser,
-          showElementBrowserLink: options.showElementBrowserLink,
-          showSeparator: !isLastItem && toolbarSize <= ToolbarSize.S
-        })
+const insertBlockPlugin = (options = {}, api) => {
+  var _api$dependencies, _api$dependencies$fea;
+  const featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
+  return {
+    name: 'insertBlock',
+    primaryToolbarComponent({
+      editorView,
+      editorActions,
+      dispatchAnalyticsEvent,
+      providerFactory,
+      popupsMountPoint,
+      popupsBoundariesElement,
+      popupsScrollableElement,
+      toolbarSize,
+      disabled,
+      isToolbarReducedSpacing,
+      isLastItem
+    }) {
+      const buttons = toolbarSizeToButtons(toolbarSize);
+      const renderNode = providers => {
+        return /*#__PURE__*/React.createElement(WithPluginState, {
+          plugins: {
+            typeAheadState: typeAheadPluginKey,
+            blockTypeState: blockTypeStateKey,
+            mediaState: mediaStateKey,
+            mentionState: mentionPluginKey,
+            macroState: macroStateKey,
+            hyperlinkState: hyperlinkPluginKey,
+            emojiState: emojiPluginKey,
+            dateState: dateStateKey,
+            imageUpload: imageUploadStateKey,
+            placeholderTextState: placeholderTextStateKey,
+            layoutState: layoutStateKey
+          },
+          render: ({
+            mentionState,
+            blockTypeState,
+            mediaState,
+            macroState = {},
+            hyperlinkState,
+            emojiState,
+            dateState,
+            imageUpload,
+            placeholderTextState,
+            layoutState
+          }) => /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
+            insertNodeAPI: options.insertNodeAPI,
+            buttons: buttons,
+            isReducedSpacing: isToolbarReducedSpacing,
+            isDisabled: disabled,
+            isTypeAheadAllowed: isTypeAheadAllowed(editorView.state),
+            editorView: editorView,
+            tableSupported: !!editorView.state.schema.nodes.table,
+            actionSupported: !!editorView.state.schema.nodes.taskItem,
+            mentionsSupported: !!(mentionState && mentionState.mentionProvider),
+            decisionSupported: !!editorView.state.schema.nodes.decisionItem,
+            dateEnabled: !!dateState,
+            placeholderTextEnabled: placeholderTextState && placeholderTextState.allowInserting,
+            layoutSectionEnabled: !!layoutState,
+            expandEnabled: !!options.allowExpand,
+            mediaUploadsEnabled: mediaState && mediaState.allowsUploads,
+            onShowMediaPicker: mediaState && mediaState.showMediaPicker,
+            mediaSupported: !!mediaState,
+            imageUploadSupported: !!imageUpload,
+            imageUploadEnabled: imageUpload && imageUpload.enabled,
+            handleImageUpload: startImageUpload,
+            availableWrapperBlockTypes: blockTypeState && blockTypeState.availableWrapperBlockTypes,
+            linkSupported: !!hyperlinkState,
+            linkDisabled: !hyperlinkState || !hyperlinkState.canInsertLink || !!hyperlinkState.activeLinkMark,
+            emojiDisabled: !emojiState || !emojiState.emojiProvider,
+            emojiProvider: providers.emojiProvider,
+            nativeStatusSupported: options.nativeStatusSupported,
+            horizontalRuleEnabled: options.horizontalRuleEnabled,
+            onInsertBlockType: handleInsertBlockType,
+            onInsertMacroFromMacroBrowser: insertMacroFromMacroBrowser,
+            macroProvider: macroState.macroProvider,
+            popupsMountPoint: popupsMountPoint,
+            popupsBoundariesElement: popupsBoundariesElement,
+            popupsScrollableElement: popupsScrollableElement,
+            insertMenuItems: options.insertMenuItems,
+            editorActions: editorActions,
+            dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+            replacePlusMenuWithElementBrowser: options.replacePlusMenuWithElementBrowser,
+            showElementBrowserLink: options.showElementBrowserLink,
+            showSeparator: !isLastItem && toolbarSize <= ToolbarSize.S,
+            featureFlags: featureFlags
+          })
+        });
+      };
+      return /*#__PURE__*/React.createElement(WithProviders, {
+        providerFactory: providerFactory,
+        providers: ['emojiProvider'],
+        renderNode: renderNode
       });
-    };
-    return /*#__PURE__*/React.createElement(WithProviders, {
-      providerFactory: providerFactory,
-      providers: ['emojiProvider'],
-      renderNode: renderNode
-    });
-  }
-});
+    }
+  };
+};
 export default insertBlockPlugin;

package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -256,9 +256,10 @@ export class ToolbarInsertBlock extends React.PureComponent {
         editorView: {
           state,
           dispatch
-        }
+        },
+        featureFlags
       } = this.props;
-      return insertHorizontalRule(inputMethod)(state, dispatch);
+      return insertHorizontalRule(inputMethod, featureFlags)(state, dispatch);
     });
     _defineProperty(this, "insertExpand", () => {
       const {