@atlaskit/editor-core 181.0.0 → 182.0.0

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

@@ -29,7 +29,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 // Chrome >= 88
 var isChromeWithSelectionBug = _utils.browser.chrome && _utils.browser.chrome_version >= 88;
 exports.isChromeWithSelectionBug = isChromeWithSelectionBug;
-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() {
@@ -134,7 +136,7 @@ var basePlugin = function basePlugin(options) {
       plugins.push({
         name: 'disableSpellcheckingPlugin',
         plugin: function plugin() {
-          return (0, _disableSpellChecking.default)();
+          return (0, _disableSpellChecking.default)(featureFlags);
         }
       });
       plugins.push({

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _prosemirrorState = require("prosemirror-state");
-var _featureFlagsContext = require("../../feature-flags-context");
 var _utils = require("@atlaskit/editor-common/utils");
 function getCurrentBrowserAndVersion() {
   switch (true) {
@@ -33,12 +32,11 @@ function getCurrentBrowserAndVersion() {
   }
   return undefined;
 }
-var _default = function _default() {
+var _default = function _default(featureFlags) {
   return new _safePlugin.SafePlugin({
     key: new _prosemirrorState.PluginKey('disableSpellchecking'),
     props: {
       attributes: function attributes(editorState) {
-        var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(editorState) || undefined;
         if (!featureFlags) {
           return;
         }

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

@@ -47,11 +47,6 @@ var BlockTypeButton = function BlockTypeButton(props) {
     })))
   }, !props.isSmall && (0, _react2.jsx)("span", {
     css: [_styles.buttonContentStyle, props.isReducedSpacing && _styles.buttonContentReducedSpacingStyle]
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, props.title || _types.NORMAL_TEXT.title), (0, _react2.jsx)("div", {
-    style: {
-      overflow: 'hidden',
-      height: 0
-    }
-  }, props.children)));
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, props.title || _types.NORMAL_TEXT.title)));
 };
 exports.BlockTypeButton = BlockTypeButton;

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -19,7 +18,6 @@ var _reactIntlNext = require("react-intl-next");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _DropdownMenu = _interopRequireDefault(require("../../../../ui/DropdownMenu"));
 var _styles = require("../../../../ui/styles");
-var _types = require("../../types");
 var _styled = require("./styled");
 var _keymaps = require("../../../../keymaps");
 var _blocktypeButton = require("./blocktype-button");
@@ -135,10 +133,6 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
       }).map(function (blockType) {
         return blockType.title;
       });
-      var longestDropdownMenuItem = [_types.NORMAL_TEXT].concat((0, _toConsumableArray2.default)(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 (0, _react2.jsx)("span", {
@@ -173,7 +167,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
           onKeyDown: this.handleTriggerByKeyboard,
           formatMessage: formatMessage,
           "aria-expanded": active
-        }, longestDropdownMenuItem)), (0, _react2.jsx)("span", {
+        })), (0, _react2.jsx)("span", {
           css: _styles.separatorStyles
         }));
       }
@@ -189,7 +183,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
         onKeyDown: this.handleTriggerByKeyboard,
         formatMessage: formatMessage,
         "aria-expanded": active
-      }, longestDropdownMenuItem), (0, _react2.jsx)("span", {
+      }), (0, _react2.jsx)("span", {
         css: _styles.separatorStyles
       }));
     }

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _adfSchema = require("@atlaskit/adf-schema");
+var borderPlugin = function borderPlugin() {
+  return {
+    name: 'border',
+    marks: function marks() {
+      return [{
+        name: 'border',
+        mark: _adfSchema.border
+      }];
+    }
+  };
+};
+var _default = borderPlugin;
+exports.default = _default;

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

@@ -14,7 +14,9 @@ var _EditorSmartCardEvents = require("./ui/EditorSmartCardEvents");
 var _keymap = require("./pm-plugins/keymap");
 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) { (0, _defineProperty2.default)(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; }
-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() {
@@ -62,7 +64,7 @@ var cardPlugin = function cardPlugin(options) {
       });
     },
     pluginsOptions: {
-      floatingToolbar: (0, _toolbar.floatingToolbar)(options, options.platform, options.linkPicker)
+      floatingToolbar: (0, _toolbar.floatingToolbar)(options, featureFlags, options.platform, options.linkPicker)
     }
   };
 };

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

@@ -29,7 +29,6 @@ var _messages2 = require("./messages");
 var _MediaAndEmbedsToolbar = _interopRequireDefault(require("../../ui/MediaAndEmbedsToolbar"));
 var _linkingUtils = require("../../utils/linking-utils");
 var _styles2 = require("./styles");
-var _featureFlagsContext = require("../feature-flags-context");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
@@ -84,9 +83,8 @@ var openLinkSettings = function openLinkSettings(state, dispatch) {
   return true;
 };
 exports.openLinkSettings = openLinkSettings;
-var floatingToolbar = function floatingToolbar(cardOptions, platform, linkPickerOptions) {
+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,
@@ -113,12 +111,11 @@ var floatingToolbar = function floatingToolbar(cardOptions, platform, linkPicker
     /**
      * Enable focus trap only if feature flag is enabled AND for the new version of the picker
      */
-    var _getFeatureFlags = (0, _featureFlagsContext.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(_messages2.messages.card),
       className: className,
@@ -135,7 +132,7 @@ var floatingToolbar = function floatingToolbar(cardOptions, platform, linkPicker
         }
         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
     }, (0, _EditLinkToolbar.editLinkToolbarConfig)(pluginState.showLinkingToolbar, isLinkPickerEnabled));
@@ -155,7 +152,7 @@ var unlinkCard = function unlinkCard(node, state) {
 var buildAlignmentOptions = function buildAlignmentOptions(state, intl) {
   return (0, _MediaAndEmbedsToolbar.default)(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 = (0, _utils.titleUrlPairFromNode)(node),
       url = _titleUrlPairFromNode2.url;
@@ -178,7 +175,8 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
       return [(0, _EditLinkToolbar.buildEditLinkToolbar)({
         providerFactory: providerFactory,
         linkPicker: linkPicker,
-        node: node
+        node: node,
+        featureFlags: featureFlags
       })];
     } else {
       var inlineCard = state.schema.nodes.inlineCard;
@@ -212,7 +210,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         }, {
           type: 'separator'
         }]
-      }], (0, _toConsumableArray2.default)(getSettingsButtonGroup(state, intl)), [{
+      }], (0, _toConsumableArray2.default)(getSettingsButtonGroup(state, featureFlags, intl)), [{
         id: 'editor.link.delete',
         focusEditoronEnter: true,
         type: 'button',
@@ -276,9 +274,8 @@ var getUnlinkButtonGroup = function getUnlinkButtonGroup(state, intl, node, inli
     type: 'separator'
   }] : [];
 };
-var getSettingsButtonGroup = function getSettingsButtonGroup(state, intl) {
-  var _getFeatureFlags2 = (0, _featureFlagsContext.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/cjs/plugins/card/ui/EditLinkToolbar.js

@@ -74,6 +74,7 @@ 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.default.createElement(HyperLinkToolbarWithListeners, {
         view: view,
@@ -86,6 +87,7 @@ var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
         // via the floating toolbar
         ,
         invokeMethod: _analytics.INPUT_METHOD.FLOATING_TB,
+        featureFlags: featureFlags,
         onSubmit: function onSubmit(href, title, displayText) {
           _this2.hideLinkToolbar();
           if (_onSubmit) {
@@ -113,7 +115,8 @@ exports.editLink = editLink;
 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,
@@ -131,6 +134,7 @@ 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;
@@ -150,9 +154,9 @@ var buildEditLinkToolbar = function buildEditLinkToolbar(_ref) {
   };
 };
 exports.buildEditLinkToolbar = buildEditLinkToolbar;
-var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, linkPickerOptions) {
+var editLinkToolbarConfig = function editLinkToolbarConfig(showLinkingToolbar, lpLinkPicker) {
   return showLinkingToolbar ? {
-    height: linkPickerOptions ? _ToolbarComponents.LINKPICKER_HEIGHT_IN_PX : _ToolbarComponents.RECENT_SEARCH_HEIGHT_IN_PX,
+    height: lpLinkPicker ? _ToolbarComponents.LINKPICKER_HEIGHT_IN_PX : _ToolbarComponents.RECENT_SEARCH_HEIGHT_IN_PX,
     width: _ToolbarComponents.RECENT_SEARCH_WIDTH_IN_PX,
     forcePlacement: true
   } : {};

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

@@ -78,7 +78,7 @@ var getToolbarConfig = function getToolbarConfig() {
       // note: copyContentToClipboard contains logic that also removes the
       // visual feedback for the copy button
       onClick: _actions.copyContentToClipboard,
-      title: formatMessage(codeBlockState.contentCopied ? _messages2.codeBlockCopyButtonMessages.copiedCodeToClipboard : _messages2.codeBlockCopyButtonMessages.copyCodeToClipboard),
+      title: formatMessage(codeBlockState.contentCopied ? _messages2.codeBlockButtonMessages.copiedCodeToClipboard : _messages2.codeBlockButtonMessages.copyCodeToClipboard),
       onMouseEnter: _codeBlockCopySelectionPlugin.provideVisualFeedbackForCopyButton,
       // note: resetCopiedState contains logic that also removes the
       // visual feedback for the copy button

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

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.addSynchronyErrorAnalytics = exports.addSynchronyEntityAnalytics = void 0;
 var _analytics = require("../analytics");
-var _featureFlagsContext = require("../feature-flags-context");
 var _documentLogger = require("../../utils/document-logger");
 var _utils = require("@atlaskit/editor-common/utils");
-var addSynchronyErrorAnalytics = function addSynchronyErrorAnalytics(state, tr) {
+var addSynchronyErrorAnalytics = function addSynchronyErrorAnalytics(state, tr, featureFlags) {
   return function (error) {
     var browserExtensions = (0, _utils.sniffUserBrowserExtensions)({
       extensions: ['grammarly']
@@ -22,7 +21,7 @@ var addSynchronyErrorAnalytics = function addSynchronyErrorAnalytics(state, tr)
         browserExtensions: browserExtensions
       }
     };
-    if ((0, _featureFlagsContext.getFeatureFlags)(state).synchronyErrorDocStructure) {
+    if (featureFlags.synchronyErrorDocStructure) {
       payload.attributes.docStructure = (0, _documentLogger.getDocStructure)(state.doc, {
         compact: true
       });

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

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

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

@@ -30,14 +30,15 @@ var initCollabMemo = (0, _memoizeOne.default)(initCollab);
 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.pluginKey.getState(view.state);
     if (pluginState.isReady && cleanup) {
       cleanup();
     }
-    cleanup = (0, _handlers.subscribe)(view, provider, options, providerFactory);
+    cleanup = (0, _handlers.subscribe)(view, provider, options, featureFlags, providerFactory);
 
     // Initialize provider
     if (options.useNativePlugin) {

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

@@ -61,7 +61,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;
@@ -101,12 +103,12 @@ var collabEditPlugin = function collabEditPlugin(options) {
               });
             }
           });
-          return (0, _plugin.createPlugin)(dispatch, providerFactory, executeProviderCode, options);
+          return (0, _plugin.createPlugin)(dispatch, providerFactory, executeProviderCode, options, featureFlags);
         }
       }]);
     },
     onEditorViewStateUpdated: function onEditorViewStateUpdated(props) {
-      var addErrorAnalytics = (0, _analytics.addSynchronyErrorAnalytics)(props.newEditorState, props.newEditorState.tr);
+      var addErrorAnalytics = (0, _analytics.addSynchronyErrorAnalytics)(props.newEditorState, props.newEditorState.tr, featureFlags);
       executeProviderCode((0, _sendTransaction.sendTransaction)({
         originalTransaction: props.originalTransaction,
         transactions: props.transactions,

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

@@ -22,7 +22,7 @@ var _pluginState = require("./plugin-state");
 var _pluginKey = require("./plugin-key");
 var _analytics = require("./analytics");
 var _analytics2 = require("@atlaskit/editor-common/analytics");
-var createPlugin = function createPlugin(dispatch, providerFactory, collabProviderCallback, options) {
+var createPlugin = function createPlugin(dispatch, providerFactory, collabProviderCallback, options, featureFlags) {
   var fireAnalyticsCallback = (0, _analytics2.fireAnalyticsEvent)(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
   return new _safePlugin.SafePlugin({
     key: _pluginKey.pluginKey,
@@ -56,7 +56,7 @@ var createPlugin = function createPlugin(dispatch, providerFactory, collabProvid
       return true;
     },
     view: function view(_view) {
-      var addErrorAnalytics = (0, _analytics.addSynchronyErrorAnalytics)(_view.state, _view.state.tr);
+      var addErrorAnalytics = (0, _analytics.addSynchronyErrorAnalytics)(_view.state, _view.state.tr, featureFlags);
       var onSyncUpError = function onSyncUpError(attributes) {
         fireAnalyticsCallback({
           payload: {
@@ -71,7 +71,8 @@ var createPlugin = function createPlugin(dispatch, providerFactory, collabProvid
       var cleanup = collabProviderCallback((0, _initialize.initialize)({
         view: _view,
         options: options,
-        providerFactory: providerFactory
+        providerFactory: providerFactory,
+        featureFlags: featureFlags
       }), addErrorAnalytics);
       return {
         destroy: function destroy() {

package/dist/cjs/plugins/collab-edit/ui/avatars-with-plugin-state.js

@@ -17,7 +17,8 @@ var AvatarsWithPluginState = function AvatarsWithPluginState(props) {
   var selected = props.isInviteToEditButtonSelected,
     onClick = props.inviteToEditHandler,
     Component = props.inviteToEditComponent,
-    editorView = props.editorView;
+    editorView = props.editorView,
+    featureFlags = props.featureFlags;
   var render = _react.default.useCallback(function (_ref) {
     var data = _ref.data;
     if (!data) {
@@ -26,14 +27,15 @@ var AvatarsWithPluginState = function AvatarsWithPluginState(props) {
     return /*#__PURE__*/_react.default.createElement(_avatars.Avatars, {
       sessionId: data.sessionId,
       participants: data.activeParticipants,
-      editorView: editorView
+      editorView: editorView,
+      featureFlags: featureFlags
     }, /*#__PURE__*/_react.default.createElement(_inviteToEdit.InviteToEditButton, {
       title: title,
       selected: selected,
       onClick: onClick,
       Component: Component
     }));
-  }, [selected, onClick, Component, title, editorView]);
+  }, [selected, onClick, Component, title, editorView, featureFlags]);
   return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
     plugins: {
       data: _plugin.pluginKey

package/dist/cjs/plugins/collab-edit/ui/avatars.js

@@ -11,12 +11,12 @@ var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _styles = require("./styles");
 var _toAvatar = _interopRequireDefault(require("./to-avatar"));
 var _utils = require("../utils");
-var _featureFlagsContext = require("../../feature-flags-context");
 /** @jsx jsx */
 
 var Avatars = /*#__PURE__*/_react.default.memo(function (props) {
   var sessionId = props.sessionId,
-    editorView = props.editorView;
+    editorView = props.editorView,
+    featureFlags = props.featureFlags;
   var participants = props.participants.toArray();
   var avatars = participants.sort(function (p) {
     return p.sessionId === sessionId ? -1 : 1;
@@ -35,7 +35,6 @@ var Avatars = /*#__PURE__*/_react.default.memo(function (props) {
       if (!editorView) {
         return;
       }
-      var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(editorView.state);
       var allowCollabAvatarScroll = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.collabAvatarScroll;
 
       // user does not need to scroll to their own position (index 0)

package/dist/cjs/plugins/date/index.js

@@ -10,15 +10,14 @@ var _react = _interopRequireDefault(require("react"));
 var _prosemirrorUtils = require("prosemirror-utils");
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _adfSchema = require("@atlaskit/adf-schema");
-var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
 var _actions = require("./actions");
 var _main = _interopRequireDefault(require("./pm-plugins/main"));
 var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
-var _editorDisabled = require("../editor-disabled");
 var _assets = require("../quick-insert/assets");
 var _analytics = require("../analytics");
 var _messages = require("../insert-block/ui/ToolbarInsertBlock/messages");
 var _pluginKey = require("./pm-plugins/plugin-key");
+var _hooks = require("@atlaskit/editor-common/hooks");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var DatePicker = (0, _reactLoadable.default)({
@@ -33,9 +32,84 @@ var DatePicker = (0, _reactLoadable.default)({
     return null;
   }
 });
-var datePlugin = function datePlugin() {
+function ContentComponent(_ref) {
+  var editorView = _ref.editorView,
+    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
+    popupsMountPoint = _ref.popupsMountPoint,
+    popupsBoundariesElement = _ref.popupsBoundariesElement,
+    popupsScrollableElement = _ref.popupsScrollableElement,
+    dependencyApi = _ref.dependencyApi;
+  var dispatch = editorView.dispatch;
+  var domAtPos = editorView.domAtPos.bind(editorView);
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(dependencyApi, ['date', 'editorDisabled']),
+    editorDisabledState = _useSharedPluginState.editorDisabledState,
+    dateState = _useSharedPluginState.dateState;
+  if (!(dateState !== null && dateState !== void 0 && dateState.showDatePickerAt) || editorDisabledState !== null && editorDisabledState !== void 0 && editorDisabledState.editorDisabled) {
+    return null;
+  }
+  var showDatePickerAt = dateState.showDatePickerAt,
+    isNew = dateState.isNew,
+    focusDateInput = dateState.focusDateInput;
+  var element = (0, _prosemirrorUtils.findDomRefAtPos)(showDatePickerAt, domAtPos);
+  return /*#__PURE__*/_react.default.createElement(DatePicker, {
+    mountTo: popupsMountPoint,
+    boundariesElement: popupsBoundariesElement,
+    scrollableElement: popupsScrollableElement,
+    key: showDatePickerAt,
+    element: element,
+    isNew: isNew,
+    autoFocus: focusDateInput,
+    onDelete: function onDelete() {
+      (0, _actions.deleteDate)()(editorView.state, dispatch);
+      editorView.focus();
+      return;
+    },
+    onSelect: function onSelect(date, commitMethod) {
+      // Undefined means couldn't parse date, null means invalid (out of bounds) date
+      if (date === undefined || date === null) {
+        return;
+      }
+      (0, _actions.insertDate)(date, undefined, commitMethod)(editorView.state, dispatch);
+      editorView.focus();
+    },
+    onTextChanged: function onTextChanged(date) {
+      (0, _actions.insertDate)(date, undefined, undefined, false)(editorView.state, dispatch);
+    },
+    closeDatePicker: function closeDatePicker() {
+      (0, _actions.closeDatePicker)()(editorView.state, dispatch);
+      editorView.focus();
+    },
+    closeDatePickerWithAnalytics: function closeDatePickerWithAnalytics(_ref2) {
+      var date = _ref2.date;
+      (0, _actions.closeDatePickerWithAnalytics)({
+        date: date
+      })(editorView.state, dispatch);
+      editorView.focus();
+    },
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  });
+}
+var datePlugin = function datePlugin(_, api) {
   return {
     name: 'date',
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return {
+          showDatePickerAt: null,
+          isNew: false,
+          focusDateInput: false
+        };
+      }
+      var _datePluginKey$getSta = _pluginKey.pluginKey.getState(editorState),
+        showDatePickerAt = _datePluginKey$getSta.showDatePickerAt,
+        isNew = _datePluginKey$getSta.isNew,
+        focusDateInput = _datePluginKey$getSta.focusDateInput;
+      return {
+        showDatePickerAt: showDatePickerAt,
+        isNew: isNew,
+        focusDateInput: focusDateInput
+      };
+    },
     nodes: function nodes() {
       return [{
         name: 'date',
@@ -57,67 +131,19 @@ var datePlugin = function datePlugin() {
         }
       }];
     },
-    contentComponent: function contentComponent(_ref) {
-      var editorView = _ref.editorView,
-        dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-        popupsMountPoint = _ref.popupsMountPoint,
-        popupsBoundariesElement = _ref.popupsBoundariesElement,
-        popupsScrollableElement = _ref.popupsScrollableElement;
-      var dispatch = editorView.dispatch;
-      var domAtPos = editorView.domAtPos.bind(editorView);
-      return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
-        plugins: {
-          datePlugin: _pluginKey.pluginKey,
-          editorDisabledPlugin: _editorDisabled.pluginKey
-        },
-        render: function render(_ref2) {
-          var editorDisabledPlugin = _ref2.editorDisabledPlugin,
-            datePlugin = _ref2.datePlugin;
-          if (!(datePlugin !== null && datePlugin !== void 0 && datePlugin.showDatePickerAt) || editorDisabledPlugin !== null && editorDisabledPlugin !== void 0 && editorDisabledPlugin.editorDisabled) {
-            return null;
-          }
-          var showDatePickerAt = datePlugin.showDatePickerAt,
-            isNew = datePlugin.isNew,
-            focusDateInput = datePlugin.focusDateInput;
-          var element = (0, _prosemirrorUtils.findDomRefAtPos)(showDatePickerAt, domAtPos);
-          return /*#__PURE__*/_react.default.createElement(DatePicker, {
-            mountTo: popupsMountPoint,
-            boundariesElement: popupsBoundariesElement,
-            scrollableElement: popupsScrollableElement,
-            key: showDatePickerAt,
-            element: element,
-            isNew: isNew,
-            autoFocus: focusDateInput,
-            onDelete: function onDelete() {
-              (0, _actions.deleteDate)()(editorView.state, dispatch);
-              editorView.focus();
-              return;
-            },
-            onSelect: function onSelect(date, commitMethod) {
-              // Undefined means couldn't parse date, null means invalid (out of bounds) date
-              if (date === undefined || date === null) {
-                return;
-              }
-              (0, _actions.insertDate)(date, undefined, commitMethod)(editorView.state, dispatch);
-              editorView.focus();
-            },
-            onTextChanged: function onTextChanged(date) {
-              (0, _actions.insertDate)(date, undefined, undefined, false)(editorView.state, dispatch);
-            },
-            closeDatePicker: function closeDatePicker() {
-              (0, _actions.closeDatePicker)()(editorView.state, dispatch);
-              editorView.focus();
-            },
-            closeDatePickerWithAnalytics: function closeDatePickerWithAnalytics(_ref3) {
-              var date = _ref3.date;
-              (0, _actions.closeDatePickerWithAnalytics)({
-                date: date
-              })(editorView.state, dispatch);
-              editorView.focus();
-            },
-            dispatchAnalyticsEvent: dispatchAnalyticsEvent
-          });
-        }
+    contentComponent: function contentComponent(_ref3) {
+      var editorView = _ref3.editorView,
+        dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
+        popupsMountPoint = _ref3.popupsMountPoint,
+        popupsBoundariesElement = _ref3.popupsBoundariesElement,
+        popupsScrollableElement = _ref3.popupsScrollableElement;
+      return /*#__PURE__*/_react.default.createElement(ContentComponent, {
+        dependencyApi: api,
+        editorView: editorView,
+        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+        popupsMountPoint: popupsMountPoint,
+        popupsBoundariesElement: popupsBoundariesElement,
+        popupsScrollableElement: popupsScrollableElement
       });
     },
     pluginsOptions: {

package/dist/cjs/plugins/editor-disabled/index.js

@@ -46,6 +46,14 @@ function createPlugin(dispatch) {
 var editorDisabledPlugin = function editorDisabledPlugin() {
   return {
     name: 'editorDisabled',
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return {
+          editorDisabled: false
+        };
+      }
+      return pluginKey.getState(editorState);
+    },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'editorDisabled',