@atlaskit/editor-core 191.4.3 → 191.4.6

package/dist/es2019/presets/universal.js

@@ -23,7 +23,6 @@ import { fragmentPlugin } from '@atlaskit/editor-plugin-fragment';
 import { gridPlugin } from '@atlaskit/editor-plugin-grid';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { helpDialogPlugin } from '@atlaskit/editor-plugin-help-dialog';
-import { historyPlugin } from '@atlaskit/editor-plugin-history';
 import { imageUploadPlugin } from '@atlaskit/editor-plugin-image-upload';
 import { indentationPlugin } from '@atlaskit/editor-plugin-indentation';
 import { insertBlockPlugin } from '@atlaskit/editor-plugin-insert-block';
@@ -60,7 +59,7 @@ import { createDefaultPreset } from './default';
  * @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) {
-  var _featureFlags$lpLinkP;
+  var _featureFlags$lpLinkP, _props$media, _props$media2, _props$media3, _props$media4, _props$media5, _props$mention$insert, _props$mention, _props$mention2, _props$collabEdit$EXP, _props$collabEdit, _props$linking, _props$linking2, _featureFlags$lpLinkP2, _props$linking3, _props$primaryToolbar;
   const isMobile = appearance === 'mobile';
   const isComment = appearance === 'comment';
   const isChromeless = appearance === 'chromeless';
@@ -68,6 +67,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
   const getEditorFeatureFlags = () => featureFlags;
   const defaultPreset = createDefaultPreset({
     ...props,
+    appearance,
     createAnalyticsEvent,
     hyperlinkOptions: {
       lpLinkPicker: (_featureFlags$lpLinkP = featureFlags.lpLinkPicker) !== null && _featureFlags$lpLinkP !== void 0 ? _featureFlags$lpLinkP : false,
@@ -81,286 +81,92 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     }
     return false;
   };
-  const finalPreset = defaultPreset.add(dataConsumerPlugin).add(contentInsertionPlugin).maybeAdd(breakoutPlugin, (plugin, builder) => {
-    if (props.allowBreakout && isFullPage) {
-      return builder.add([plugin, {
-        allowBreakoutButton: appearance === 'full-page'
-      }]);
-    }
-    return builder;
-  }).maybeAdd(alignmentPlugin, (plugin, builder) => {
-    if (props.allowTextAlignment) {
-      return builder.add(plugin);
-    }
-    return builder;
-  }).maybeAdd(textColorPlugin, (plugin, builder) => {
-    if (props.allowTextColor) {
-      return builder.add([plugin, props.allowTextColor]);
-    }
-    return builder;
-  }).add(listPlugin).maybeAdd(rulePlugin, (plugin, builder) => {
-    if (props.allowRule) {
-      return builder.add(plugin);
-    }
-    return builder;
-  }).maybeAdd(expandPlugin, (plugin, builder) => {
-    if (props.allowExpand) {
-      return builder.add([plugin, {
-        allowInsertion: isExpandInsertionEnabled(props),
-        useLongPressSelection: false,
-        appearance: appearance,
-        allowInteractiveExpand: featureFlags.interactiveExpand
-      }]);
-    }
-    return builder;
-  }).maybeAdd(guidelinePlugin, (plugin, builder) => {
-    if (isMobile || isComment || isChromeless) {
-      return builder;
-    }
-    if (props.media || props.allowTables) {
-      return builder.add(plugin);
-    }
-    return builder;
-  }).maybeAdd(gridPlugin, (plugin, builder) => {
-    if (props.media) {
-      return builder.add([plugin, {
-        shouldCalcBreakoutGridLines: isFullPage
-      }]);
-    }
-    return builder;
-  }).maybeAdd(mediaPlugin, (plugin, builder) => {
-    if (props.media) {
-      const alignLeftOnInsert = typeof props.media.alignLeftOnInsert !== 'undefined' ? props.media.alignLeftOnInsert : isComment;
-      const showMediaLayoutOptions = typeof props.media.allowAdvancedToolBarOptions !== 'undefined' ? props.media.allowAdvancedToolBarOptions : isFullPage || isComment;
-      return builder.add([plugin, {
-        ...props.media,
-        allowLazyLoading: !isMobile,
-        allowBreakoutSnapPoints: isFullPage,
-        allowAdvancedToolBarOptions: showMediaLayoutOptions,
-        allowDropzoneDropLine: isFullPage,
-        allowMediaSingleEditable: !isMobile,
-        allowRemoteDimensionsFetch: !isMobile,
-        // 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,
-        getEditorFeatureFlags
-      }]);
-    }
-    return builder;
-  }).maybeAdd(captionPlugin, (plugin, builder) => {
-    var _props$media;
-    // EDM-799: inside caption plugin we do the feature flag in enabling the plugin
-    if ((_props$media = props.media) !== null && _props$media !== void 0 && _props$media.allowCaptions) {
-      return builder.add(plugin);
-    }
-    return builder;
-  }).maybeAdd(mentionsPlugin, (plugin, builder) => {
-    if (props.mentionProvider) {
-      var _props$mention$insert, _props$mention, _props$mention2;
-      return builder.add([plugin, {
-        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(emojiPlugin, (plugin, builder) => {
-    if (props.emojiProvider) {
-      return builder.add(plugin);
-    }
-    return builder;
-  }).maybeAdd(tablesPlugin, (plugin, builder) => {
-    if (props.allowTables) {
-      const tableOptions = !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables;
-      return builder.add([plugin, {
-        tableOptions,
-        // tableResizingEnabled will replace breakoutEnabled once FF is 100% rolled out,
-        // logic below is to help codemod during cleanup
-        tableResizingEnabled: getBooleanFF('platform.editor.custom-table-width') && ['full-page', 'full-width'].includes(appearance || ''),
-        dragAndDropEnabled: getBooleanFF('platform.editor.table.drag-and-drop') && isFullPage,
-        breakoutEnabled: appearance === 'full-page',
-        allowContextualMenu: !isMobile,
-        fullWidthEnabled: appearance === 'full-width',
-        wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
-        getEditorFeatureFlags
-      }]);
-    }
-    return builder;
-  }).maybeAdd(tasksAndDecisionsPlugin, (plugin, builder) => {
-    if (props.allowTasksAndDecisions || props.taskDecisionProvider) {
-      return builder.add([plugin, {
-        allowNestedTasks: props.allowNestedTasks,
-        consumeTabs: isFullPage,
-        useLongPressSelection: false
-      }]);
-    }
-    return builder;
-  }).maybeAdd(feedbackDialogPlugin, (plugin, builder) => {
-    if (props.feedbackInfo) {
-      return builder.add([plugin, {
-        coreVersion,
-        ...props.feedbackInfo
-      }]);
-    }
-    return builder;
-  }).maybeAdd(helpDialogPlugin, (plugin, builder) => {
-    if (props.allowHelpDialog) {
-      return builder.add([plugin, !!props.legacyImageUploadProvider]);
-    }
-    return builder;
-  }).maybeAdd(saveOnEnterPlugin, (plugin, builder) => {
-    if (props.saveOnEnter && props.onSave) {
-      return builder.add([plugin, props.onSave]);
-    }
-    return builder;
-  }).maybeAdd(imageUploadPlugin, (plugin, builder) => {
-    if (props.legacyImageUploadProvider) {
-      return builder.add(plugin);
-    }
-    return builder;
-  }).maybeAdd(mediaPlugin, (plugin, builder) => {
-    if (props.legacyImageUploadProvider && !props.media) {
-      return builder.add([plugin, {
-        allowMediaSingle: {
-          disableLayout: true
-        },
-        allowMediaGroup: false,
-        isCopyPasteEnabled: true
-      }]);
-    }
-    return builder;
-  }).maybeAdd(collabEditPlugin, (plugin, builder) => {
-    if (props.collabEdit || props.collabEditProvider) {
-      var _collabEditOptions$EX;
-      let collabEditOptions = {
-        sanitizePrivateContent: props.sanitizePrivateContent
-      };
-      if (props.collabEdit) {
-        collabEditOptions = {
-          ...props.collabEdit,
-          ...collabEditOptions
-        };
-      }
-      return builder.add([plugin, {
-        ...collabEditOptions,
-        EXPERIMENTAL_allowInternalErrorAnalytics: (_collabEditOptions$EX = collabEditOptions.EXPERIMENTAL_allowInternalErrorAnalytics) !== null && _collabEditOptions$EX !== void 0 ? _collabEditOptions$EX : shouldForceTracking()
-      }]);
-    }
-    return builder;
-  }).maybeAdd(maxContentSizePlugin, (plugin, builder) => {
-    if (props.maxContentSize) {
-      return builder.add([plugin, props.maxContentSize]);
-    }
-    return builder;
-  }).maybeAdd(panelPlugin, (plugin, builder) => {
-    if (props.allowPanel) {
-      const allowPanel = typeof props.allowPanel === 'object' ? props.allowPanel : {};
-      return builder.add([plugin, {
-        useLongPressSelection: false,
-        allowCustomPanel: allowPanel.allowCustomPanel,
-        allowCustomPanelEdit: allowPanel.allowCustomPanelEdit
-      }]);
-    }
-    return builder;
-  }).maybeAdd(contextPanelPlugin, (plugin, builder) => {
-    if (isFullPage) {
-      return builder.add(contextPanelPlugin);
-    }
-    return builder;
-  }).maybeAdd(extensionPlugin, (plugin, builder) => {
-    if (props.allowExtension) {
-      const extensionConfig = typeof 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
-      }]);
-    }
-    return builder;
-  }).maybeAdd(annotationPlugin, (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(datePlugin, (plugin, builder) => {
-    if (props.allowDate) {
-      const dateConfig = typeof props.allowDate === 'object' ? props.allowDate : {};
-      return builder.add([plugin, {
-        weekStartDay: dateConfig.weekStartDay
-      }]);
-    }
-    return builder;
-  }).maybeAdd(placeholderTextPlugin, (plugin, builder) => {
-    if (props.allowTemplatePlaceholders) {
-      const options = props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {};
-      return builder.add([plugin, options]);
-    }
-    return builder;
-  }).maybeAdd(layoutPlugin, (plugin, builder) => {
-    if (props.allowLayouts) {
-      const layoutOptions = typeof props.allowLayouts === 'object' ? props.allowLayouts : {};
-      return builder.add([plugin, {
-        ...layoutOptions,
-        useLongPressSelection: false,
-        UNSAFE_allowSingleColumnLayout: layoutOptions.UNSAFE_allowSingleColumnLayout
-      }]);
-    }
-    return builder;
-  }).maybeAdd(cardPlugin, (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, _featureFlags$lpLinkP2;
-      const fullWidthMode = appearance === 'full-width';
-      return builder.add([plugin, {
-        ...props.UNSAFE_cards,
-        ...props.smartLinks,
-        ...((_props$linking2 = props.linking) === null || _props$linking2 === void 0 ? void 0 : _props$linking2.smartLinks),
-        platform: isMobile ? 'mobile' : 'web',
-        fullWidthMode,
-        linkPicker: (_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.linkPicker,
-        lpLinkPicker: (_featureFlags$lpLinkP2 = featureFlags.lpLinkPicker) !== null && _featureFlags$lpLinkP2 !== void 0 ? _featureFlags$lpLinkP2 : false,
-        editorAppearance: appearance
-      }]);
-    }
-    return builder;
-  }).maybeAdd(customAutoformatPlugin, (plugin, builder) => {
-    if (props.autoformattingProvider) {
-      return builder.add(plugin);
-    }
-    return builder;
-  }).maybeAdd(statusPlugin, (plugin, builder) => {
-    if (props.allowStatus) {
-      return builder.add([plugin, {
-        menuDisabled: statusMenuDisabled,
-        allowZeroWidthSpaceAfter: !isMobile
-      }]);
-    }
-    return builder;
-  }).maybeAdd(indentationPlugin, (plugin, builder) => {
-    if (props.allowIndentation) {
-      return builder.add(plugin);
-    }
-    return builder;
-  }).maybeAdd(scrollIntoViewPlugin, (plugin, builder) => {
-    if (props.autoScrollIntoView !== false) {
-      return builder.add(scrollIntoViewPlugin);
-    }
-    return builder;
-  }).maybeAdd(historyPlugin, (plugin, builder) => {
-    if (isMobile || props.allowUndoRedoButtons) {
-      return builder.add(historyPlugin);
-    }
-    return builder;
-  }).add([toolbarListsIndentationPlugin, {
+  const finalPreset = defaultPreset.add(dataConsumerPlugin).add(contentInsertionPlugin).maybeAdd([breakoutPlugin, {
+    allowBreakoutButton: appearance === 'full-page'
+  }], Boolean(props.allowBreakout && isFullPage)).maybeAdd(alignmentPlugin, Boolean(props.allowTextAlignment)).maybeAdd([textColorPlugin, props.allowTextColor], Boolean(props.allowTextColor)).add(listPlugin).maybeAdd(rulePlugin, Boolean(props.allowRule)).maybeAdd([expandPlugin, {
+    allowInsertion: isExpandInsertionEnabled(props),
+    useLongPressSelection: false,
+    appearance: appearance,
+    allowInteractiveExpand: featureFlags.interactiveExpand
+  }], Boolean(props.allowExpand)).maybeAdd(guidelinePlugin, Boolean(!isMobile && !isComment && !isChromeless && (props.media || props.allowTables))).maybeAdd([gridPlugin, {
+    shouldCalcBreakoutGridLines: isFullPage
+  }], Boolean(props.media)).maybeAdd([mediaPlugin, {
+    ...props.media,
+    allowLazyLoading: !isMobile,
+    allowBreakoutSnapPoints: isFullPage,
+    allowAdvancedToolBarOptions: typeof ((_props$media = props.media) === null || _props$media === void 0 ? void 0 : _props$media.allowAdvancedToolBarOptions) !== 'undefined' ? (_props$media2 = props.media) === null || _props$media2 === void 0 ? void 0 : _props$media2.allowAdvancedToolBarOptions : isFullPage || isComment,
+    allowDropzoneDropLine: isFullPage,
+    allowMediaSingleEditable: !isMobile,
+    allowRemoteDimensionsFetch: !isMobile,
+    allowMarkingUploadsAsIncomplete: isMobile,
+    fullWidthEnabled: appearance === 'full-width',
+    uploadErrorHandler: props.uploadErrorHandler,
+    waitForMediaUpload: props.waitForMediaUpload,
+    isCopyPasteEnabled: !isMobile,
+    alignLeftOnInsert: typeof ((_props$media3 = props.media) === null || _props$media3 === void 0 ? void 0 : _props$media3.alignLeftOnInsert) !== 'undefined' ? (_props$media4 = props.media) === null || _props$media4 === void 0 ? void 0 : _props$media4.alignLeftOnInsert : isComment,
+    getEditorFeatureFlags
+  }], Boolean(props.media)).maybeAdd(captionPlugin, Boolean((_props$media5 = props.media) === null || _props$media5 === void 0 ? void 0 : _props$media5.allowCaptions)).maybeAdd([mentionsPlugin, {
+    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
+  }], Boolean(props.mentionProvider)).maybeAdd(emojiPlugin, Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
+    tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables,
+    tableResizingEnabled: getBooleanFF('platform.editor.custom-table-width') && ['full-page', 'full-width'].includes(appearance || ''),
+    dragAndDropEnabled: getBooleanFF('platform.editor.table.drag-and-drop') && isFullPage,
+    breakoutEnabled: appearance === 'full-page',
+    allowContextualMenu: !isMobile,
+    fullWidthEnabled: appearance === 'full-width',
+    wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
+    getEditorFeatureFlags
+  }], Boolean(props.allowTables)).maybeAdd([tasksAndDecisionsPlugin, {
+    allowNestedTasks: props.allowNestedTasks,
+    consumeTabs: isFullPage,
+    useLongPressSelection: false
+  }], Boolean(props.allowTasksAndDecisions || props.taskDecisionProvider)).maybeAdd([feedbackDialogPlugin, {
+    coreVersion,
+    ...props.feedbackInfo
+  }], Boolean(props.feedbackInfo)).maybeAdd([helpDialogPlugin, !!props.legacyImageUploadProvider], Boolean(props.allowHelpDialog)).maybeAdd([saveOnEnterPlugin, props.onSave], Boolean(props.saveOnEnter && props.onSave)).maybeAdd(imageUploadPlugin, Boolean(props.legacyImageUploadProvider)).maybeAdd([mediaPlugin, {
+    allowMediaSingle: {
+      disableLayout: true
+    },
+    allowMediaGroup: false,
+    isCopyPasteEnabled: true
+  }], Boolean(props.legacyImageUploadProvider && !props.media)).maybeAdd([collabEditPlugin, {
+    ...props.collabEdit,
+    sanitizePrivateContent: props.sanitizePrivateContent,
+    EXPERIMENTAL_allowInternalErrorAnalytics: (_props$collabEdit$EXP = (_props$collabEdit = props.collabEdit) === null || _props$collabEdit === void 0 ? void 0 : _props$collabEdit.EXPERIMENTAL_allowInternalErrorAnalytics) !== null && _props$collabEdit$EXP !== void 0 ? _props$collabEdit$EXP : shouldForceTracking()
+  }], Boolean(props.collabEdit || props.collabEditProvider)).maybeAdd([maxContentSizePlugin, props.maxContentSize], Boolean(props.maxContentSize)).maybeAdd([panelPlugin, {
+    useLongPressSelection: false,
+    allowCustomPanel: typeof props.allowPanel === 'object' ? props.allowPanel.allowCustomPanel : false,
+    allowCustomPanelEdit: typeof props.allowPanel === 'object' ? props.allowPanel.allowCustomPanelEdit : false
+  }], Boolean(props.allowPanel)).maybeAdd(contextPanelPlugin, Boolean(isFullPage)).maybeAdd([extensionPlugin, {
+    breakoutEnabled: appearance === 'full-page' && (typeof props.allowExtension === 'object' ? props.allowExtension.allowBreakout : true) !== false,
+    allowAutoSave: typeof props.allowExtension === 'object' ? props.allowExtension.allowAutoSave : false,
+    extensionHandlers: props.extensionHandlers,
+    useLongPressSelection: false,
+    appearance
+  }], Boolean(props.allowExtension)).maybeAdd([annotationPlugin, undefined], Boolean(!props.annotationProviders && props.allowConfluenceInlineComment)).maybeAdd([datePlugin, {
+    weekStartDay: typeof props.allowDate === 'object' ? props.allowDate.weekStartDay : undefined
+  }], Boolean(props.allowDate)).maybeAdd([placeholderTextPlugin,
+  // @ts-expect-error 2322: Type 'false | PlaceholderTextOptions | undefined'
+  props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {}], Boolean(props.allowTemplatePlaceholders)).maybeAdd([layoutPlugin, {
+    ...(typeof props.allowLayouts === 'object' ? props.allowLayouts : {}),
+    useLongPressSelection: false,
+    UNSAFE_allowSingleColumnLayout: typeof props.allowLayouts === 'object' ? props.allowLayouts.UNSAFE_allowSingleColumnLayout : undefined
+  }], Boolean(props.allowLayouts)).maybeAdd([cardPlugin, {
+    ...props.UNSAFE_cards,
+    ...props.smartLinks,
+    ...((_props$linking = props.linking) === null || _props$linking === void 0 ? void 0 : _props$linking.smartLinks),
+    platform: isMobile ? 'mobile' : 'web',
+    fullWidthMode: appearance === 'full-width',
+    linkPicker: (_props$linking2 = props.linking) === null || _props$linking2 === void 0 ? void 0 : _props$linking2.linkPicker,
+    lpLinkPicker: (_featureFlags$lpLinkP2 = featureFlags.lpLinkPicker) !== null && _featureFlags$lpLinkP2 !== void 0 ? _featureFlags$lpLinkP2 : false,
+    editorAppearance: appearance
+  }], Boolean(((_props$linking3 = props.linking) === null || _props$linking3 === void 0 ? void 0 : _props$linking3.smartLinks) || props.smartLinks || props.UNSAFE_cards)).maybeAdd(customAutoformatPlugin, Boolean(props.autoformattingProvider)).maybeAdd([statusPlugin, {
+    menuDisabled: statusMenuDisabled,
+    allowZeroWidthSpaceAfter: !isMobile
+  }], Boolean(props.allowStatus)).maybeAdd(indentationPlugin, Boolean(props.allowIndentation)).maybeAdd(scrollIntoViewPlugin, Boolean(props.autoScrollIntoView !== false)).add([toolbarListsIndentationPlugin, {
     showIndentationButtons: !!props.showIndentationButtons,
     allowHeadingAndParagraphIndentation: !!props.allowIndentation
   }]).add([insertBlockPlugin, {
@@ -372,14 +178,10 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     nativeStatusSupported: !statusMenuDisabled,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
     replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false
-  }]).maybeAdd(beforePrimaryToolbarPlugin, (plugin, builder) => {
-    if (hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar) {
-      return builder.add([plugin, {
-        beforePrimaryToolbarComponents: props.primaryToolbarComponents.before
-      }]);
-    }
-    return builder;
-  }).add([avatarGroupPlugin, {
+  }]).maybeAdd([beforePrimaryToolbarPlugin, {
+    beforePrimaryToolbarComponents: // @ts-expect-error 2339: Property 'before' does not exist on type 'PrimaryToolbarComponents'.
+    (_props$primaryToolbar = props.primaryToolbarComponents) === null || _props$primaryToolbar === void 0 ? void 0 : _props$primaryToolbar.before
+  }], Boolean(hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar)).add([avatarGroupPlugin, {
     // Avatars are moved to Confluence codebase for Edit in Context
     // When Edit in Context is enabled primaryToolbarComponents is undefined
     // For more details please check
@@ -387,36 +189,21 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     collabEdit: props.collabEdit,
     takeFullWidth: !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
     showAvatarGroup: !props.hideAvatarGroup && featureFlags.showAvatarGroupAsPlugin === true && !featureFlags.twoLineEditorToolbar
-  }]).maybeAdd(findReplacePlugin, (plugin, builder) => {
-    if (props.allowFindReplace) {
-      return builder.add([plugin, {
-        takeFullWidth: !props.hideAvatarGroup && !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
-        twoLineEditorToolbar: !!props.primaryToolbarComponents && !!featureFlags.twoLineEditorToolbar
-      }]);
-    }
-    return builder;
-  }).maybeAdd(borderPlugin, (plugin, builder) => {
-    if (props.allowBorderMark || props.UNSAFE_allowBorderMark) {
-      return builder.add(plugin);
-    }
-    return builder;
-  }).maybeAdd(fragmentPlugin, (plugin, builder) => {
-    if (props.allowFragmentMark) {
-      return builder.add(plugin);
-    }
-    return builder;
-  }).maybeAdd(pasteOptionsToolbarPlugin, (plugin, builder) => {
+  }]).maybeAdd([findReplacePlugin, {
+    takeFullWidth: !props.hideAvatarGroup && !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
+    twoLineEditorToolbar: !!props.primaryToolbarComponents && !!featureFlags.twoLineEditorToolbar
+  }], Boolean(props.allowFindReplace)).maybeAdd(borderPlugin, Boolean(props.allowBorderMark || props.UNSAFE_allowBorderMark)).maybeAdd(fragmentPlugin, Boolean(props.allowFragmentMark)).maybeAdd(pasteOptionsToolbarPlugin, () => {
     if (getBooleanFF('platform.editor.paste-options-toolbar')) {
-      return builder.add(plugin);
+      return true;
     }
-    return builder;
+    return false;
   }).add([codeBidiWarningPlugin, {
     appearance
-  }]).maybeAdd(loomPlugin, (loomPlugin, builder) => {
+  }]).maybeAdd(loomPlugin, () => {
     if (getBooleanFF('platform.editor.loom-integration')) {
-      return builder.add(loomPlugin);
+      return true;
     }
-    return builder;
+    return false;
   });
   return finalPreset;
 }

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "191.4.3";
+export const version = "191.4.6";

package/dist/esm/presets/default.js

@@ -16,6 +16,7 @@ import { editorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import { featureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import { floatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
 import { focusPlugin } from '@atlaskit/editor-plugin-focus';
+import { historyPlugin } from '@atlaskit/editor-plugin-history';
 import { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
 import { pastePlugin } from '@atlaskit/editor-plugin-paste';
 import { placeholderPlugin } from '@atlaskit/editor-plugin-placeholder';
@@ -37,41 +38,21 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
  * their placement in the editor toolbar
  */
 export function createDefaultPreset(options) {
-  var preset = new EditorPresetBuilder().add([featureFlagsPlugin, options.featureFlags || {}]).maybeAdd(analyticsPlugin, function (plugin, builder) {
-    if (options.allowAnalyticsGASV3) {
-      var performanceTracking = options.performanceTracking,
-        createAnalyticsEvent = options.createAnalyticsEvent;
-      return builder.add([plugin, {
-        createAnalyticsEvent: createAnalyticsEvent,
-        performanceTracking: performanceTracking
-      }]);
-    }
-    return builder;
-  }).add(betterTypeHistoryPlugin).add([pastePlugin, options.paste]).add(clipboardPlugin).add(focusPlugin).add(compositionPlugin).add([basePlugin, options.base]).add(decorationsPlugin).maybeAdd(undoRedoPlugin, function (p, builder) {
-    var _options$featureFlags;
-    // The undo redo plugin needs to be add before the blockTypePlugin
-    if ((_options$featureFlags = options.featureFlags) !== null && _options$featureFlags !== void 0 && _options$featureFlags.undoRedoButtons) {
-      return builder.add(p);
-    }
-    return builder;
-  }).add([blockTypePlugin, options.blockType]).add(clearMarksOnEmptyDocPlugin).maybeAdd(annotationPlugin, function (p, builder) {
-    if (options.annotationProviders) {
-      return builder.add([p, options.annotationProviders]);
-    }
-    return builder;
-  })
-  /**
-   * Do not use this plugin - it is for AI purposes only.
-   */.maybeAdd(selectionToolbarPlugin, function (plugin, builder) {
+  var _options$featureFlags;
+  var isMobile = options.appearance === 'mobile';
+  var preset = new EditorPresetBuilder().add([featureFlagsPlugin, options.featureFlags || {}]).maybeAdd([analyticsPlugin, {
+    createAnalyticsEvent: options.createAnalyticsEvent,
+    performanceTracking: options.performanceTracking
+  }], Boolean(options.allowAnalyticsGASV3)).add(betterTypeHistoryPlugin).add([pastePlugin, options.paste]).add(clipboardPlugin).add(focusPlugin).add(compositionPlugin).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead || {
+    createAnalyticsEvent: options.createAnalyticsEvent
+  }]).maybeAdd(historyPlugin, Boolean(isMobile || options.allowUndoRedoButtons)).maybeAdd(undoRedoPlugin, Boolean((_options$featureFlags = options.featureFlags) === null || _options$featureFlags === void 0 ? void 0 : _options$featureFlags.undoRedoButtons)).add([blockTypePlugin, options.blockType]).add(clearMarksOnEmptyDocPlugin).maybeAdd([annotationPlugin, options.annotationProviders], Boolean(options.annotationProviders)).maybeAdd([selectionToolbarPlugin, {
+    preferenceToolbarAboveSelection: false
+  }], function () {
     if (getBooleanFF('platform.editor.enable-selection-toolbar_ucdwd')) {
-      return builder.add([plugin, {
-        preferenceToolbarAboveSelection: false
-      }]);
+      return true;
     }
-    return builder;
-  }).add([hyperlinkPlugin, options.hyperlinkOptions]).add([textFormattingPlugin, options.textFormatting]).add(widthPlugin).add([quickInsertPlugin, options.quickInsert]).add([typeAheadPlugin, options.typeAhead || {
-    createAnalyticsEvent: options.createAnalyticsEvent
-  }]).add([placeholderPlugin, options.placeholder]).add(unsupportedContentPlugin).add(editorDisabledPlugin).add([submitEditorPlugin, options.submitEditor]).add(copyButtonPlugin).add(floatingToolbarPlugin).add([selectionPlugin, options.selection]).add([codeBlockPlugin, options.codeBlock || {
+    return false;
+  }).add([hyperlinkPlugin, options.hyperlinkOptions]).add([textFormattingPlugin, options.textFormatting]).add(widthPlugin).add([quickInsertPlugin, options.quickInsert]).add([placeholderPlugin, options.placeholder]).add(unsupportedContentPlugin).add(editorDisabledPlugin).add([submitEditorPlugin, options.submitEditor]).add(copyButtonPlugin).add(floatingToolbarPlugin).add([selectionPlugin, options.selection]).add([codeBlockPlugin, options.codeBlock || {
     appearance: 'full-page'
   }]);
   return preset;