@atlaskit/editor-core 181.0.1 → 182.0.1

package/dist/esm/create-editor/sort-by-order.js

@@ -3,4 +3,15 @@ export function sortByOrder(item) {
   return function (a, b) {
     return Ranks[item].indexOf(a.name) - Ranks[item].indexOf(b.name);
   };
+}
+
+// while functionally the same, in order to avoid potentially rewriting the ~10
+// existing implementations of the above function I decided creating a separate
+// function avoided that whole mess. If someone can think of a better way to implement
+// the above and below into a single function please do so
+
+export function sortByOrderWithTypeName(item) {
+  return function (a, b) {
+    return Ranks[item].indexOf(a.type.name) - Ranks[item].indexOf(b.type.name);
+  };
 }

package/dist/esm/editor-next/editor-migration-component.js

@@ -3,6 +3,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -10,6 +11,7 @@ import React from 'react';
 import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
 import Editor from '../editor';
 import EditorNext from './index';
+import { defaultProps } from './utils/editorPropTypes';
 import useUniversalPreset from '../labs/next/presets/useUniversalPreset';
 var EditorNextWrapper = function EditorNextWrapper(_ref) {
   var props = _ref.props;
@@ -41,4 +43,5 @@ var EditorMigrationComponent = /*#__PURE__*/function (_React$Component) {
   }]);
   return EditorMigrationComponent;
 }(React.Component);
+_defineProperty(EditorMigrationComponent, "defaultProps", defaultProps);
 export { EditorMigrationComponent as default };

package/dist/esm/editor-next/utils/deprecationWarnings.js

@@ -1,6 +1,5 @@
 import { nextMajorVersion } from '../../version-wrapper';
 export default function deprecationWarnings(props) {
-  var _props$allowTextColor;
   if (process.env.NODE_ENV === 'production') {
     return;
   }
@@ -32,8 +31,4 @@ export default function deprecationWarnings(props) {
     // eslint-disable-next-line no-console
     console.warn("Advanced table options are deprecated (except isHeaderRowRequired) to continue using advanced table features use - <Editor allowTables={{ advanced: true }} /> [Will be changed in editor-core@".concat(nextVersion, "]"));
   }
-  if (props.hasOwnProperty('allowTextColor') && typeof props.allowTextColor !== 'boolean' && (props === null || props === void 0 ? void 0 : (_props$allowTextColor = props.allowTextColor) === null || _props$allowTextColor === void 0 ? void 0 : _props$allowTextColor.allowMoreTextColors) !== undefined) {
-    // eslint-disable-next-line no-console
-    console.warn("\"allowMoreTextColors\" field of \"allowTextColor\" property is deprecated. It will be removedin editor-core@".concat(nextVersion, ". The color palette now shows more colors by default."));
-  }
 }

package/dist/esm/labs/next/full-page.js

@@ -95,7 +95,8 @@ function FullPage(props) {
     editorView: config.editorView,
     eventDispatcher: config.eventDispatcher,
     inviteToEditHandler: collabEdit === null || collabEdit === void 0 ? void 0 : collabEdit.inviteToEditHandler,
-    isInviteToEditButtonSelected: collabEdit === null || collabEdit === void 0 ? void 0 : collabEdit.isInviteToEditButtonSelected
+    isInviteToEditButtonSelected: collabEdit === null || collabEdit === void 0 ? void 0 : collabEdit.isInviteToEditButtonSelected,
+    featureFlags: {}
   }), primaryToolbarComponents)), jsx("div", {
     css: contentArea
   }, jsx(ContentStyles, {

package/dist/esm/labs/next/presets/default.js

@@ -13,6 +13,7 @@ import typeAheadPlugin from '../../../plugins/type-ahead';
 import submitEditorPlugin from '../../../plugins/submit-editor';
 import fakeTextCursorPlugin from '../../../plugins/fake-text-cursor';
 import featureFlagsContextPlugin from '../../../plugins/feature-flags-context';
+import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import floatingToolbarPlugin from '../../../plugins/floating-toolbar';
 import clipboardPlugin from '../../../plugins/clipboard';
 import placeholderPlugin from '../../../plugins/placeholder';
@@ -29,7 +30,7 @@ import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
  * their placement in the editor toolbar
  */
 export function createDefaultPreset(options) {
-  var preset = new EditorPresetBuilder().add([pastePlugin, options.paste]).add(clipboardPlugin).add([basePlugin, options.base]).maybeAdd(undoRedoPlugin, function (p, builder) {
+  var preset = new EditorPresetBuilder().add([featureFlagsPlugin, options.featureFlags || {}]).add([pastePlugin, options.paste]).add(clipboardPlugin).add([basePlugin, options.base]).maybeAdd(undoRedoPlugin, function (p, builder) {
     var _options$featureFlags;
     // The undo redo plugin needs to be add before the blockTypePlugin
     if ((_options$featureFlags = options.featureFlags) !== null && _options$featureFlags !== void 0 && _options$featureFlags.undoRedoButtons) {

package/dist/esm/labs/next/presets/universal.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, cardPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, analyticsPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin } from '../../../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, cardPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, analyticsPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin, borderPlugin } from '../../../plugins';
 import { tablesPlugin } from '@atlaskit/editor-plugin-table';
 import { isFullPage as fullPageCheck } from '../../../utils/is-full-page';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
@@ -111,7 +111,8 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
         uploadErrorHandler: props.uploadErrorHandler,
         waitForMediaUpload: props.waitForMediaUpload,
         isCopyPasteEnabled: !isMobile,
-        alignLeftOnInsert: alignLeftOnInsert
+        alignLeftOnInsert: alignLeftOnInsert,
+        getEditorFeatureFlags: getEditorFeatureFlags
       })]);
     }
     return builder;
@@ -366,6 +367,11 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
       }]);
     }
     return builder;
+  }).maybeAdd(borderPlugin, function (plugin, builder) {
+    if (props.UNSAFE_allowBorderMark) {
+      return builder.add(plugin);
+    }
+    return builder;
   }).maybeAdd(fragmentMarkPlugin, function (plugin, builder) {
     if (props.allowFragmentMark) {
       return builder.add(plugin);

package/dist/esm/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -17,7 +17,8 @@ import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ToolbarButton from '../../../../ui/ToolbarButton';
 import Dropdown from '../../../../ui/Dropdown';
 import Alignment from '../../../../ui/Alignment';
-import { expandIconWrapper, separator, triggerWrapper, wrapper } from './styles';
+import { expandIconWrapper, triggerWrapper, wrapper } from './styles';
+import { separatorStyles } from '../../../../ui/styles';
 import { IconMap } from './icon-map';
 import { messages } from './messages';
 export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
@@ -151,7 +152,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
         },
         selectedAlignment: pluginState.align
       })), jsx("span", {
-        css: separator
+        css: separatorStyles
       }));
     }
   }, {

package/dist/esm/plugins/alignment/ui/ToolbarAlignment/styles.js

@@ -1,8 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3;
 import { css } from '@emotion/react';
-import { N30 } from '@atlaskit/theme/colors';
 export var triggerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-export var separator = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), "var(--ds-border, ".concat(N30, ")"));
-export var wrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  div {\n    display: flex;\n  }\n"])));
-export var expandIconWrapper = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n"])));
+export var wrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  div {\n    display: flex;\n  }\n"])));
+export var expandIconWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n"])));

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

@@ -10,10 +10,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;
   }
@@ -27,14 +26,13 @@ function createPlugin(options) {
         });
       },
       apply: function 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 _objectSpread(_objectSpread({}, pluginState), {}, {
             createAnalyticsEvent: options.createAnalyticsEvent
           });
         }
-        if ((_getFeatureFlags = getFeatureFlags(state)) !== null && _getFeatureFlags !== void 0 && _getFeatureFlags.catchAllTracking) {
+        if (featureFlags.catchAllTracking) {
           var analyticsEventWithChannel = getAnalyticsEventsFromTransaction(tr);
           if (analyticsEventWithChannel.length > 0) {
             var _iterator = _createForOfIteratorHelper(analyticsEventWithChannel),
@@ -81,14 +79,16 @@ function createPlugin(options) {
     }
   });
 }
-var analyticsPlugin = function analyticsPlugin(options) {
+var analyticsPlugin = function analyticsPlugin(options, api) {
+  var _api$dependencies$fea;
+  var 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: function pmPlugins() {
       return [{
         name: 'analyticsPlugin',
         plugin: function plugin() {
-          return createPlugin(options);
+          return createPlugin(options, featureFlags);
         }
       }];
     },

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

@@ -1,6 +1,8 @@
 import React from 'react';
 import AvatarGroupPluginWrapper from './ui/AvatarGroupPluginWrapper';
-var avatarGroup = function avatarGroup(props) {
+var avatarGroup = function avatarGroup(props, api) {
+  var _api$dependencies, _api$dependencies$fea;
+  var 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: function primaryToolbarComponent(_ref) {
@@ -17,7 +19,8 @@ var avatarGroup = function avatarGroup(props) {
         editorView: editorView,
         eventDispatcher: eventDispatcher,
         collabEdit: props.collabEdit,
-        takeFullWidth: props.takeFullWidth
+        takeFullWidth: props.takeFullWidth,
+        featureFlags: featureFlags
       });
     }
   };

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

@@ -10,7 +10,8 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../../ana
 var toolbarButtonWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  flex-grow: 0;\n  align-items: center;\n  & > div {\n    margin-right: 0;\n  }\n"])));
 var toolbarButtonWrapperFullWidth = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  flex-grow: 1;\n"])), toolbarButtonWrapper);
 var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
-  var dispatchAnalyticsEvent = props.dispatchAnalyticsEvent;
+  var dispatchAnalyticsEvent = props.dispatchAnalyticsEvent,
+    featureFlags = props.featureFlags;
   var intl = useIntl();
   useEffect(function () {
     if (!dispatchAnalyticsEvent) {
@@ -32,7 +33,8 @@ var AvatarGroupPluginWrapper = function 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/esm/plugins/base/index.js

@@ -21,7 +21,9 @@ import frozenEditor from './pm-plugins/frozen-editor';
 import compositionPlugin from './pm-plugins/composition';
 // Chrome >= 88
 export var isChromeWithSelectionBug = browser.chrome && browser.chrome_version >= 88;
-var basePlugin = function basePlugin(options) {
+var basePlugin = function basePlugin(options, api) {
+  var _api$dependencies, _api$dependencies$fea;
+  var 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: function pmPlugins() {
@@ -126,7 +128,7 @@ var basePlugin = function basePlugin(options) {
       plugins.push({
         name: 'disableSpellcheckingPlugin',
         plugin: function plugin() {
-          return disableSpellcheckingPlugin();
+          return disableSpellcheckingPlugin(featureFlags);
         }
       });
       plugins.push({

package/dist/esm/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,12 +26,11 @@ function getCurrentBrowserAndVersion() {
   }
   return undefined;
 }
-export default (function () {
+export default (function (featureFlags) {
   return new SafePlugin({
     key: new PluginKey('disableSpellchecking'),
     props: {
       attributes: function attributes(editorState) {
-        var featureFlags = getFeatureFlags(editorState) || undefined;
         if (!featureFlags) {
           return;
         }

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

@@ -38,10 +38,5 @@ export var BlockTypeButton = function 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/esm/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -17,7 +16,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';
@@ -129,10 +127,6 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
       }).map(function (blockType) {
         return blockType.title;
       });
-      var longestDropdownMenuItem = [NORMAL_TEXT].concat(_toConsumableArray(availableBlockTypes)).reduce(function (longest, item) {
-        var itemTitle = formatMessage(item.title);
-        return itemTitle.length >= longest.length ? itemTitle : longest;
-      }, '');
       if (!this.props.isDisabled && !blockTypesDisabled) {
         var items = this.createItems();
         return jsx("span", {
@@ -167,7 +161,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
           onKeyDown: this.handleTriggerByKeyboard,
           formatMessage: formatMessage,
           "aria-expanded": active
-        }, longestDropdownMenuItem)), jsx("span", {
+        })), jsx("span", {
           css: separatorStyles
         }));
       }
@@ -183,7 +177,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
         onKeyDown: this.handleTriggerByKeyboard,
         formatMessage: formatMessage,
         "aria-expanded": active
-      }, longestDropdownMenuItem), jsx("span", {
+      }), jsx("span", {
         css: separatorStyles
       }));
     }

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

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

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

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

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

@@ -24,7 +24,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 var removeCard = function removeCard(state, dispatch) {
   if (!(state.selection instanceof NodeSelection)) {
     return false;
@@ -72,9 +71,8 @@ export var openLinkSettings = function openLinkSettings(state, dispatch) {
   }
   return true;
 };
-export var floatingToolbar = function floatingToolbar(cardOptions, platform, linkPickerOptions) {
+export var floatingToolbar = function floatingToolbar(cardOptions, featureFlags, platform, linkPickerOptions) {
   return function (state, intl, providerFactory) {
-    var _linkPickerOptions$pl;
     var _state$schema$nodes = state.schema.nodes,
       inlineCard = _state$schema$nodes.inlineCard,
       blockCard = _state$schema$nodes.blockCard,
@@ -101,12 +99,11 @@ export var floatingToolbar = function floatingToolbar(cardOptions, platform, lin
     /**
      * Enable focus trap only if feature flag is enabled AND for the new version of the picker
      */
-    var _getFeatureFlags = getFeatureFlags(state),
-      lpLinkPicker = _getFeatureFlags.lpLinkPicker,
-      lpLinkPickerFocusTrap = _getFeatureFlags.lpLinkPickerFocusTrap,
-      preventPopupOverflow = _getFeatureFlags.preventPopupOverflow;
+    var lpLinkPicker = featureFlags.lpLinkPicker,
+      lpLinkPickerFocusTrap = featureFlags.lpLinkPickerFocusTrap,
+      preventPopupOverflow = featureFlags.preventPopupOverflow;
     var shouldEnableFocusTrap = lpLinkPicker && lpLinkPickerFocusTrap;
-    var isLinkPickerEnabled = !!lpLinkPicker && !!(linkPickerOptions !== null && linkPickerOptions !== void 0 && (_linkPickerOptions$pl = linkPickerOptions.plugins) !== null && _linkPickerOptions$pl !== void 0 && _linkPickerOptions$pl.length);
+    var isLinkPickerEnabled = !!lpLinkPicker;
     return _objectSpread(_objectSpread({
       title: intl.formatMessage(messages.card),
       className: className,
@@ -123,7 +120,7 @@ export var floatingToolbar = function floatingToolbar(cardOptions, platform, lin
         }
         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));
@@ -142,7 +139,7 @@ var unlinkCard = function unlinkCard(node, state) {
 var buildAlignmentOptions = function buildAlignmentOptions(state, intl) {
   return buildLayoutButtons(state, intl, state.schema.nodes.embedCard, true, true);
 };
-var generateToolbarItems = function generateToolbarItems(state, intl, providerFactory, cardOptions, platform, linkPicker) {
+var generateToolbarItems = function generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker) {
   return function (node) {
     var _titleUrlPairFromNode2 = titleUrlPairFromNode(node),
       url = _titleUrlPairFromNode2.url;
@@ -165,7 +162,8 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
       return [buildEditLinkToolbar({
         providerFactory: providerFactory,
         linkPicker: linkPicker,
-        node: node
+        node: node,
+        featureFlags: featureFlags
       })];
     } else {
       var inlineCard = state.schema.nodes.inlineCard;
@@ -199,7 +197,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         }, {
           type: 'separator'
         }]
-      }], _toConsumableArray(getSettingsButtonGroup(state, intl)), [{
+      }], _toConsumableArray(getSettingsButtonGroup(state, featureFlags, intl)), [{
         id: 'editor.link.delete',
         focusEditoronEnter: true,
         type: 'button',
@@ -263,9 +261,8 @@ var getUnlinkButtonGroup = function getUnlinkButtonGroup(state, intl, node, inli
     type: 'separator'
   }] : [];
 };
-var getSettingsButtonGroup = function getSettingsButtonGroup(state, intl) {
-  var _getFeatureFlags2 = getFeatureFlags(state),
-    floatingToolbarLinkSettingsButton = _getFeatureFlags2.floatingToolbarLinkSettingsButton;
+var getSettingsButtonGroup = function getSettingsButtonGroup(state, featureFlags, intl) {
+  var floatingToolbarLinkSettingsButton = featureFlags.floatingToolbarLinkSettingsButton;
   return floatingToolbarLinkSettingsButton === 'true' ? [{
     id: 'editor.link.settings',
     type: 'button',

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

@@ -67,6 +67,7 @@ export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
         url = _this$props.url,
         text = _this$props.text,
         view = _this$props.view,
+        featureFlags = _this$props.featureFlags,
         _onSubmit = _this$props.onSubmit;
       return /*#__PURE__*/React.createElement(HyperLinkToolbarWithListeners, {
         view: view,
@@ -79,6 +80,7 @@ export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
         // via the floating toolbar
         ,
         invokeMethod: INPUT_METHOD.FLOATING_TB,
+        featureFlags: featureFlags,
         onSubmit: function onSubmit(href, title, displayText) {
           _this2.hideLinkToolbar();
           if (_onSubmit) {
@@ -104,7 +106,8 @@ export var editLink = function editLink(state, dispatch) {
 export var buildEditLinkToolbar = function buildEditLinkToolbar(_ref) {
   var providerFactory = _ref.providerFactory,
     node = _ref.node,
-    linkPicker = _ref.linkPicker;
+    linkPicker = _ref.linkPicker,
+    featureFlags = _ref.featureFlags;
   return {
     type: 'custom',
     disableArrowNavigation: true,
@@ -122,6 +125,7 @@ export var buildEditLinkToolbar = function buildEditLinkToolbar(_ref) {
         url: displayInfo.url,
         text: displayInfo.title || '',
         node: node,
+        featureFlags: featureFlags,
         onSubmit: function onSubmit(newHref, newText) {
           var urlChanged = newHref !== displayInfo.url;
           var titleChanged = newText !== displayInfo.title;
@@ -140,9 +144,9 @@ export var buildEditLinkToolbar = function buildEditLinkToolbar(_ref) {
     }
   };
 };
-export var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, linkPickerOptions) {
+export var editLinkToolbarConfig = function 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/esm/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';
@@ -70,7 +70,7 @@ export var getToolbarConfig = function getToolbarConfig() {
       // 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

package/dist/esm/plugins/collab-edit/analytics.js

@@ -1,8 +1,7 @@
 import { addAnalytics, ACTION, EVENT_TYPE, ACTION_SUBJECT } from '../analytics';
-import { getFeatureFlags } from '../feature-flags-context';
 import { getDocStructure } from '../../utils/document-logger';
 import { sniffUserBrowserExtensions } from '@atlaskit/editor-common/utils';
-export var addSynchronyErrorAnalytics = function addSynchronyErrorAnalytics(state, tr) {
+export var addSynchronyErrorAnalytics = function addSynchronyErrorAnalytics(state, tr, featureFlags) {
   return function (error) {
     var browserExtensions = sniffUserBrowserExtensions({
       extensions: ['grammarly']
@@ -16,7 +15,7 @@ export var addSynchronyErrorAnalytics = function addSynchronyErrorAnalytics(stat
         browserExtensions: browserExtensions
       }
     };
-    if (getFeatureFlags(state).synchronyErrorDocStructure) {
+    if (featureFlags.synchronyErrorDocStructure) {
       payload.attributes.docStructure = getDocStructure(state.doc, {
         compact: true
       });

package/dist/esm/plugins/collab-edit/events/handlers.js

@@ -15,7 +15,7 @@ var effect = function effect(fn, eq) {
     return cleanup;
   };
 };
-export var subscribe = effect(function (view, provider, options, _providerFactory) {
+export var subscribe = effect(function (view, provider, options, featureFlags, _providerFactory) {
   var entityRef;
   var entityHandlers = {
     disconnectedHandler: function disconnectedHandler() {
@@ -58,7 +58,7 @@ export var subscribe = effect(function (view, provider, options, _providerFactor
       view.dispatch(tr);
     },
     errorHandler: function errorHandler(error) {
-      addSynchronyErrorAnalytics(view.state, view.state.tr)(error);
+      addSynchronyErrorAnalytics(view.state, view.state.tr, featureFlags)(error);
     },
     entityHandler: function entityHandler(_ref) {
       var entity = _ref.entity;

package/dist/esm/plugins/collab-edit/events/initialize.js

@@ -23,14 +23,15 @@ var initCollabMemo = memoizeOne(initCollab);
 export var initialize = function initialize(_ref) {
   var options = _ref.options,
     providerFactory = _ref.providerFactory,
-    view = _ref.view;
+    view = _ref.view,
+    featureFlags = _ref.featureFlags;
   return function (provider) {
     var cleanup;
     var pluginState = pluginKey.getState(view.state);
     if (pluginState.isReady && cleanup) {
       cleanup();
     }
-    cleanup = subscribe(view, provider, options, providerFactory);
+    cleanup = subscribe(view, provider, options, featureFlags, providerFactory);
 
     // Initialize provider
     if (options.useNativePlugin) {

package/dist/esm/plugins/collab-edit/index.js

@@ -49,7 +49,9 @@ var providerBuilder = function providerBuilder(collabEditProviderPromise) {
     };
   }();
 };
-var collabEditPlugin = function collabEditPlugin(options) {
+var collabEditPlugin = function collabEditPlugin(options, api) {
+  var _api$dependencies, _api$dependencies$fea;
+  var 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()) || {};
   var providerResolver = function providerResolver() {};
   var collabEditProviderPromise = new Promise(function (_providerResolver) {
     providerResolver = _providerResolver;
@@ -89,12 +91,12 @@ var collabEditPlugin = function collabEditPlugin(options) {
               });
             }
           });
-          return createPlugin(dispatch, providerFactory, executeProviderCode, options);
+          return createPlugin(dispatch, providerFactory, executeProviderCode, options, featureFlags);
         }
       }]);
     },
     onEditorViewStateUpdated: function onEditorViewStateUpdated(props) {
-      var addErrorAnalytics = addSynchronyErrorAnalytics(props.newEditorState, props.newEditorState.tr);
+      var addErrorAnalytics = addSynchronyErrorAnalytics(props.newEditorState, props.newEditorState.tr, featureFlags);
       executeProviderCode(sendTransaction({
         originalTransaction: props.originalTransaction,
         transactions: props.transactions,

package/dist/esm/plugins/collab-edit/plugin.js

@@ -5,7 +5,7 @@ import { pluginKey } from './plugin-key';
 import { addSynchronyErrorAnalytics } from './analytics';
 import { fireAnalyticsEvent, ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 export { PluginState, pluginKey };
-export var createPlugin = function createPlugin(dispatch, providerFactory, collabProviderCallback, options) {
+export var createPlugin = function createPlugin(dispatch, providerFactory, collabProviderCallback, options, featureFlags) {
   var fireAnalyticsCallback = fireAnalyticsEvent(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
   return new SafePlugin({
     key: pluginKey,
@@ -39,7 +39,7 @@ export var createPlugin = function createPlugin(dispatch, providerFactory, colla
       return true;
     },
     view: function view(_view) {
-      var addErrorAnalytics = addSynchronyErrorAnalytics(_view.state, _view.state.tr);
+      var addErrorAnalytics = addSynchronyErrorAnalytics(_view.state, _view.state.tr, featureFlags);
       var onSyncUpError = function onSyncUpError(attributes) {
         fireAnalyticsCallback({
           payload: {
@@ -54,7 +54,8 @@ export var createPlugin = function createPlugin(dispatch, providerFactory, colla
       var cleanup = collabProviderCallback(initialize({
         view: _view,
         options: options,
-        providerFactory: providerFactory
+        providerFactory: providerFactory,
+        featureFlags: featureFlags
       }), addErrorAnalytics);
       return {
         destroy: function destroy() {