@atlaskit/editor-core 181.0.1 → 182.0.0

package/dist/es2019/plugins/analytics/plugin.js

@@ -3,10 +3,9 @@ import { isPerformanceAPIAvailable, measureRender } from '@atlaskit/editor-commo
 import { ACTION, EVENT_TYPE } from './types';
 import { analyticsPluginKey } from './plugin-key';
 import { fireAnalyticsEvent, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
-import { getFeatureFlags } from '../feature-flags-context';
 import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
 import { generateUndoRedoInputSoucePayload } from '../undo-redo/undo-redo-input-source';
-function createPlugin(options) {
+function createPlugin(options, featureFlags) {
   if (!options || !options.createAnalyticsEvent) {
     return;
   }
@@ -21,7 +20,6 @@ function createPlugin(options) {
         };
       },
       apply: (tr, pluginState, _, state) => {
-        var _getFeatureFlags;
         if (pluginState.createAnalyticsEvent !== options.createAnalyticsEvent) {
           // When the plugin state is reconfigured, the init function isn't called again
           return {
@@ -29,7 +27,7 @@ function createPlugin(options) {
             createAnalyticsEvent: options.createAnalyticsEvent
           };
         }
-        if ((_getFeatureFlags = getFeatureFlags(state)) !== null && _getFeatureFlags !== void 0 && _getFeatureFlags.catchAllTracking) {
+        if (featureFlags.catchAllTracking) {
           const analyticsEventWithChannel = getAnalyticsEventsFromTransaction(tr);
           if (analyticsEventWithChannel.length > 0) {
             for (const {
@@ -66,47 +64,51 @@ function createPlugin(options) {
     }
   });
 }
-const analyticsPlugin = options => ({
-  name: 'analytics',
-  pmPlugins() {
-    return [{
-      name: 'analyticsPlugin',
-      plugin: () => createPlugin(options)
-    }];
-  },
-  onEditorViewStateUpdated({
-    originalTransaction,
-    transactions,
-    newEditorState
-  }) {
-    const pluginState = analyticsPluginKey.getState(newEditorState);
-    if (!pluginState || !pluginState.createAnalyticsEvent) {
-      return;
-    }
-    const steps = transactions.reduce((acc, tr) => {
-      const payloads = tr.steps.filter(step => step instanceof AnalyticsStep).map(x => x.analyticsEvents).reduce((acc, val) => acc.concat(val), []);
-      acc.push(...payloads);
-      return acc;
-    }, []);
-    if (steps.length === 0) {
-      return;
-    }
-    const {
-      createAnalyticsEvent
-    } = pluginState;
-    const undoAnaltyicsEventTransformer = generateUndoRedoInputSoucePayload(originalTransaction);
-    steps.forEach(({
-      payload,
-      channel
-    }) => {
-      const nextPayload = undoAnaltyicsEventTransformer(payload);
-      fireAnalyticsEvent(createAnalyticsEvent)({
-        payload: nextPayload,
+const analyticsPlugin = (options, api) => {
+  var _api$dependencies$fea;
+  const featureFlags = (api === null || api === 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: 'analytics',
+    pmPlugins() {
+      return [{
+        name: 'analyticsPlugin',
+        plugin: () => createPlugin(options, featureFlags)
+      }];
+    },
+    onEditorViewStateUpdated({
+      originalTransaction,
+      transactions,
+      newEditorState
+    }) {
+      const pluginState = analyticsPluginKey.getState(newEditorState);
+      if (!pluginState || !pluginState.createAnalyticsEvent) {
+        return;
+      }
+      const steps = transactions.reduce((acc, tr) => {
+        const payloads = tr.steps.filter(step => step instanceof AnalyticsStep).map(x => x.analyticsEvents).reduce((acc, val) => acc.concat(val), []);
+        acc.push(...payloads);
+        return acc;
+      }, []);
+      if (steps.length === 0) {
+        return;
+      }
+      const {
+        createAnalyticsEvent
+      } = pluginState;
+      const undoAnaltyicsEventTransformer = generateUndoRedoInputSoucePayload(originalTransaction);
+      steps.forEach(({
+        payload,
         channel
+      }) => {
+        const nextPayload = undoAnaltyicsEventTransformer(payload);
+        fireAnalyticsEvent(createAnalyticsEvent)({
+          payload: nextPayload,
+          channel
+        });
       });
-    });
-  }
-});
+    }
+  };
+};
 export function extendPayload({
   payload,
   duration,

package/dist/es2019/plugins/avatar-group/index.js

@@ -1,24 +1,29 @@
 import React from 'react';
 import AvatarGroupPluginWrapper from './ui/AvatarGroupPluginWrapper';
-const avatarGroup = props => ({
-  name: 'avatarGroup',
-  primaryToolbarComponent({
-    editorView,
-    popupsMountPoint,
-    popupsBoundariesElement,
-    popupsScrollableElement,
-    disabled,
-    isToolbarReducedSpacing,
-    eventDispatcher,
-    dispatchAnalyticsEvent
-  }) {
-    return /*#__PURE__*/React.createElement(AvatarGroupPluginWrapper, {
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      editorView: editorView,
-      eventDispatcher: eventDispatcher,
-      collabEdit: props.collabEdit,
-      takeFullWidth: props.takeFullWidth
-    });
-  }
-});
+const avatarGroup = (props, 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: 'avatarGroup',
+    primaryToolbarComponent({
+      editorView,
+      popupsMountPoint,
+      popupsBoundariesElement,
+      popupsScrollableElement,
+      disabled,
+      isToolbarReducedSpacing,
+      eventDispatcher,
+      dispatchAnalyticsEvent
+    }) {
+      return /*#__PURE__*/React.createElement(AvatarGroupPluginWrapper, {
+        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+        editorView: editorView,
+        eventDispatcher: eventDispatcher,
+        collabEdit: props.collabEdit,
+        takeFullWidth: props.takeFullWidth,
+        featureFlags: featureFlags
+      });
+    }
+  };
+};
 export default avatarGroup;

package/dist/es2019/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js

@@ -20,7 +20,8 @@ const toolbarButtonWrapperFullWidth = css`
 `;
 const AvatarGroupPluginWrapper = props => {
   const {
-    dispatchAnalyticsEvent
+    dispatchAnalyticsEvent,
+    featureFlags
   } = props;
   const intl = useIntl();
   useEffect(() => {
@@ -43,7 +44,8 @@ const AvatarGroupPluginWrapper = props => {
     eventDispatcher: props.eventDispatcher,
     inviteToEditComponent: props.collabEdit && props.collabEdit.inviteToEditComponent,
     inviteToEditHandler: props.collabEdit && props.collabEdit.inviteToEditHandler,
-    isInviteToEditButtonSelected: props.collabEdit && props.collabEdit.isInviteToEditButtonSelected
+    isInviteToEditButtonSelected: props.collabEdit && props.collabEdit.isInviteToEditButtonSelected,
+    featureFlags: featureFlags
   }));
 };
 export default AvatarGroupPluginWrapper;

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

@@ -18,108 +18,112 @@ import frozenEditor from './pm-plugins/frozen-editor';
 import compositionPlugin from './pm-plugins/composition';
 // Chrome >= 88
 export const isChromeWithSelectionBug = browser.chrome && browser.chrome_version >= 88;
-const basePlugin = options => ({
-  name: 'base',
-  pmPlugins() {
-    const plugins = [{
-      name: 'filterStepsPlugin',
-      plugin: ({
-        dispatchAnalyticsEvent
-      }) => filterStepsPlugin(dispatchAnalyticsEvent)
-    }];
+const basePlugin = (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: 'base',
+    pmPlugins() {
+      const plugins = [{
+        name: 'filterStepsPlugin',
+        plugin: ({
+          dispatchAnalyticsEvent
+        }) => filterStepsPlugin(dispatchAnalyticsEvent)
+      }];
 
-    // In Chrome, when the selection is placed between adjacent nodes which are not contenteditatble
-    // the cursor appears at the right most point of the parent container.
-    // In Firefox, when the selection is placed between adjacent nodes which are not contenteditatble
-    // no cursor is presented to users.
-    // In Safari, when the selection is placed between adjacent nodes which are not contenteditatble
-    // it is not possible to navigate with arrow keys.
-    // This plugin works around the issues by inserting decorations between
-    // inline nodes which are set as contenteditable, and have a zero width space.
-    plugins.push({
-      name: 'inlineCursorTargetPlugin',
-      plugin: () => options && options.allowInlineCursorTarget ? inlineCursorTargetPlugin() : undefined
-    });
-    plugins.push({
-      name: 'focusHandlerPlugin',
-      plugin: ({
-        dispatch
-      }) => focusHandlerPlugin(dispatch)
-    }, {
-      name: 'newlinePreserveMarksPlugin',
-      plugin: newlinePreserveMarksPlugin
-    }, {
-      name: 'reactNodeView',
-      plugin: () => reactNodeView
-    }, {
-      name: 'frozenEditor',
-      plugin: ({
-        dispatchAnalyticsEvent
-      }) => {
-        var _options$inputTrackin;
-        return options !== null && options !== void 0 && (_options$inputTrackin = options.inputTracking) !== null && _options$inputTrackin !== void 0 && _options$inputTrackin.enabled || options !== null && options !== void 0 && options.ufo ? frozenEditor(dispatchAnalyticsEvent, options.inputTracking, options.browserFreezeTracking, options.ufo) : undefined;
+      // In Chrome, when the selection is placed between adjacent nodes which are not contenteditatble
+      // the cursor appears at the right most point of the parent container.
+      // In Firefox, when the selection is placed between adjacent nodes which are not contenteditatble
+      // no cursor is presented to users.
+      // In Safari, when the selection is placed between adjacent nodes which are not contenteditatble
+      // it is not possible to navigate with arrow keys.
+      // This plugin works around the issues by inserting decorations between
+      // inline nodes which are set as contenteditable, and have a zero width space.
+      plugins.push({
+        name: 'inlineCursorTargetPlugin',
+        plugin: () => options && options.allowInlineCursorTarget ? inlineCursorTargetPlugin() : undefined
+      });
+      plugins.push({
+        name: 'focusHandlerPlugin',
+        plugin: ({
+          dispatch
+        }) => focusHandlerPlugin(dispatch)
+      }, {
+        name: 'newlinePreserveMarksPlugin',
+        plugin: newlinePreserveMarksPlugin
+      }, {
+        name: 'reactNodeView',
+        plugin: () => reactNodeView
+      }, {
+        name: 'frozenEditor',
+        plugin: ({
+          dispatchAnalyticsEvent
+        }) => {
+          var _options$inputTrackin;
+          return options !== null && options !== void 0 && (_options$inputTrackin = options.inputTracking) !== null && _options$inputTrackin !== void 0 && _options$inputTrackin.enabled || options !== null && options !== void 0 && options.ufo ? frozenEditor(dispatchAnalyticsEvent, options.inputTracking, options.browserFreezeTracking, options.ufo) : undefined;
+        }
+      }, {
+        name: 'decorationPlugin',
+        plugin: () => decorationPlugin()
+      }, {
+        name: 'history',
+        plugin: () => history()
+      },
+      // should be last :(
+      {
+        name: 'codeBlockIndent',
+        plugin: () => keymap({
+          ...baseKeymap,
+          'Mod-[': () => true,
+          'Mod-]': () => true
+        })
+      }, {
+        name: 'contextIdentifier',
+        plugin: ({
+          dispatch,
+          providerFactory
+        }) => contextIdentifierPlugin(dispatch, providerFactory)
+      }, {
+        name: 'betterTypeHistory',
+        plugin: ({
+          dispatch,
+          providerFactory
+        }) => betterTypeHistoryPlugin()
+      });
+      if (options && options.allowScrollGutter) {
+        plugins.push({
+          name: 'scrollGutterPlugin',
+          plugin: () => scrollGutter(options.allowScrollGutter)
+        });
+      }
+      if (isChromeWithSelectionBug) {
+        plugins.push({
+          name: 'fixChrome88SelectionPlugin',
+          plugin: () => fixChrome88SelectionPlugin()
+        });
       }
-    }, {
-      name: 'decorationPlugin',
-      plugin: () => decorationPlugin()
-    }, {
-      name: 'history',
-      plugin: () => history()
-    },
-    // should be last :(
-    {
-      name: 'codeBlockIndent',
-      plugin: () => keymap({
-        ...baseKeymap,
-        'Mod-[': () => true,
-        'Mod-]': () => true
-      })
-    }, {
-      name: 'contextIdentifier',
-      plugin: ({
-        dispatch,
-        providerFactory
-      }) => contextIdentifierPlugin(dispatch, providerFactory)
-    }, {
-      name: 'betterTypeHistory',
-      plugin: ({
-        dispatch,
-        providerFactory
-      }) => betterTypeHistoryPlugin()
-    });
-    if (options && options.allowScrollGutter) {
       plugins.push({
-        name: 'scrollGutterPlugin',
-        plugin: () => scrollGutter(options.allowScrollGutter)
+        name: 'disableSpellcheckingPlugin',
+        plugin: () => disableSpellcheckingPlugin(featureFlags)
       });
-    }
-    if (isChromeWithSelectionBug) {
       plugins.push({
-        name: 'fixChrome88SelectionPlugin',
-        plugin: () => fixChrome88SelectionPlugin()
+        name: 'compositionPlugin',
+        plugin: () => compositionPlugin()
       });
+      return plugins;
+    },
+    nodes() {
+      return [{
+        name: 'doc',
+        node: doc
+      }, {
+        name: 'paragraph',
+        node: paragraph
+      }, {
+        name: 'text',
+        node: text
+      }];
     }
-    plugins.push({
-      name: 'disableSpellcheckingPlugin',
-      plugin: () => disableSpellcheckingPlugin()
-    });
-    plugins.push({
-      name: 'compositionPlugin',
-      plugin: () => compositionPlugin()
-    });
-    return plugins;
-  },
-  nodes() {
-    return [{
-      name: 'doc',
-      node: doc
-    }, {
-      name: 'paragraph',
-      node: paragraph
-    }, {
-      name: 'text',
-      node: text
-    }];
-  }
-});
+  };
+};
 export default basePlugin;

package/dist/es2019/plugins/base/pm-plugins/disable-spell-checking.js

@@ -1,6 +1,5 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
-import { getFeatureFlags } from '../../feature-flags-context';
 import { browser as browserEnv } from '@atlaskit/editor-common/utils';
 function getCurrentBrowserAndVersion() {
   switch (true) {
@@ -27,11 +26,10 @@ function getCurrentBrowserAndVersion() {
   }
   return undefined;
 }
-export default (() => new SafePlugin({
+export default (featureFlags => new SafePlugin({
   key: new PluginKey('disableSpellchecking'),
   props: {
     attributes: editorState => {
-      const featureFlags = getFeatureFlags(editorState) || undefined;
       if (!featureFlags) {
         return;
       }

package/dist/es2019/plugins/block-type/ui/ToolbarBlockType/blocktype-button.js

@@ -38,10 +38,5 @@ export const BlockTypeButton = props => {
     })))
   }, !props.isSmall && jsx("span", {
     css: [buttonContentStyle, props.isReducedSpacing && buttonContentReducedSpacingStyle]
-  }, jsx(FormattedMessage, props.title || NORMAL_TEXT.title), jsx("div", {
-    style: {
-      overflow: 'hidden',
-      height: 0
-    }
-  }, props.children)));
+  }, jsx(FormattedMessage, props.title || NORMAL_TEXT.title)));
 };

package/dist/es2019/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -6,7 +6,6 @@ import { injectIntl } from 'react-intl-next';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import DropdownMenu from '../../../../ui/DropdownMenu';
 import { separatorStyles, wrapperStyle } from '../../../../ui/styles';
-import { NORMAL_TEXT } from '../../types';
 import { blockTypeMenuItemStyle, keyboardShortcut, keyboardShortcutSelect } from './styled';
 import { tooltip, findKeymapByDescription } from '../../../../keymaps';
 import { BlockTypeButton } from './blocktype-button';
@@ -113,10 +112,6 @@ class ToolbarBlockType extends React.PureComponent {
       return null;
     }
     const blockTypeTitles = availableBlockTypes.filter(blockType => blockType.name === currentBlockType.name).map(blockType => blockType.title);
-    const longestDropdownMenuItem = [NORMAL_TEXT, ...availableBlockTypes].reduce((longest, item) => {
-      const itemTitle = formatMessage(item.title);
-      return itemTitle.length >= longest.length ? itemTitle : longest;
-    }, '');
     if (!this.props.isDisabled && !blockTypesDisabled) {
       const items = this.createItems();
       return jsx("span", {
@@ -152,7 +147,7 @@ class ToolbarBlockType extends React.PureComponent {
         onKeyDown: this.handleTriggerByKeyboard,
         formatMessage: formatMessage,
         "aria-expanded": active
-      }, longestDropdownMenuItem)), jsx("span", {
+      })), jsx("span", {
         css: separatorStyles
       }));
     }
@@ -168,7 +163,7 @@ class ToolbarBlockType extends React.PureComponent {
       onKeyDown: this.handleTriggerByKeyboard,
       formatMessage: formatMessage,
       "aria-expanded": active
-    }, longestDropdownMenuItem), jsx("span", {
+    }), jsx("span", {
       css: separatorStyles
     }));
   }

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

@@ -0,0 +1,11 @@
+import { border } from '@atlaskit/adf-schema';
+const borderPlugin = () => ({
+  name: 'border',
+  marks() {
+    return [{
+      name: 'border',
+      mark: border
+    }];
+  }
+});
+export default borderPlugin;

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

@@ -4,7 +4,9 @@ import { createPlugin } from './pm-plugins/main';
 import { floatingToolbar } from './toolbar';
 import { EditorSmartCardEvents } from './ui/EditorSmartCardEvents';
 import { cardKeymap } from './pm-plugins/keymap';
-const cardPlugin = options => {
+const cardPlugin = (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: 'card',
     nodes() {
@@ -55,7 +57,7 @@ const cardPlugin = options => {
       });
     },
     pluginsOptions: {
-      floatingToolbar: floatingToolbar(options, options.platform, options.linkPicker)
+      floatingToolbar: floatingToolbar(options, featureFlags, options.platform, options.linkPicker)
     }
   };
 };

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

@@ -20,7 +20,6 @@ import { messages } from './messages';
 import buildLayoutButtons from '../../ui/MediaAndEmbedsToolbar';
 import { buildOpenedSettingsPayload, buildVisitedLinkPayload } from '../../utils/linking-utils';
 import { FLOATING_TOOLBAR_LINKPICKER_CLASSNAME } from './styles';
-import { getFeatureFlags } from '../feature-flags-context';
 export const removeCard = (state, dispatch) => {
   if (!(state.selection instanceof NodeSelection)) {
     return false;
@@ -73,9 +72,8 @@ export const openLinkSettings = (state, dispatch) => {
   }
   return true;
 };
-export const floatingToolbar = (cardOptions, platform, linkPickerOptions) => {
+export const floatingToolbar = (cardOptions, featureFlags, platform, linkPickerOptions) => {
   return (state, intl, providerFactory) => {
-    var _linkPickerOptions$pl;
     const {
       inlineCard,
       blockCard,
@@ -107,9 +105,9 @@ export const floatingToolbar = (cardOptions, platform, linkPickerOptions) => {
       lpLinkPicker,
       lpLinkPickerFocusTrap,
       preventPopupOverflow
-    } = getFeatureFlags(state);
+    } = featureFlags;
     const shouldEnableFocusTrap = lpLinkPicker && lpLinkPickerFocusTrap;
-    const isLinkPickerEnabled = !!lpLinkPicker && !!(linkPickerOptions !== null && linkPickerOptions !== void 0 && (_linkPickerOptions$pl = linkPickerOptions.plugins) !== null && _linkPickerOptions$pl !== void 0 && _linkPickerOptions$pl.length);
+    const isLinkPickerEnabled = !!lpLinkPicker;
     return {
       title: intl.formatMessage(messages.card),
       className,
@@ -126,7 +124,7 @@ export const floatingToolbar = (cardOptions, platform, linkPickerOptions) => {
         }
         return element;
       },
-      items: generateToolbarItems(state, intl, providerFactory, cardOptions, platform, linkPickerOptions),
+      items: generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPickerOptions),
       scrollable: pluginState.showLinkingToolbar ? false : true,
       focusTrap: shouldEnableFocusTrap && pluginState.showLinkingToolbar,
       ...editLinkToolbarConfig(pluginState.showLinkingToolbar, isLinkPickerEnabled)
@@ -144,7 +142,7 @@ const unlinkCard = (node, state) => {
 const buildAlignmentOptions = (state, intl) => {
   return buildLayoutButtons(state, intl, state.schema.nodes.embedCard, true, true);
 };
-const generateToolbarItems = (state, intl, providerFactory, cardOptions, platform, linkPicker) => node => {
+const generateToolbarItems = (state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker) => node => {
   const {
     url
   } = titleUrlPairFromNode(node);
@@ -168,7 +166,8 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, platfor
     return [buildEditLinkToolbar({
       providerFactory,
       linkPicker,
-      node
+      node,
+      featureFlags
     })];
   } else {
     const {
@@ -204,7 +203,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, platfor
       }, {
         type: 'separator'
       }]
-    }, ...getSettingsButtonGroup(state, intl), {
+    }, ...getSettingsButtonGroup(state, featureFlags, intl), {
       id: 'editor.link.delete',
       focusEditoronEnter: true,
       type: 'button',
@@ -267,10 +266,10 @@ const getUnlinkButtonGroup = (state, intl, node, inlineCard) => {
     type: 'separator'
   }] : [];
 };
-const getSettingsButtonGroup = (state, intl) => {
+const getSettingsButtonGroup = (state, featureFlags, intl) => {
   const {
     floatingToolbarLinkSettingsButton
-  } = getFeatureFlags(state);
+  } = featureFlags;
   return floatingToolbarLinkSettingsButton === 'true' ? [{
     id: 'editor.link.settings',
     type: 'button',

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

@@ -45,6 +45,7 @@ export class EditLinkToolbar extends React.Component {
       url,
       text,
       view,
+      featureFlags,
       onSubmit
     } = this.props;
     return /*#__PURE__*/React.createElement(HyperLinkToolbarWithListeners, {
@@ -58,6 +59,7 @@ export class EditLinkToolbar extends React.Component {
       // via the floating toolbar
       ,
       invokeMethod: INPUT_METHOD.FLOATING_TB,
+      featureFlags: featureFlags,
       onSubmit: (href, title, displayText) => {
         this.hideLinkToolbar();
         if (onSubmit) {
@@ -81,7 +83,8 @@ export const editLink = (state, dispatch) => {
 export const buildEditLinkToolbar = ({
   providerFactory,
   node,
-  linkPicker
+  linkPicker,
+  featureFlags
 }) => {
   return {
     type: 'custom',
@@ -100,6 +103,7 @@ export const buildEditLinkToolbar = ({
         url: displayInfo.url,
         text: displayInfo.title || '',
         node: node,
+        featureFlags: featureFlags,
         onSubmit: (newHref, newText) => {
           const urlChanged = newHref !== displayInfo.url;
           const titleChanged = newText !== displayInfo.title;
@@ -118,9 +122,9 @@ export const buildEditLinkToolbar = ({
     }
   };
 };
-export const editLinkToolbarConfig = (showLinkingToolbar, linkPickerOptions) => {
+export const editLinkToolbarConfig = (showLinkingToolbar, lpLinkPicker) => {
   return showLinkingToolbar ? {
-    height: linkPickerOptions ? LINKPICKER_HEIGHT_IN_PX : RECENT_SEARCH_HEIGHT_IN_PX,
+    height: lpLinkPicker ? LINKPICKER_HEIGHT_IN_PX : RECENT_SEARCH_HEIGHT_IN_PX,
     width: RECENT_SEARCH_WIDTH_IN_PX,
     forcePlacement: true
   } : {};

package/dist/es2019/plugins/code-block/toolbar.js

@@ -4,7 +4,7 @@ import CopyIcon from '@atlaskit/icon/glyph/copy';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { removeCodeBlock, changeLanguage, copyContentToClipboard, resetCopiedState } from './actions';
 import commonMessages from '../../messages';
-import { codeBlockCopyButtonMessages } from '@atlaskit/editor-common/messages';
+import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
 import { provideVisualFeedbackForCopyButton, removeVisualFeedbackForCopyButton } from './pm-plugins/codeBlockCopySelectionPlugin';
 import { hoverDecoration } from '../base/pm-plugins/decoration';
 import { pluginKey } from './plugin-key';
@@ -61,7 +61,7 @@ export const getToolbarConfig = (allowCopyToClipboard = false) => (state, {
     // note: copyContentToClipboard contains logic that also removes the
     // visual feedback for the copy button
     onClick: copyContentToClipboard,
-    title: formatMessage(codeBlockState.contentCopied ? codeBlockCopyButtonMessages.copiedCodeToClipboard : codeBlockCopyButtonMessages.copyCodeToClipboard),
+    title: formatMessage(codeBlockState.contentCopied ? codeBlockButtonMessages.copiedCodeToClipboard : codeBlockButtonMessages.copyCodeToClipboard),
     onMouseEnter: provideVisualFeedbackForCopyButton,
     // note: resetCopiedState contains logic that also removes the
     // visual feedback for the copy button