@atlaskit/editor-core 179.0.4 → 179.1.0

package/dist/es2019/create-editor/create-plugins-list.js

@@ -1,11 +1,7 @@
-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 { tablesPlugin } from '@atlaskit/editor-plugin-table';
-import { isFullPage as fullPageCheck } from '../utils/is-full-page';
+import createUniversalPreset from '../labs/next/presets/universal';
 import { GUTTER_SIZE_MOBILE_IN_PX } from '../plugins/base/pm-plugins/scroll-gutter';
-import { createFeatureFlagsFromProps } from '../plugins/feature-flags-context/feature-flags-from-props';
-import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { createDefaultPreset } from '../labs/next/presets/default';
-import { shouldForceTracking } from '@atlaskit/editor-common/utils';
+import { isFullPage as fullPageCheck } from '../utils/is-full-page';
+import { createFeatureFlagsFromProps } from './feature-flags-from-props';
 const isCodeBlockAllowed = options => {
   const exclude = options && options.allowBlockType && options.allowBlockType.exclude ? options.allowBlockType.exclude : [];
   return exclude.indexOf('codeBlock') === -1;
@@ -39,6 +35,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
   const inputTracking = (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.inputTracking;
   const cardOptions = ((_props$linking = props.linking) === null || _props$linking === void 0 ? void 0 : _props$linking.smartLinks) || props.smartLinks || props.UNSAFE_cards;
   return {
+    ...props,
     createAnalyticsEvent,
     typeAhead: {
       createAnalyticsEvent,
@@ -103,292 +100,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
  * their placement in the editor toolbar
  */
 export default function createPluginsList(props, prevProps, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth) {
-  var _props$linking3;
-  const appearance = props.appearance;
-  const isMobile = appearance === 'mobile';
-  const isComment = appearance === 'comment';
-  const isFullPage = fullPageCheck(appearance);
-  const preset = createDefaultPreset(getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent));
-  const featureFlags = createFeatureFlagsFromProps(props);
-  const getEditorFeatureFlags = () => featureFlags;
-  if (props.allowAnalyticsGASV3) {
-    const {
-      performanceTracking
-    } = props;
-    preset.add([analyticsPlugin, {
-      createAnalyticsEvent,
-      performanceTracking
-    }]);
-  }
-  if (props.allowBreakout && isFullPage) {
-    preset.add([breakoutPlugin, {
-      allowBreakoutButton: props.appearance === 'full-page'
-    }]);
-  }
-  if (props.allowTextAlignment) {
-    preset.add(alignmentPlugin);
-  }
-  preset.add(dataConsumerMarkPlugin);
-  if (props.allowTextColor) {
-    preset.add([textColorPlugin, props.allowTextColor]);
-  }
-
-  // Needs to be after allowTextColor as order of buttons in toolbar depends on it
-  preset.add([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(rulePlugin);
-  }
-  if (props.allowExpand) {
-    preset.add([expandPlugin, {
-      allowInsertion: isExpandInsertionEnabled(props),
-      useLongPressSelection: false,
-      appearance: props.appearance
-    }]);
-  }
-  if (props.media) {
-    preset.add([gridPlugin, {
-      shouldCalcBreakoutGridLines: isFullPage
-    }]);
-    const alignLeftOnInsert = typeof props.media.alignLeftOnInsert !== 'undefined' ? props.media.alignLeftOnInsert : isComment;
-    const showMediaLayoutOptions = typeof props.media.allowAdvancedToolBarOptions !== 'undefined' ? props.media.allowAdvancedToolBarOptions : isFullPage || isComment;
-    preset.add([mediaPlugin, {
-      ...props.media,
-      allowLazyLoading: !isMobile,
-      allowBreakoutSnapPoints: isFullPage,
-      allowAdvancedToolBarOptions: showMediaLayoutOptions,
-      allowDropzoneDropLine: isFullPage,
-      allowMediaSingleEditable: !isMobile,
-      allowRemoteDimensionsFetch: !isMobile,
-      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: props.appearance === 'full-width',
-      uploadErrorHandler: props.uploadErrorHandler,
-      waitForMediaUpload: props.waitForMediaUpload,
-      isCopyPasteEnabled: !isMobile,
-      alignLeftOnInsert
-    }]);
-
-    // EDM-799: inside caption plugin we do the feature flag in enabling the plugin
-    if (getMediaFeatureFlag('captions', props.media.featureFlags)) {
-      preset.add(captionPlugin);
-    }
-  }
-  if (props.mentionProvider) {
-    var _props$mention$insert, _props$mention, _props$mention2;
-    preset.add([mentionsPlugin, {
-      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([emojiPlugin, {
-      createAnalyticsEvent
-    }]);
-  }
-  if (props.allowTables) {
-    const tableOptions = !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables;
-    preset.add([tablesPlugin, {
-      tableOptions,
-      breakoutEnabled: props.appearance === 'full-page',
-      allowContextualMenu: !isMobile,
-      fullWidthEnabled: props.appearance === 'full-width',
-      wasFullWidthEnabled: prevProps && prevProps.appearance === 'full-width',
-      editorAnalyticsAPI,
-      editorSelectionAPI,
-      getEditorFeatureFlags
-    }]);
-  }
-  if (props.allowTasksAndDecisions || props.taskDecisionProvider) {
-    preset.add([tasksAndDecisionsPlugin, {
-      allowNestedTasks: props.allowNestedTasks,
-      consumeTabs: isFullPage,
-      useLongPressSelection: false
-    }]);
-  }
-  if (props.feedbackInfo) {
-    preset.add([feedbackDialogPlugin, props.feedbackInfo]);
-  }
-  if (props.allowHelpDialog) {
-    preset.add([helpDialogPlugin, !!props.legacyImageUploadProvider]);
-  }
-  if (props.saveOnEnter && props.onSave) {
-    preset.add([saveOnEnterPlugin, props.onSave]);
-  }
-  if (props.legacyImageUploadProvider) {
-    preset.add(imageUploadPlugin);
-    if (!props.media) {
-      preset.add([mediaPlugin, {
-        allowMediaSingle: {
-          disableLayout: true
-        },
-        allowMediaGroup: false,
-        isCopyPasteEnabled: true,
-        editorSelectionAPI
-      }]);
-    }
-  }
-  if (props.collabEdit || props.collabEditProvider) {
-    var _collabEditOptions$EX;
-    let collabEditOptions = {
-      sanitizePrivateContent: props.sanitizePrivateContent,
-      createAnalyticsEvent
-    };
-    if (props.collabEdit) {
-      collabEditOptions = {
-        ...props.collabEdit,
-        ...collabEditOptions
-      };
-    }
-    preset.add([collabEditPlugin, {
-      ...collabEditOptions,
-      EXPERIMENTAL_allowInternalErrorAnalytics: (_collabEditOptions$EX = collabEditOptions.EXPERIMENTAL_allowInternalErrorAnalytics) !== null && _collabEditOptions$EX !== void 0 ? _collabEditOptions$EX : shouldForceTracking()
-    }]);
-  }
-  if (props.maxContentSize) {
-    preset.add([maxContentSizePlugin, props.maxContentSize]);
-  }
-  if (props.allowJiraIssue) {
-    preset.add(jiraIssuePlugin);
-  }
-  if (props.allowPanel) {
-    preset.add([panelPlugin, {
-      useLongPressSelection: false,
-      allowCustomPanel: props.allowPanel.allowCustomPanel,
-      allowCustomPanelEdit: props.allowPanel.allowCustomPanelEdit
-    }]);
-  }
-  if (props.allowExtension) {
-    const extensionConfig = typeof props.allowExtension === 'object' ? props.allowExtension : {};
-    preset.add([extensionPlugin, {
-      breakoutEnabled: props.appearance === 'full-page' && extensionConfig.allowBreakout !== false,
-      allowAutoSave: extensionConfig.allowAutoSave,
-      extensionHandlers: props.extensionHandlers,
-      useLongPressSelection: false,
-      appearance
-    }]);
-  }
-  if (props.macroProvider) {
-    preset.add(macroPlugin);
-  }
-
-  // See default list for when adding annotations with a provider
-  if (!props.annotationProviders && props.allowConfluenceInlineComment) {
-    preset.add([annotationPlugin, undefined]);
-  }
-  if (props.allowDate) {
-    preset.add(datePlugin);
-  }
-  if (props.allowTemplatePlaceholders) {
-    const options = props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {};
-    preset.add([placeholderTextPlugin, options]);
-  }
-  if (props.allowLayouts) {
-    preset.add([layoutPlugin, {
-      ...(typeof props.allowLayouts === 'boolean' ? {} : props.allowLayouts),
-      useLongPressSelection: false,
-      UNSAFE_allowSingleColumnLayout: props.allowLayouts.UNSAFE_allowSingleColumnLayout
-    }]);
-  }
-  if ((_props$linking3 = props.linking) !== null && _props$linking3 !== void 0 && _props$linking3.smartLinks || props.smartLinks || props.UNSAFE_cards) {
-    var _props$linking4, _props$linking5;
-    const fullWidthMode = props.appearance === 'full-width';
-    preset.add([cardPlugin, {
-      ...props.UNSAFE_cards,
-      ...props.smartLinks,
-      ...((_props$linking4 = props.linking) === null || _props$linking4 === void 0 ? void 0 : _props$linking4.smartLinks),
-      platform: isMobile ? 'mobile' : 'web',
-      fullWidthMode,
-      createAnalyticsEvent,
-      linkPicker: (_props$linking5 = props.linking) === null || _props$linking5 === void 0 ? void 0 : _props$linking5.linkPicker
-    }]);
-  }
-  if (props.autoformattingProvider) {
-    preset.add(customAutoformatPlugin);
-  }
-  let statusMenuDisabled = true;
-  if (props.allowStatus) {
-    statusMenuDisabled = typeof props.allowStatus === 'object' ? props.allowStatus.menuDisabled : false;
-    preset.add([statusPlugin, {
-      menuDisabled: statusMenuDisabled,
-      allowZeroWidthSpaceAfter: !isMobile
-    }]);
-  }
-  if (props.allowIndentation) {
-    preset.add(indentationPlugin);
-  }
-  if (isFullPage) {
-    preset.add(contextPanelPlugin);
-  }
-  if (props.autoScrollIntoView !== false) {
-    preset.add(scrollIntoViewPlugin);
-  }
-  if (isMobile || props.allowUndoRedoButtons) {
-    preset.add(historyPlugin);
-  }
-  if (isMobile) {
-    preset.add(mobileDimensionsPlugin);
-    preset.add(mobileSelectionPlugin);
-  }
-
-  // UI only plugins
-  preset.add([toolbarListsIndentationPlugin, {
-    showIndentationButtons: !!featureFlags.indentationButtonsInTheToolbar,
-    allowHeadingAndParagraphIndentation: !!props.allowIndentation
-  }]);
-  preset.add([insertBlockPlugin, {
-    allowTables: !!props.allowTables,
-    allowExpand: isExpandInsertionEnabled(props),
-    insertMenuItems: props.insertMenuItems,
-    horizontalRuleEnabled: props.allowRule,
-    nativeStatusSupported: !statusMenuDisabled,
-    showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
-    replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false,
-    insertNodeAPI
-  }]);
-  const hasBeforePrimaryToolbar = components => {
-    if (components && 'before' in components) {
-      return !!components.before;
-    }
-    return false;
-  };
-  if (hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar) {
-    preset.add([beforePrimaryToolbarPlugin, {
-      beforePrimaryToolbarComponents: props.primaryToolbarComponents.before
-    }]);
-  }
-  if (featureFlags.showAvatarGroupAsPlugin === true && !featureFlags.twoLineEditorToolbar) {
-    preset.add([avatarGroupPlugin, {
-      collabEdit: props.collabEdit,
-      takeFullWidth: !hasBeforePrimaryToolbar(props.primaryToolbarComponents)
-    }]);
-  }
-  if (props.allowFindReplace) {
-    preset.add([findReplacePlugin, {
-      takeFullWidth: !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
-      twoLineEditorToolbar: !!featureFlags.twoLineEditorToolbar
-    }]);
-  }
-  if (props.allowFragmentMark) {
-    preset.add(fragmentMarkPlugin);
-  }
-  if (featureFlags.enableViewUpdateSubscription) {
-    preset.add(viewUpdateSubscriptionPlugin);
-  }
-  preset.add([codeBidiWarningPlugin, {
-    appearance: props.appearance
-  }]);
-  if (featureFlags.floatingToolbarCopyButton) {
-    preset.add(copyButtonPlugin);
-  }
+  const preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth);
   const excludes = new Set();
   if (!isCodeBlockAllowed({
     allowBlockType: props.allowBlockType

package/dist/es2019/editor.js

@@ -21,10 +21,10 @@ import { PortalProviderWithThemeProviders, PortalRenderer } from './ui/PortalPro
 import { nextMajorVersion } from './version-wrapper';
 import { ContextAdapter } from './nodeviews/context-adapter';
 import measurements from './utils/performance/measure-enum';
-import { combineQuickInsertProviders, extensionProviderToQuickInsertProvider } from './utils/extensions';
+import prepareQuickInsertProvider from './utils/prepare-quick-insert-provider';
 import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION } from './plugins/analytics';
 import ErrorBoundary from './create-editor/ErrorBoundary';
-import { createFeatureFlagsFromProps } from './plugins/feature-flags-context/feature-flags-from-props';
+import { createFeatureFlagsFromProps } from './create-editor/feature-flags-from-props';
 import { RenderTracking } from './utils/performance/components/RenderTracking';
 const fullHeight = css`
   height: 100%;
@@ -43,9 +43,7 @@ export default class Editor extends React.Component {
       return combineExtensionProviders(extensionProviders);
     }));
     _defineProperty(this, "prepareQuickInsertProvider", (extensionProvider, quickInsert) => {
-      const quickInsertProvider = quickInsert && typeof quickInsert !== 'boolean' && quickInsert.provider;
-      const extensionQuickInsertProvider = extensionProvider && extensionProviderToQuickInsertProvider(extensionProvider, this.editorActions, this.createAnalyticsEvent);
-      return quickInsertProvider && extensionQuickInsertProvider ? combineQuickInsertProviders([quickInsertProvider, extensionQuickInsertProvider]) : quickInsertProvider || extensionQuickInsertProvider;
+      return prepareQuickInsertProvider(this.editorActions, extensionProvider, quickInsert, this.createAnalyticsEvent);
     });
     _defineProperty(this, "handleSave", view => {
       if (!this.props.onSave) {
@@ -105,10 +103,10 @@ export default class Editor extends React.Component {
       }, (_props$performanceTra5 = props.performanceTracking) === null || _props$performanceTra5 === void 0 ? void 0 : (_props$performanceTra6 = _props$performanceTra5.ttiTracking) === null || _props$performanceTra6 === void 0 ? void 0 : _props$performanceTra6.ttiIdleThreshold, (_props$performanceTra7 = props.performanceTracking) === null || _props$performanceTra7 === void 0 ? void 0 : (_props$performanceTra8 = _props$performanceTra7.ttiTracking) === null || _props$performanceTra8 === void 0 ? void 0 : _props$performanceTra8.ttiCancelTimeout);
     }
     const _extensionProvider = this.prepareExtensionProvider(props.extensionProviders);
-    const _quickInsertProvider = this.prepareQuickInsertProvider(_extensionProvider, props.quickInsert);
+    const quickInsertProvider = this.prepareQuickInsertProvider(_extensionProvider, props.quickInsert);
     this.state = {
       extensionProvider: _extensionProvider,
-      quickInsertProvider: _quickInsertProvider
+      quickInsertProvider
     };
   }
   componentDidMount() {

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

@@ -0,0 +1,311 @@
+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 { tablesPlugin } from '@atlaskit/editor-plugin-table';
+import { isFullPage as fullPageCheck } from '../../../utils/is-full-page';
+import { getMediaFeatureFlag } from '@atlaskit/media-common';
+import { createDefaultPreset } from './default';
+import { shouldForceTracking } from '@atlaskit/editor-common/utils';
+/**
+ * Creates a preset with all of the available plugins.
+ * Basis for create-plugins-list and can be used to migrate from Editor -> EditorNext (Presets project)
+ * with minimal friction.
+ *
+ * @param appearance
+ * @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
+ */
+export default function createUniversalPreset(appearance, props, featureFlags, prevAppearance, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth) {
+  var _props$linking;
+  const isMobile = appearance === 'mobile';
+  const isComment = appearance === 'comment';
+  const isFullPage = fullPageCheck(appearance);
+  const preset = createDefaultPreset(props);
+  const getEditorFeatureFlags = () => featureFlags;
+  if (props.allowAnalyticsGASV3) {
+    const {
+      performanceTracking
+    } = props;
+    preset.add([analyticsPlugin, {
+      createAnalyticsEvent,
+      performanceTracking
+    }]);
+  }
+  if (props.allowBreakout && isFullPage) {
+    preset.add([breakoutPlugin, {
+      allowBreakoutButton: appearance === 'full-page'
+    }]);
+  }
+  if (props.allowTextAlignment) {
+    preset.add(alignmentPlugin);
+  }
+  preset.add(dataConsumerMarkPlugin);
+  if (props.allowTextColor) {
+    preset.add([textColorPlugin, props.allowTextColor]);
+  }
+
+  // Needs to be after allowTextColor as order of buttons in toolbar depends on it
+  preset.add([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(rulePlugin);
+  }
+  if (props.allowExpand) {
+    preset.add([expandPlugin, {
+      allowInsertion: isExpandInsertionEnabled(props),
+      useLongPressSelection: false,
+      appearance: appearance
+    }]);
+  }
+  if (props.media) {
+    preset.add([gridPlugin, {
+      shouldCalcBreakoutGridLines: isFullPage
+    }]);
+    const alignLeftOnInsert = typeof props.media.alignLeftOnInsert !== 'undefined' ? props.media.alignLeftOnInsert : isComment;
+    const showMediaLayoutOptions = typeof props.media.allowAdvancedToolBarOptions !== 'undefined' ? props.media.allowAdvancedToolBarOptions : isFullPage || isComment;
+    preset.add([mediaPlugin, {
+      ...props.media,
+      allowLazyLoading: !isMobile,
+      allowBreakoutSnapPoints: isFullPage,
+      allowAdvancedToolBarOptions: showMediaLayoutOptions,
+      allowDropzoneDropLine: isFullPage,
+      allowMediaSingleEditable: !isMobile,
+      allowRemoteDimensionsFetch: !isMobile,
+      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
+    }]);
+
+    // EDM-799: inside caption plugin we do the feature flag in enabling the plugin
+    if (getMediaFeatureFlag('captions', props.media.featureFlags)) {
+      preset.add(captionPlugin);
+    }
+  }
+  if (props.mentionProvider) {
+    var _props$mention$insert, _props$mention, _props$mention2;
+    preset.add([mentionsPlugin, {
+      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([emojiPlugin, {
+      createAnalyticsEvent
+    }]);
+  }
+  if (props.allowTables) {
+    const tableOptions = !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables;
+    preset.add([tablesPlugin, {
+      tableOptions,
+      breakoutEnabled: appearance === 'full-page',
+      allowContextualMenu: !isMobile,
+      fullWidthEnabled: appearance === 'full-width',
+      wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
+      editorAnalyticsAPI,
+      editorSelectionAPI,
+      getEditorFeatureFlags
+    }]);
+  }
+  if (props.allowTasksAndDecisions || props.taskDecisionProvider) {
+    preset.add([tasksAndDecisionsPlugin, {
+      allowNestedTasks: props.allowNestedTasks,
+      consumeTabs: isFullPage,
+      useLongPressSelection: false
+    }]);
+  }
+  if (props.feedbackInfo) {
+    preset.add([feedbackDialogPlugin, props.feedbackInfo]);
+  }
+  if (props.allowHelpDialog) {
+    preset.add([helpDialogPlugin, !!props.legacyImageUploadProvider]);
+  }
+  if (props.saveOnEnter && props.onSave) {
+    preset.add([saveOnEnterPlugin, props.onSave]);
+  }
+  if (props.legacyImageUploadProvider) {
+    preset.add(imageUploadPlugin);
+    if (!props.media) {
+      preset.add([mediaPlugin, {
+        allowMediaSingle: {
+          disableLayout: true
+        },
+        allowMediaGroup: false,
+        isCopyPasteEnabled: true,
+        editorSelectionAPI
+      }]);
+    }
+  }
+  if (props.collabEdit || props.collabEditProvider) {
+    var _collabEditOptions$EX;
+    let collabEditOptions = {
+      sanitizePrivateContent: props.sanitizePrivateContent,
+      createAnalyticsEvent
+    };
+    if (props.collabEdit) {
+      collabEditOptions = {
+        ...props.collabEdit,
+        ...collabEditOptions
+      };
+    }
+    preset.add([collabEditPlugin, {
+      ...collabEditOptions,
+      EXPERIMENTAL_allowInternalErrorAnalytics: (_collabEditOptions$EX = collabEditOptions.EXPERIMENTAL_allowInternalErrorAnalytics) !== null && _collabEditOptions$EX !== void 0 ? _collabEditOptions$EX : shouldForceTracking()
+    }]);
+  }
+  if (props.maxContentSize) {
+    preset.add([maxContentSizePlugin, props.maxContentSize]);
+  }
+  if (props.allowJiraIssue) {
+    preset.add(jiraIssuePlugin);
+  }
+  if (props.allowPanel) {
+    const allowPanel = typeof props.allowPanel === 'object' ? props.allowPanel : {};
+    preset.add([panelPlugin, {
+      useLongPressSelection: false,
+      allowCustomPanel: allowPanel.allowCustomPanel,
+      allowCustomPanelEdit: allowPanel.allowCustomPanelEdit
+    }]);
+  }
+  if (props.allowExtension) {
+    const extensionConfig = typeof props.allowExtension === 'object' ? props.allowExtension : {};
+    preset.add([extensionPlugin, {
+      breakoutEnabled: appearance === 'full-page' && extensionConfig.allowBreakout !== false,
+      allowAutoSave: extensionConfig.allowAutoSave,
+      extensionHandlers: props.extensionHandlers,
+      useLongPressSelection: false,
+      appearance
+    }]);
+  }
+  if (props.macroProvider) {
+    preset.add(macroPlugin);
+  }
+
+  // See default list for when adding annotations with a provider
+  if (!props.annotationProviders && props.allowConfluenceInlineComment) {
+    preset.add([annotationPlugin, undefined]);
+  }
+  if (props.allowDate) {
+    preset.add(datePlugin);
+  }
+  if (props.allowTemplatePlaceholders) {
+    const options = props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {};
+    preset.add([placeholderTextPlugin, options]);
+  }
+  if (props.allowLayouts) {
+    const layoutOptions = typeof props.allowLayouts === 'object' ? props.allowLayouts : {};
+    preset.add([layoutPlugin, {
+      ...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;
+    const fullWidthMode = appearance === 'full-width';
+    preset.add([cardPlugin, {
+      ...props.UNSAFE_cards,
+      ...props.smartLinks,
+      ...((_props$linking2 = props.linking) === null || _props$linking2 === void 0 ? void 0 : _props$linking2.smartLinks),
+      platform: isMobile ? 'mobile' : 'web',
+      fullWidthMode,
+      createAnalyticsEvent,
+      linkPicker: (_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.linkPicker
+    }]);
+  }
+  if (props.autoformattingProvider) {
+    preset.add(customAutoformatPlugin);
+  }
+  let statusMenuDisabled = true;
+  if (props.allowStatus) {
+    statusMenuDisabled = typeof props.allowStatus === 'object' ? props.allowStatus.menuDisabled : false;
+    preset.add([statusPlugin, {
+      menuDisabled: statusMenuDisabled,
+      allowZeroWidthSpaceAfter: !isMobile
+    }]);
+  }
+  if (props.allowIndentation) {
+    preset.add(indentationPlugin);
+  }
+  if (isFullPage) {
+    preset.add(contextPanelPlugin);
+  }
+  if (props.autoScrollIntoView !== false) {
+    preset.add(scrollIntoViewPlugin);
+  }
+  if (isMobile || props.allowUndoRedoButtons) {
+    preset.add(historyPlugin);
+  }
+  if (isMobile) {
+    preset.add(mobileDimensionsPlugin);
+    preset.add(mobileSelectionPlugin);
+  }
+
+  // UI only plugins
+  preset.add([toolbarListsIndentationPlugin, {
+    showIndentationButtons: !!featureFlags.indentationButtonsInTheToolbar,
+    allowHeadingAndParagraphIndentation: !!props.allowIndentation
+  }]);
+  preset.add([insertBlockPlugin, {
+    allowTables: !!props.allowTables,
+    allowExpand: isExpandInsertionEnabled(props),
+    insertMenuItems: props.insertMenuItems,
+    horizontalRuleEnabled: props.allowRule,
+    nativeStatusSupported: !statusMenuDisabled,
+    showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
+    replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false,
+    insertNodeAPI
+  }]);
+  const hasBeforePrimaryToolbar = components => {
+    if (components && 'before' in components) {
+      return !!components.before;
+    }
+    return false;
+  };
+  if (hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar) {
+    preset.add([beforePrimaryToolbarPlugin, {
+      beforePrimaryToolbarComponents: props.primaryToolbarComponents.before
+    }]);
+  }
+  if (featureFlags.showAvatarGroupAsPlugin === true && !featureFlags.twoLineEditorToolbar) {
+    preset.add([avatarGroupPlugin, {
+      collabEdit: props.collabEdit,
+      takeFullWidth: !hasBeforePrimaryToolbar(props.primaryToolbarComponents)
+    }]);
+  }
+  if (props.allowFindReplace) {
+    preset.add([findReplacePlugin, {
+      takeFullWidth: !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
+      twoLineEditorToolbar: !!featureFlags.twoLineEditorToolbar
+    }]);
+  }
+  if (props.allowFragmentMark) {
+    preset.add(fragmentMarkPlugin);
+  }
+  if (featureFlags.enableViewUpdateSubscription) {
+    preset.add(viewUpdateSubscriptionPlugin);
+  }
+  preset.add([codeBidiWarningPlugin, {
+    appearance
+  }]);
+  if (featureFlags.floatingToolbarCopyButton) {
+    preset.add(copyButtonPlugin);
+  }
+  return preset;
+}