@atlaskit/editor-core 180.0.0 → 181.0.0

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

@@ -5,14 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createUniversalPreset;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _plugins = require("../../../plugins");
 var _editorPluginTable = require("@atlaskit/editor-plugin-table");
 var _isFullPage = require("../../../utils/is-full-page");
 var _mediaCommon = require("@atlaskit/media-common");
 var _default = require("./default");
 var _utils = require("@atlaskit/editor-common/utils");
+var _createStubInternalApis = require("./create-stub-internal-apis");
 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; }
 /**
@@ -24,135 +25,175 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * @param props A subset of full EditorProps for the full feature preset
  * @param featureFlags
  * @param prevAppearance The appearance of the editor in the previous render
- * @param createAnalyticsEvent
- * @param insertNodeAPI
- * @param editorAnalyticsAPI
- * @param editorSelectionAPI
- * @param getEditorContainerWidth
  * @returns a full featured preset configured according to the provided props - basis for create-plugins-list
  */
-function createUniversalPreset(appearance, props, featureFlags, prevAppearance, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth) {
-  var _props$linking;
+function createUniversalPreset(appearance, props, featureFlags, prevAppearance, maybeCreateAnalyticsEvent) {
   var isMobile = appearance === 'mobile';
   var isComment = appearance === 'comment';
   var isFullPage = (0, _isFullPage.isFullPage)(appearance);
-  var preset = (0, _default.createDefaultPreset)(props);
+  var defaultPreset = (0, _default.createDefaultPreset)(props);
   var getEditorFeatureFlags = function getEditorFeatureFlags() {
     return featureFlags;
   };
-  if (props.allowAnalyticsGASV3) {
-    var performanceTracking = props.performanceTracking;
-    preset.add([_plugins.analyticsPlugin, {
-      createAnalyticsEvent: createAnalyticsEvent,
-      performanceTracking: performanceTracking
-    }]);
-  }
-  if (props.allowBreakout && isFullPage) {
-    preset.add([_plugins.breakoutPlugin, {
-      allowBreakoutButton: appearance === 'full-page'
-    }]);
-  }
-  if (props.allowTextAlignment) {
-    preset.add(_plugins.alignmentPlugin);
-  }
-  preset.add(_plugins.dataConsumerMarkPlugin);
-  if (props.allowTextColor) {
-    preset.add([_plugins.textColorPlugin, props.allowTextColor]);
-  }
-
-  // Needs to be after allowTextColor as order of buttons in toolbar depends on it
-  preset.add([_plugins.listPlugin, {
+  var stubs = (0, _createStubInternalApis.createStubInternalApis)();
+  var editorSelectionAPI = stubs.editorSelectionAPI,
+    insertNodeAPI = stubs.insertNodeAPI,
+    editorAnalyticsAPI = stubs.editorAnalyticsAPI,
+    stubInternalApisPlugin = stubs.stubInternalApisPlugin;
+  var createAnalyticsEvent = maybeCreateAnalyticsEvent ? maybeCreateAnalyticsEvent : stubs.createAnalyticsEvent;
+  var statusMenuDisabled = !props.allowStatus ? true : (0, _typeof2.default)(props.allowStatus) === 'object' ? Boolean(props.allowStatus.menuDisabled) : false;
+  var hasBeforePrimaryToolbar = function hasBeforePrimaryToolbar(components) {
+    if (components && 'before' in components) {
+      return !!components.before;
+    }
+    return false;
+  };
+  var finalPreset = defaultPreset.add(stubInternalApisPlugin).add(_plugins.dataConsumerMarkPlugin).maybeAdd(_plugins.analyticsPlugin, function (plugin, builder) {
+    if (props.allowAnalyticsGASV3) {
+      var performanceTracking = props.performanceTracking;
+      return builder.add([plugin, {
+        createAnalyticsEvent: createAnalyticsEvent,
+        performanceTracking: performanceTracking
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.breakoutPlugin, function (plugin, builder) {
+    if (props.allowBreakout && isFullPage) {
+      return builder.add([plugin, {
+        allowBreakoutButton: appearance === 'full-page'
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.alignmentPlugin, function (plugin, builder) {
+    if (props.allowTextAlignment) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.textColorPlugin, function (plugin, builder) {
+    if (props.allowTextColor) {
+      return builder.add([plugin, props.allowTextColor]);
+    }
+    return builder;
+  }).add([_plugins.listPlugin, {
     restartNumberedLists: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.restartNumberedLists,
     restartNumberedListsToolbar: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.restartNumberedListsToolbar,
     listNumberContinuity: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.listNumberContinuity
-  }]);
-  if (props.allowRule) {
-    preset.add(_plugins.rulePlugin);
-  }
-  if (props.allowExpand) {
-    preset.add([_plugins.expandPlugin, {
-      allowInsertion: (0, _plugins.isExpandInsertionEnabled)(props),
-      useLongPressSelection: false,
-      appearance: appearance
-    }]);
-  }
-  if (props.media) {
-    preset.add([_plugins.gridPlugin, {
-      shouldCalcBreakoutGridLines: isFullPage
-    }]);
-    var alignLeftOnInsert = typeof props.media.alignLeftOnInsert !== 'undefined' ? props.media.alignLeftOnInsert : isComment;
-    var showMediaLayoutOptions = typeof props.media.allowAdvancedToolBarOptions !== 'undefined' ? props.media.allowAdvancedToolBarOptions : isFullPage || isComment;
-    preset.add([_plugins.mediaPlugin, _objectSpread(_objectSpread({}, props.media), {}, {
-      allowLazyLoading: !isMobile,
-      allowBreakoutSnapPoints: isFullPage,
-      allowAdvancedToolBarOptions: showMediaLayoutOptions,
-      allowDropzoneDropLine: isFullPage,
-      allowMediaSingleEditable: !isMobile,
-      allowRemoteDimensionsFetch: !isMobile,
-      editorSelectionAPI: editorSelectionAPI,
-      // This is a wild one. I didnt quite understand what the code was doing
-      // so a bit of guess for now.
-      allowMarkingUploadsAsIncomplete: isMobile,
-      fullWidthEnabled: appearance === 'full-width',
-      uploadErrorHandler: props.uploadErrorHandler,
-      waitForMediaUpload: props.waitForMediaUpload,
-      isCopyPasteEnabled: !isMobile,
-      alignLeftOnInsert: alignLeftOnInsert
-    })]);
-
+  }]).maybeAdd(_plugins.rulePlugin, function (plugin, builder) {
+    if (props.allowRule) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.expandPlugin, function (plugin, builder) {
+    if (props.allowExpand) {
+      return builder.add([plugin, {
+        allowInsertion: (0, _plugins.isExpandInsertionEnabled)(props),
+        useLongPressSelection: false,
+        appearance: appearance
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.gridPlugin, function (plugin, builder) {
+    if (props.media) {
+      return builder.add([plugin, {
+        shouldCalcBreakoutGridLines: isFullPage
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.mediaPlugin, function (plugin, builder) {
+    if (props.media) {
+      var alignLeftOnInsert = typeof props.media.alignLeftOnInsert !== 'undefined' ? props.media.alignLeftOnInsert : isComment;
+      var showMediaLayoutOptions = typeof props.media.allowAdvancedToolBarOptions !== 'undefined' ? props.media.allowAdvancedToolBarOptions : isFullPage || isComment;
+      return builder.add([plugin, _objectSpread(_objectSpread({}, props.media), {}, {
+        allowLazyLoading: !isMobile,
+        allowBreakoutSnapPoints: isFullPage,
+        allowAdvancedToolBarOptions: showMediaLayoutOptions,
+        allowDropzoneDropLine: isFullPage,
+        allowMediaSingleEditable: !isMobile,
+        allowRemoteDimensionsFetch: !isMobile,
+        editorSelectionAPI: editorSelectionAPI,
+        // This is a wild one. I didnt quite understand what the code was doing
+        // so a bit of guess for now.
+        allowMarkingUploadsAsIncomplete: isMobile,
+        fullWidthEnabled: appearance === 'full-width',
+        uploadErrorHandler: props.uploadErrorHandler,
+        waitForMediaUpload: props.waitForMediaUpload,
+        isCopyPasteEnabled: !isMobile,
+        alignLeftOnInsert: alignLeftOnInsert
+      })]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.captionPlugin, function (plugin, builder) {
     // EDM-799: inside caption plugin we do the feature flag in enabling the plugin
-    if ((0, _mediaCommon.getMediaFeatureFlag)('captions', props.media.featureFlags)) {
-      preset.add(_plugins.captionPlugin);
-    }
-  }
-  if (props.mentionProvider) {
-    var _props$mention$insert, _props$mention, _props$mention2;
-    preset.add([_plugins.mentionsPlugin, {
-      createAnalyticsEvent: createAnalyticsEvent,
-      sanitizePrivateContent: props.sanitizePrivateContent,
-      insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
-      allowZeroWidthSpaceAfter: !isMobile,
-      HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent
-    }]);
-  }
-  if (props.emojiProvider) {
-    preset.add([_plugins.emojiPlugin, {
-      createAnalyticsEvent: createAnalyticsEvent
-    }]);
-  }
-  if (props.allowTables) {
-    var tableOptions = !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables;
-    preset.add([_editorPluginTable.tablesPlugin, {
-      tableOptions: tableOptions,
-      breakoutEnabled: appearance === 'full-page',
-      allowContextualMenu: !isMobile,
-      fullWidthEnabled: appearance === 'full-width',
-      wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
-      editorAnalyticsAPI: editorAnalyticsAPI,
-      editorSelectionAPI: editorSelectionAPI,
-      getEditorFeatureFlags: getEditorFeatureFlags
-    }]);
-  }
-  if (props.allowTasksAndDecisions || props.taskDecisionProvider) {
-    preset.add([_plugins.tasksAndDecisionsPlugin, {
-      allowNestedTasks: props.allowNestedTasks,
-      consumeTabs: isFullPage,
-      useLongPressSelection: false
-    }]);
-  }
-  if (props.feedbackInfo) {
-    preset.add([_plugins.feedbackDialogPlugin, props.feedbackInfo]);
-  }
-  if (props.allowHelpDialog) {
-    preset.add([_plugins.helpDialogPlugin, !!props.legacyImageUploadProvider]);
-  }
-  if (props.saveOnEnter && props.onSave) {
-    preset.add([_plugins.saveOnEnterPlugin, props.onSave]);
-  }
-  if (props.legacyImageUploadProvider) {
-    preset.add(_plugins.imageUploadPlugin);
-    if (!props.media) {
-      preset.add([_plugins.mediaPlugin, {
+    if (props.media && (0, _mediaCommon.getMediaFeatureFlag)('captions', props.media.featureFlags)) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.mentionsPlugin, function (plugin, builder) {
+    if (props.mentionProvider) {
+      var _props$mention$insert, _props$mention, _props$mention2;
+      return builder.add([plugin, {
+        createAnalyticsEvent: createAnalyticsEvent,
+        sanitizePrivateContent: props.sanitizePrivateContent,
+        insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
+        allowZeroWidthSpaceAfter: !isMobile,
+        HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.emojiPlugin, function (plugin, builder) {
+    if (props.emojiProvider) {
+      return builder.add([plugin, {
+        createAnalyticsEvent: createAnalyticsEvent
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_editorPluginTable.tablesPlugin, function (plugin, builder) {
+    if (props.allowTables) {
+      var tableOptions = !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables;
+      return builder.add([plugin, {
+        tableOptions: tableOptions,
+        breakoutEnabled: appearance === 'full-page',
+        allowContextualMenu: !isMobile,
+        fullWidthEnabled: appearance === 'full-width',
+        wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
+        editorAnalyticsAPI: editorAnalyticsAPI,
+        editorSelectionAPI: editorSelectionAPI,
+        getEditorFeatureFlags: getEditorFeatureFlags
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.tasksAndDecisionsPlugin, function (plugin, builder) {
+    if (props.allowTasksAndDecisions || props.taskDecisionProvider) {
+      return builder.add([plugin, {
+        allowNestedTasks: props.allowNestedTasks,
+        consumeTabs: isFullPage,
+        useLongPressSelection: false
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.feedbackDialogPlugin, function (plugin, builder) {
+    if (props.feedbackInfo) {
+      return builder.add([plugin, props.feedbackInfo]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.helpDialogPlugin, function (plugin, builder) {
+    if (props.allowHelpDialog) {
+      return builder.add([plugin, !!props.legacyImageUploadProvider]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.saveOnEnterPlugin, function (plugin, builder) {
+    if (props.saveOnEnter && props.onSave) {
+      return builder.add([plugin, props.onSave]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.imageUploadPlugin, function (plugin, builder) {
+    if (props.legacyImageUploadProvider) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.mediaPlugin, function (plugin, builder) {
+    if (props.legacyImageUploadProvider && !props.media) {
+      return builder.add([plugin, {
         allowMediaSingle: {
           disableLayout: true
         },
@@ -161,110 +202,146 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
         editorSelectionAPI: editorSelectionAPI
       }]);
     }
-  }
-  if (props.collabEdit || props.collabEditProvider) {
-    var _collabEditOptions$EX;
-    var collabEditOptions = {
-      sanitizePrivateContent: props.sanitizePrivateContent,
-      createAnalyticsEvent: createAnalyticsEvent
-    };
-    if (props.collabEdit) {
-      collabEditOptions = _objectSpread(_objectSpread({}, props.collabEdit), collabEditOptions);
-    }
-    preset.add([_plugins.collabEditPlugin, _objectSpread(_objectSpread({}, collabEditOptions), {}, {
-      EXPERIMENTAL_allowInternalErrorAnalytics: (_collabEditOptions$EX = collabEditOptions.EXPERIMENTAL_allowInternalErrorAnalytics) !== null && _collabEditOptions$EX !== void 0 ? _collabEditOptions$EX : (0, _utils.shouldForceTracking)()
-    })]);
-  }
-  if (props.maxContentSize) {
-    preset.add([_plugins.maxContentSizePlugin, props.maxContentSize]);
-  }
-  if (props.allowJiraIssue) {
-    preset.add(_plugins.jiraIssuePlugin);
-  }
-  if (props.allowPanel) {
-    var allowPanel = (0, _typeof2.default)(props.allowPanel) === 'object' ? props.allowPanel : {};
-    preset.add([_plugins.panelPlugin, {
-      useLongPressSelection: false,
-      allowCustomPanel: allowPanel.allowCustomPanel,
-      allowCustomPanelEdit: allowPanel.allowCustomPanelEdit
-    }]);
-  }
-  if (props.allowExtension) {
-    var extensionConfig = (0, _typeof2.default)(props.allowExtension) === 'object' ? props.allowExtension : {};
-    preset.add([_plugins.extensionPlugin, {
-      breakoutEnabled: appearance === 'full-page' && extensionConfig.allowBreakout !== false,
-      allowAutoSave: extensionConfig.allowAutoSave,
-      extensionHandlers: props.extensionHandlers,
-      useLongPressSelection: false,
-      appearance: appearance
-    }]);
-  }
-  if (props.macroProvider) {
-    preset.add(_plugins.macroPlugin);
-  }
-
-  // See default list for when adding annotations with a provider
-  if (!props.annotationProviders && props.allowConfluenceInlineComment) {
-    preset.add([_plugins.annotationPlugin, undefined]);
-  }
-  if (props.allowDate) {
-    preset.add(_plugins.datePlugin);
-  }
-  if (props.allowTemplatePlaceholders) {
-    var options = props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {};
-    preset.add([_plugins.placeholderTextPlugin, options]);
-  }
-  if (props.allowLayouts) {
-    var layoutOptions = (0, _typeof2.default)(props.allowLayouts) === 'object' ? props.allowLayouts : {};
-    preset.add([_plugins.layoutPlugin, _objectSpread(_objectSpread({}, layoutOptions), {}, {
-      useLongPressSelection: false,
-      UNSAFE_allowSingleColumnLayout: layoutOptions.UNSAFE_allowSingleColumnLayout
-    })]);
-  }
-  if ((_props$linking = props.linking) !== null && _props$linking !== void 0 && _props$linking.smartLinks || props.smartLinks || props.UNSAFE_cards) {
-    var _props$linking2, _props$linking3;
-    var fullWidthMode = appearance === 'full-width';
-    preset.add([_plugins.cardPlugin, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_cards), props.smartLinks), (_props$linking2 = props.linking) === null || _props$linking2 === void 0 ? void 0 : _props$linking2.smartLinks), {}, {
-      platform: isMobile ? 'mobile' : 'web',
-      fullWidthMode: fullWidthMode,
-      createAnalyticsEvent: createAnalyticsEvent,
-      linkPicker: (_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.linkPicker
-    })]);
-  }
-  if (props.autoformattingProvider) {
-    preset.add(_plugins.customAutoformatPlugin);
-  }
-  var statusMenuDisabled = true;
-  if (props.allowStatus) {
-    statusMenuDisabled = (0, _typeof2.default)(props.allowStatus) === 'object' ? props.allowStatus.menuDisabled : false;
-    preset.add([_plugins.statusPlugin, {
-      menuDisabled: statusMenuDisabled,
-      allowZeroWidthSpaceAfter: !isMobile
-    }]);
-  }
-  if (props.allowIndentation) {
-    preset.add(_plugins.indentationPlugin);
-  }
-  if (isFullPage) {
-    preset.add(_plugins.contextPanelPlugin);
-  }
-  if (props.autoScrollIntoView !== false) {
-    preset.add(_plugins.scrollIntoViewPlugin);
-  }
-  if (isMobile || props.allowUndoRedoButtons) {
-    preset.add(_plugins.historyPlugin);
-  }
-  if (isMobile) {
-    preset.add(_plugins.mobileDimensionsPlugin);
-    preset.add(_plugins.mobileSelectionPlugin);
-  }
-
-  // UI only plugins
-  preset.add([_plugins.toolbarListsIndentationPlugin, {
+    return builder;
+  }).maybeAdd(_plugins.collabEditPlugin, function (plugin, builder) {
+    if (props.collabEdit || props.collabEditProvider) {
+      var _collabEditOptions$EX;
+      var collabEditOptions = {
+        sanitizePrivateContent: props.sanitizePrivateContent,
+        createAnalyticsEvent: createAnalyticsEvent
+      };
+      if (props.collabEdit) {
+        collabEditOptions = _objectSpread(_objectSpread({}, props.collabEdit), collabEditOptions);
+      }
+      return builder.add([plugin, _objectSpread(_objectSpread({}, collabEditOptions), {}, {
+        EXPERIMENTAL_allowInternalErrorAnalytics: (_collabEditOptions$EX = collabEditOptions.EXPERIMENTAL_allowInternalErrorAnalytics) !== null && _collabEditOptions$EX !== void 0 ? _collabEditOptions$EX : (0, _utils.shouldForceTracking)()
+      })]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.maxContentSizePlugin, function (plugin, builder) {
+    if (props.maxContentSize) {
+      return builder.add([plugin, props.maxContentSize]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.jiraIssuePlugin, function (plugin, builder) {
+    if (props.allowJiraIssue) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.panelPlugin, function (plugin, builder) {
+    if (props.allowPanel) {
+      var allowPanel = (0, _typeof2.default)(props.allowPanel) === 'object' ? props.allowPanel : {};
+      return builder.add([plugin, {
+        useLongPressSelection: false,
+        allowCustomPanel: allowPanel.allowCustomPanel,
+        allowCustomPanelEdit: allowPanel.allowCustomPanelEdit
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.extensionPlugin, function (plugin, builder) {
+    if (props.allowExtension) {
+      var extensionConfig = (0, _typeof2.default)(props.allowExtension) === 'object' ? props.allowExtension : {};
+      return builder.add([plugin, {
+        breakoutEnabled: appearance === 'full-page' && extensionConfig.allowBreakout !== false,
+        allowAutoSave: extensionConfig.allowAutoSave,
+        extensionHandlers: props.extensionHandlers,
+        useLongPressSelection: false,
+        appearance: appearance
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.macroPlugin, function (plugin, builder) {
+    if (props.macroProvider) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.annotationPlugin, function (plugin, builder) {
+    // See default list for when adding annotations with a provider
+    if (!props.annotationProviders && props.allowConfluenceInlineComment) {
+      return builder.add([plugin, undefined]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.datePlugin, function (plugin, builder) {
+    if (props.allowDate) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.placeholderTextPlugin, function (plugin, builder) {
+    if (props.allowTemplatePlaceholders) {
+      var options = props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {};
+      return builder.add([plugin, options]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.layoutPlugin, function (plugin, builder) {
+    if (props.allowLayouts) {
+      var layoutOptions = (0, _typeof2.default)(props.allowLayouts) === 'object' ? props.allowLayouts : {};
+      return builder.add([plugin, _objectSpread(_objectSpread({}, layoutOptions), {}, {
+        useLongPressSelection: false,
+        UNSAFE_allowSingleColumnLayout: layoutOptions.UNSAFE_allowSingleColumnLayout
+      })]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.cardPlugin, function (plugin, builder) {
+    var _props$linking;
+    if ((_props$linking = props.linking) !== null && _props$linking !== void 0 && _props$linking.smartLinks || props.smartLinks || props.UNSAFE_cards) {
+      var _props$linking2, _props$linking3;
+      var fullWidthMode = appearance === 'full-width';
+      return builder.add([plugin, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_cards), props.smartLinks), (_props$linking2 = props.linking) === null || _props$linking2 === void 0 ? void 0 : _props$linking2.smartLinks), {}, {
+        platform: isMobile ? 'mobile' : 'web',
+        fullWidthMode: fullWidthMode,
+        createAnalyticsEvent: createAnalyticsEvent,
+        linkPicker: (_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.linkPicker,
+        editorAppearance: appearance
+      })]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.customAutoformatPlugin, function (plugin, builder) {
+    if (props.autoformattingProvider) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.statusPlugin, function (plugin, builder) {
+    if (props.allowStatus) {
+      return builder.add([plugin, {
+        menuDisabled: statusMenuDisabled,
+        allowZeroWidthSpaceAfter: !isMobile
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.indentationPlugin, function (plugin, builder) {
+    if (props.allowIndentation) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.contextPanelPlugin, function (plugin, builder) {
+    if (isFullPage) {
+      return builder.add(_plugins.contextPanelPlugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.scrollIntoViewPlugin, function (plugin, builder) {
+    if (props.autoScrollIntoView !== false) {
+      return builder.add(_plugins.scrollIntoViewPlugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.historyPlugin, function (plugin, builder) {
+    if (isMobile || props.allowUndoRedoButtons) {
+      return builder.add(_plugins.historyPlugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.mobileDimensionsPlugin, function (plugin, builder) {
+    if (isMobile) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.mobileSelectionPlugin, function (plugin, builder) {
+    if (isMobile) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).add([_plugins.toolbarListsIndentationPlugin, {
     showIndentationButtons: !!featureFlags.indentationButtonsInTheToolbar,
     allowHeadingAndParagraphIndentation: !!props.allowIndentation
-  }]);
-  preset.add([_plugins.insertBlockPlugin, {
+  }]).add([_plugins.insertBlockPlugin, {
     allowTables: !!props.allowTables,
     allowExpand: (0, _plugins.isExpandInsertionEnabled)(props),
     insertMenuItems: props.insertMenuItems,
@@ -273,41 +350,46 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
     replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false,
     insertNodeAPI: insertNodeAPI
-  }]);
-  var hasBeforePrimaryToolbar = function hasBeforePrimaryToolbar(components) {
-    if (components && 'before' in components) {
-      return !!components.before;
+  }]).maybeAdd(_plugins.beforePrimaryToolbarPlugin, function (plugin, builder) {
+    if (hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar) {
+      return builder.add([plugin, {
+        beforePrimaryToolbarComponents: props.primaryToolbarComponents.before
+      }]);
     }
-    return false;
-  };
-  if (hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar) {
-    preset.add([_plugins.beforePrimaryToolbarPlugin, {
-      beforePrimaryToolbarComponents: props.primaryToolbarComponents.before
-    }]);
-  }
-  if (featureFlags.showAvatarGroupAsPlugin === true && !featureFlags.twoLineEditorToolbar) {
-    preset.add([_plugins.avatarGroupPlugin, {
-      collabEdit: props.collabEdit,
-      takeFullWidth: !hasBeforePrimaryToolbar(props.primaryToolbarComponents)
-    }]);
-  }
-  if (props.allowFindReplace) {
-    preset.add([_plugins.findReplacePlugin, {
-      takeFullWidth: !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
-      twoLineEditorToolbar: !!featureFlags.twoLineEditorToolbar
-    }]);
-  }
-  if (props.allowFragmentMark) {
-    preset.add(_plugins.fragmentMarkPlugin);
-  }
-  if (featureFlags.enableViewUpdateSubscription) {
-    preset.add(_plugins.viewUpdateSubscriptionPlugin);
-  }
-  preset.add([_plugins.codeBidiWarningPlugin, {
+    return builder;
+  }).maybeAdd(_plugins.avatarGroupPlugin, function (plugin, builder) {
+    if (featureFlags.showAvatarGroupAsPlugin === true && !featureFlags.twoLineEditorToolbar) {
+      return builder.add([plugin, {
+        collabEdit: props.collabEdit,
+        takeFullWidth: !hasBeforePrimaryToolbar(props.primaryToolbarComponents)
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.findReplacePlugin, function (plugin, builder) {
+    if (props.allowFindReplace) {
+      return builder.add([plugin, {
+        takeFullWidth: !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
+        twoLineEditorToolbar: !!featureFlags.twoLineEditorToolbar
+      }]);
+    }
+    return builder;
+  }).maybeAdd(_plugins.fragmentMarkPlugin, function (plugin, builder) {
+    if (props.allowFragmentMark) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).maybeAdd(_plugins.viewUpdateSubscriptionPlugin, function (plugin, builder) {
+    if (featureFlags.enableViewUpdateSubscription) {
+      return builder.add(plugin);
+    }
+    return builder;
+  }).add([_plugins.codeBidiWarningPlugin, {
     appearance: appearance
-  }]);
-  if (featureFlags.floatingToolbarCopyButton) {
-    preset.add(_plugins.copyButtonPlugin);
-  }
-  return preset;
+  }]).maybeAdd(_plugins.copyButtonPlugin, function (plugin, builder) {
+    if (featureFlags.floatingToolbarCopyButton) {
+      return builder.add(plugin);
+    }
+    return builder;
+  });
+  return finalPreset;
 }