@atlaskit/editor-core 180.1.0 → 181.0.1

package/dist/es2019/editor-next/utils/handleProviders.js

@@ -7,38 +7,32 @@
  * @param extensionProvider
  * @param quickInsertProvider
  */
-export default function handleProviders(providerFactory, props, extensionProvider, quickInsertProvider) {
-  var _linking$smartLinks;
-  const {
-    emojiProvider,
-    mentionProvider,
-    taskDecisionProvider,
-    contextIdentifierProvider,
-    collabEditProvider,
-    activityProvider,
-    presenceProvider,
-    macroProvider,
-    legacyImageUploadProvider,
-    media,
-    collabEdit,
-    autoformattingProvider,
-    searchProvider,
-    UNSAFE_cards,
-    smartLinks,
-    linking
-  } = props;
+export default function handleProviders(providerFactory, {
+  emojiProvider,
+  mentionProvider,
+  taskDecisionProvider,
+  contextIdentifierProvider,
+  collabEditProvider,
+  activityProvider,
+  presenceProvider,
+  macroProvider,
+  imageUploadProvider,
+  mediaProvider,
+  autoformattingProvider,
+  searchProvider,
+  cardProvider
+}, extensionProvider, quickInsertProvider) {
   providerFactory.setProvider('emojiProvider', emojiProvider);
   providerFactory.setProvider('mentionProvider', mentionProvider);
   providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
   providerFactory.setProvider('contextIdentifierProvider', contextIdentifierProvider);
-  providerFactory.setProvider('mediaProvider', media && media.provider);
-  providerFactory.setProvider('imageUploadProvider', legacyImageUploadProvider);
-  providerFactory.setProvider('collabEditProvider', collabEdit && collabEdit.provider ? collabEdit.provider : collabEditProvider);
+  providerFactory.setProvider('mediaProvider', mediaProvider);
+  providerFactory.setProvider('imageUploadProvider', imageUploadProvider);
+  providerFactory.setProvider('collabEditProvider', collabEditProvider);
   providerFactory.setProvider('activityProvider', activityProvider);
   providerFactory.setProvider('searchProvider', searchProvider);
   providerFactory.setProvider('presenceProvider', presenceProvider);
   providerFactory.setProvider('macroProvider', macroProvider);
-  const cardProvider = (linking === null || linking === void 0 ? void 0 : (_linking$smartLinks = linking.smartLinks) === null || _linking$smartLinks === void 0 ? void 0 : _linking$smartLinks.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider;
   if (cardProvider) {
     providerFactory.setProvider('cardProvider', cardProvider);
   }

package/dist/es2019/editor.js

@@ -19,12 +19,14 @@ import { fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import prepareQuickInsertProvider from './utils/prepare-quick-insert-provider';
 import prepareExtensionProvider from './utils/prepare-extension-provider';
 import handleProviders from './editor-next/utils/handleProviders';
+import getProvidersFromEditorProps from './editor-next/utils/getProvidersFromEditorProps';
 import { startMeasure, clearMeasure, stopMeasure, measureTTI } from '@atlaskit/editor-common/utils';
 import measurements from './utils/performance/measure-enum';
 import editorMeasureTTICallback from './editor-next/utils/editorMeasureTTICallback';
 import { ACTION } from '@atlaskit/editor-common/analytics';
 import sendDurationAnalytics from './editor-next/utils/sendDurationAnalytics';
-import getEditorPlugins from './utils/get-editor-plugins';
+import { createPreset } from './create-editor/create-plugins-list';
+import { shouldRecreatePreset } from './create-editor/preset-utils';
 export default class Editor extends React.Component {
   /**
    * WARNING: Code should be shared between Editor + EditorNext
@@ -52,7 +54,6 @@ export default class Editor extends React.Component {
     this.startTime = performance.now();
     this.onEditorCreated = this.onEditorCreated.bind(this);
     this.onEditorDestroyed = this.onEditorDestroyed.bind(this);
-    this.getEditorPlugins = this.getEditorPlugins.bind(this);
     this.getExperienceStore = this.getExperienceStore.bind(this);
     this.trackEditorActions(this.editorActions, props);
 
@@ -74,9 +75,11 @@ export default class Editor extends React.Component {
      */
     const _extensionProvider = this.prepareExtensionProvider(props.extensionProviders);
     const quickInsertProvider = this.prepareQuickInsertProvider(_extensionProvider, props.quickInsert);
+    const preset = createPreset(props, undefined, this.createAnalyticsEvent);
     this.state = {
       extensionProvider: _extensionProvider,
-      quickInsertProvider
+      quickInsertProvider,
+      preset
     };
   }
 
@@ -87,7 +90,7 @@ export default class Editor extends React.Component {
    */
   componentDidMount() {
     stopMeasure(measurements.EDITOR_MOUNTED, sendDurationAnalytics(ACTION.EDITOR_MOUNTED, this.props, this.getExperienceStore, this.createAnalyticsEvent));
-    handleProviders(this.providerFactory, this.props, this.state.extensionProvider, this.state.quickInsertProvider);
+    handleProviders(this.providerFactory, getProvidersFromEditorProps(this.props), this.state.extensionProvider, this.state.quickInsertProvider);
   }
 
   /**
@@ -95,6 +98,8 @@ export default class Editor extends React.Component {
    * `useProviderFactory` (editor-next/hooks/useProviderFactory.ts)
    */
   componentDidUpdate(prevProps) {
+    const needsANewPreset = shouldRecreatePreset(prevProps, this.props);
+    const preset = needsANewPreset ? createPreset(this.props, prevProps, this.createAnalyticsEvent) : this.state.preset;
     const {
       extensionProviders,
       quickInsert
@@ -108,11 +113,18 @@ export default class Editor extends React.Component {
       const quickInsertProvider = this.prepareQuickInsertProvider(extensionProvider, quickInsert);
       this.setState({
         extensionProvider,
-        quickInsertProvider
-      }, () => handleProviders(this.providerFactory, this.props, this.state.extensionProvider, this.state.quickInsertProvider));
+        quickInsertProvider,
+        preset
+      }, () => handleProviders(this.providerFactory, getProvidersFromEditorProps(this.props), this.state.extensionProvider, this.state.quickInsertProvider));
       return;
     }
-    handleProviders(this.providerFactory, this.props, this.state.extensionProvider, this.state.quickInsertProvider);
+    if (needsANewPreset) {
+      this.setState({
+        preset
+      });
+      return;
+    }
+    handleProviders(this.providerFactory, getProvidersFromEditorProps(this.props), this.state.extensionProvider, this.state.quickInsertProvider);
   }
 
   /**
@@ -213,7 +225,7 @@ export default class Editor extends React.Component {
         props: this.props,
         handleAnalyticsEvent: this.handleAnalyticsEvent,
         createAnalyticsEvent: this.createAnalyticsEvent,
-        getEditorPlugins: this.getEditorPlugins,
+        preset: this.state.preset,
         handleSave: this.handleSave,
         editorActions: this.editorActions,
         providerFactory: this.providerFactory,
@@ -222,9 +234,6 @@ export default class Editor extends React.Component {
       })
     }));
   }
-  getEditorPlugins(props) {
-    return getEditorPlugins(props);
-  }
 }
 _defineProperty(Editor, "defaultProps", defaultProps);
 _defineProperty(Editor, "contextTypes", {

package/dist/es2019/keymaps/consts.js

@@ -1,12 +1,8 @@
-export const LEFT = 37;
-export const RIGHT = 39;
-export const UP = 38;
-export const DOWN = 40;
-export const KEY_0 = 48;
-export const KEY_1 = 49;
-export const KEY_2 = 50;
-export const KEY_3 = 51;
-export const KEY_4 = 52;
-export const KEY_5 = 53;
-export const KEY_6 = 54;
+const KEY_0 = 48;
+const KEY_1 = 49;
+const KEY_2 = 50;
+const KEY_3 = 51;
+const KEY_4 = 52;
+const KEY_5 = 53;
+const KEY_6 = 54;
 export const HEADING_KEYS = [KEY_0, KEY_1, KEY_2, KEY_3, KEY_4, KEY_5, KEY_6];

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

@@ -1,7 +1,5 @@
 // #region Imports
 import React from 'react';
-import { tablesPlugin } from '@atlaskit/editor-plugin-table';
-import { panelPlugin, listPlugin, textColorPlugin, breakoutPlugin, jiraIssuePlugin, extensionPlugin, rulePlugin, datePlugin, layoutPlugin, indentationPlugin, cardPlugin, statusPlugin, mediaPlugin, mentionsPlugin, tasksAndDecisionsPlugin, insertBlockPlugin, basePlugin, placeholderPlugin } from '../../../plugins';
 import { PresetProvider } from '../Editor';
 import { useDefaultPreset } from './default';
 // #endregion
@@ -12,59 +10,62 @@ export function useCXHTMLPreset({
   placeholder,
   featureFlags
 }) {
-  const [preset] = useDefaultPreset({
+  const [defaultPreset] = useDefaultPreset({
     featureFlags,
     paste: {}
   });
-  preset.add([basePlugin, {
-    allowInlineCursorTarget: true,
-    allowScrollGutter: {
-      getScrollElement: _view => document.querySelector('.fabric-editor-popup-scroll-parent') || null
-    }
-  }]);
-  preset.add([tablesPlugin, {
-    tableOptions: {
-      advanced: true
-    }
-  }]);
-  preset.add([panelPlugin, {
-    allowCustomPanel: true
-  }]);
-  preset.add(listPlugin);
-  preset.add(textColorPlugin);
-  preset.add(breakoutPlugin);
-  preset.add(jiraIssuePlugin);
-  preset.add(extensionPlugin);
-  preset.add(rulePlugin);
-  preset.add(datePlugin);
-  preset.add(layoutPlugin);
-  preset.add(indentationPlugin);
-  preset.add([cardPlugin, {
-    allowBlockCards: true,
-    platform: 'web'
-  }]);
-  preset.add([statusPlugin, {
-    menuDisabled: false
-  }]);
-  preset.add(tasksAndDecisionsPlugin);
-  preset.add(insertBlockPlugin);
-  preset.add([placeholderPlugin, {
-    placeholder
-  }]);
-  if (mentionProvider) {
-    preset.add(mentionsPlugin);
-  }
-  if (mediaProvider) {
-    preset.add([mediaPlugin, {
-      provider: mediaProvider,
-      allowMediaSingle: true,
-      allowMediaGroup: true,
-      allowResizing: true,
-      allowLinking: true,
-      allowResizingInTables: true,
-      allowAltTextOnImages: true
-    }]);
-  }
+  const preset = defaultPreset;
+  //.add([
+  //  basePlugin,
+  //  {
+  //    allowInlineCursorTarget: true,
+  //    allowScrollGutter: {
+  //      getScrollElement: (_view) =>
+  //        document.querySelector('.fabric-editor-popup-scroll-parent') ||
+  //        null,
+  //    },
+  //  },
+  //])
+  //.add([tablesPlugin, { tableOptions: { advanced: true } }])
+  //.add([panelPlugin, { allowCustomPanel: true }])
+  //.add(listPlugin)
+  //.add(textColorPlugin)
+  //.add(breakoutPlugin)
+  //.add(jiraIssuePlugin)
+  //.add(extensionPlugin)
+  //.add(rulePlugin)
+  //.add(datePlugin)
+  //.add(layoutPlugin)
+  //.add(indentationPlugin)
+  //.add([cardPlugin, { allowBlockCards: true, platform: 'web' }])
+  //.add([statusPlugin, { menuDisabled: false }])
+  //.add(tasksAndDecisionsPlugin)
+  //.add(insertBlockPlugin)
+  ////.add([placeholderPlugin, { placeholder }])
+  //.maybeAdd(mentionsPlugin, (plugin, builder) => {
+  //  if (mentionProvider) {
+  //    return builder.add(plugin);
+  //  }
+  //  return builder;
+  //})
+  //.maybeAdd(mediaPlugin, (plugin, builder) => {
+  //  if (mediaProvider) {
+  //    preset.add([
+  //      plugin,
+  //      {
+  //        provider: mediaProvider,
+  //        allowMediaSingle: true,
+  //        allowMediaGroup: true,
+  //        allowResizing: true,
+  //        allowLinking: true,
+  //        allowResizingInTables: true,
+  //        allowAltTextOnImages: true,
+  //      },
+  //    ]);
+  //  }
+  //  return builder;
+  //});
+
   return [preset];
 }
 export function EditorPresetCXHTML(props) {
@@ -73,7 +74,9 @@ export function EditorPresetCXHTML(props) {
     excludes
   } = props;
   const [preset] = useCXHTMLPreset(props);
-  const plugins = preset.getEditorPlugins(excludes);
+  const plugins = preset.build({
+    excludePlugins: excludes
+  });
   return /*#__PURE__*/React.createElement(PresetProvider, {
     value: plugins
   }, children);

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

@@ -1,5 +1,5 @@
 // #region Imports
-import React from 'react';
+
 import pastePlugin from '../../../plugins/paste';
 import blockTypePlugin from '../../../plugins/block-type';
 import clearMarksOnChangeToEmptyDocumentPlugin from '../../../plugins/clear-marks-on-change-to-empty-document';
@@ -14,8 +14,6 @@ import submitEditorPlugin from '../../../plugins/submit-editor';
 import fakeTextCursorPlugin from '../../../plugins/fake-text-cursor';
 import featureFlagsContextPlugin from '../../../plugins/feature-flags-context';
 import floatingToolbarPlugin from '../../../plugins/floating-toolbar';
-import { PresetProvider } from '../Editor';
-import { Preset } from './preset';
 import clipboardPlugin from '../../../plugins/clipboard';
 import placeholderPlugin from '../../../plugins/placeholder';
 import annotationPlugin from '../../../plugins/annotation';
@@ -23,40 +21,29 @@ import quickInsertPlugin from '../../../plugins/quick-insert';
 import selectionPlugin from '../../../plugins/selection';
 import codeBlockPlugin from '../../../plugins/code-block';
 import undoRedoPlugin from '../../../plugins/undo-redo';
+import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+// #endregion
+
 /**
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
 export function createDefaultPreset(options) {
-  var _options$featureFlags;
-  const preset = new Preset();
-  preset.add([pastePlugin, options.paste]);
-  preset.add(clipboardPlugin);
-  preset.add([basePlugin, options.base]);
-  if ((_options$featureFlags = options.featureFlags) !== null && _options$featureFlags !== void 0 && _options$featureFlags.undoRedoButtons) {
-    preset.add(undoRedoPlugin);
-  }
-  preset.add([blockTypePlugin, options.blockType]);
-  preset.add([placeholderPlugin, options.placeholder]);
-  preset.add(clearMarksOnChangeToEmptyDocumentPlugin);
-  if (options.annotationProviders) {
-    preset.add([annotationPlugin, options.annotationProviders]);
-  }
-  preset.add([hyperlinkPlugin, options.hyperlinkOptions]);
-  preset.add([textFormattingPlugin, options.textFormatting]);
-  preset.add(widthPlugin);
-  preset.add([quickInsertPlugin, options.quickInsert]);
-  preset.add([typeAheadPlugin, options.typeAhead || {
+  const preset = new EditorPresetBuilder().add([pastePlugin, options.paste]).add(clipboardPlugin).add([basePlugin, options.base]).maybeAdd(undoRedoPlugin, (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([placeholderPlugin, options.placeholder]).add(clearMarksOnChangeToEmptyDocumentPlugin).maybeAdd(annotationPlugin, (p, builder) => {
+    if (options.annotationProviders) {
+      return builder.add([p, options.annotationProviders]);
+    }
+    return builder;
+  }).add([hyperlinkPlugin, options.hyperlinkOptions]).add([textFormattingPlugin, options.textFormatting]).add(widthPlugin).add([quickInsertPlugin, options.quickInsert]).add([typeAheadPlugin, options.typeAhead || {
     createAnalyticsEvent: options.createAnalyticsEvent
-  }]);
-  preset.add(unsupportedContentPlugin);
-  preset.add(editorDisabledPlugin);
-  preset.add([submitEditorPlugin, options.submitEditor]);
-  preset.add(fakeTextCursorPlugin);
-  preset.add(floatingToolbarPlugin);
-  preset.add([featureFlagsContextPlugin, options.featureFlags || {}]);
-  preset.add([selectionPlugin, options.selection]);
-  preset.add([codeBlockPlugin, options.codeBlock || {
+  }]).add(unsupportedContentPlugin).add(editorDisabledPlugin).add([submitEditorPlugin, options.submitEditor]).add(fakeTextCursorPlugin).add(floatingToolbarPlugin).add([featureFlagsContextPlugin, options.featureFlags || {}]).add([selectionPlugin, options.selection]).add([codeBlockPlugin, options.codeBlock || {
     appearance: 'full-page'
   }]);
   return preset;
@@ -64,11 +51,4 @@ export function createDefaultPreset(options) {
 export function useDefaultPreset(props) {
   const preset = createDefaultPreset(props);
   return [preset];
-}
-export function EditorPresetDefault(props) {
-  const [preset] = useDefaultPreset(props);
-  const plugins = preset.getEditorPlugins();
-  return /*#__PURE__*/React.createElement(PresetProvider, {
-    value: plugins
-  }, props.children);
 }

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

@@ -1,31 +1,33 @@
 // #region Imports
 import React from 'react';
-import { useProvider, useProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import analyticsPlugin from '../../../plugins/analytics';
-import basePlugin from '../../../plugins/base';
-import cardPlugin from '../../../plugins/card';
-import datePlugin from '../../../plugins/date';
-import emojiPlugin from '../../../plugins/emoji';
-import extensionPlugin from '../../../plugins/extension';
-import layoutPlugin from '../../../plugins/layout';
-import listPlugin from '../../../plugins/list';
-import mediaPlugin from '../../../plugins/media';
-import mentionsPlugin from '../../../plugins/mentions';
-import mobileDimensionsPlugin from '../../../plugins/mobile-dimensions';
-import panelPlugin from '../../../plugins/panel';
-import placeholderPlugin from '../../../plugins/placeholder';
-import rulePlugin from '../../../plugins/rule';
-import statusPlugin from '../../../plugins/status';
-import { tablesPlugin } from '@atlaskit/editor-plugin-table';
-import tasksAndDecisionsPlugin from '../../../plugins/tasks-and-decisions';
-import textColorPlugin from '../../../plugins/text-color';
-import maxContentSizePlugin from '../../../plugins/max-content-size';
-import expandPlugin from '../../../plugins/expand';
-import selectionPlugin from '../../../plugins/selection';
+import {
+// useProvider,
+useProviderFactory } from '@atlaskit/editor-common/provider-factory';
+//import analyticsPlugin from '../../../plugins/analytics';
+//import basePlugin from '../../../plugins/base';
+//import cardPlugin from '../../../plugins/card';
+//import datePlugin from '../../../plugins/date';
+//import emojiPlugin from '../../../plugins/emoji';
+//import extensionPlugin from '../../../plugins/extension';
+//import layoutPlugin from '../../../plugins/layout';
+//import listPlugin from '../../../plugins/list';
+
+//import mentionsPlugin from '../../../plugins/mentions';
+//import mobileDimensionsPlugin from '../../../plugins/mobile-dimensions';
+//import panelPlugin from '../../../plugins/panel';
+//import placeholderPlugin from '../../../plugins/placeholder';
+//import rulePlugin from '../../../plugins/rule';
+//import statusPlugin from '../../../plugins/status';
+//import { tablesPlugin } from '@atlaskit/editor-plugin-table';
+//import tasksAndDecisionsPlugin from '../../../plugins/tasks-and-decisions';
+//import textColorPlugin from '../../../plugins/text-color';
+//import maxContentSizePlugin from '../../../plugins/max-content-size';
+//import expandPlugin from '../../../plugins/expand';
+//import selectionPlugin from '../../../plugins/selection';
 import { PresetProvider } from '../Editor';
 import { useDefaultPreset } from './default';
 import { addExcludesFromProviderFactory } from './utils';
-import { quickInsertPlugin } from '../../../plugins';
+//import { quickInsertPlugin } from '../../../plugins';
 
 // #endregion
 
@@ -36,74 +38,70 @@ export function useMobilePreset({
   createAnalyticsEvent,
   featureFlags
 }) {
-  const mediaProvider = useProvider('mediaProvider');
-  const [preset] = useDefaultPreset({
+  //const mediaProvider = useProvider('mediaProvider');
+  const [defaultPreset] = useDefaultPreset({
     featureFlags,
     paste: {}
   });
-  preset.add([basePlugin, {
-    allowScrollGutter: {
-      getScrollElement: () => document.body,
-      allowCustomScrollHandler: false
-    }
-  }]);
-  preset.add([analyticsPlugin, createAnalyticsEvent]);
-  preset.add([tablesPlugin, {
-    tableOptions: {
-      allowControls: false
-    }
-  }]);
-  preset.add(panelPlugin);
-  preset.add(listPlugin);
-  preset.add(textColorPlugin);
-  preset.add(extensionPlugin);
-  preset.add(rulePlugin);
-  preset.add(datePlugin);
-  preset.add(layoutPlugin);
-  preset.add([quickInsertPlugin, {
-    headless: true,
-    disableDefaultItems: true
-  }]);
-  preset.add([statusPlugin, {
-    menuDisabled: false
-  }]);
-  preset.add([placeholderPlugin, {
-    placeholder
-  }]);
-  preset.add(mobileDimensionsPlugin);
-  preset.add(expandPlugin);
-  preset.add([selectionPlugin, {
-    useLongPressSelection: false
-  }]);
-  // Begin -> This would be exclude if the provider doesnt exist in the factory
-  preset.add(tasksAndDecisionsPlugin);
-  preset.add([cardPlugin, {
-    allowBlockCards: true,
-    platform: 'mobile'
-  }]);
-  preset.add(mentionsPlugin);
-  preset.add(emojiPlugin);
-  // End
+  const preset = defaultPreset;
+  //.add([
+  //  basePlugin,
+  //  {
+  //    allowScrollGutter: {
+  //      getScrollElement: () => document.body,
+  //      allowCustomScrollHandler: false,
+  //    },
+  //  },
+  //])
+  //.add([analyticsPlugin, createAnalyticsEvent])
+  //.add([tablesPlugin, { tableOptions: { allowControls: false } }])
+  //.add(panelPlugin)
+  //.add(listPlugin)
+  //.add(textColorPlugin)
+  //.add(extensionPlugin)
+  //.add(rulePlugin)
+  //.add(datePlugin)
+  //.add(layoutPlugin)
+  //.add([quickInsertPlugin, { headless: true, disableDefaultItems: true }])
+  //.add([statusPlugin, { menuDisabled: false }])
+  //.add([placeholderPlugin, { placeholder }])
+  //.add(mobileDimensionsPlugin)
+  //.add(expandPlugin)
+  ////.add([selectionPlugin, { useLongPressSelection: false }])
+  //// Begin -> This would be exclude if the provider doesnt exist in the factory
+  //.add(tasksAndDecisionsPlugin)
+  //.add([cardPlugin, { allowBlockCards: true, platform: 'mobile' }])
+  //.add(mentionsPlugin)
+  //.add(emojiPlugin)
+  //// End
+  //.maybeAdd(maxContentSizePlugin, (plugin, builder) => {
+  //  if (maxContentSize) {
+  //    return builder.add([plugin, maxContentSize as any]);
+  //  }
+  //  return builder;
+  //})
+  //.maybeAdd(mediaPlugin, (plugin, builder) => {
+  //  if (media) {
+  //    return builder.add([
+  //      plugin,
+  //      {
+  //        provider: mediaProvider,
+  //        customMediaPicker: media.picker,
+  //        fullWidthEnabled: false,
+  //        allowMediaSingle: true,
+  //        allowLazyLoading: false,
+  //        allowMediaSingleEditable: false,
+  //        allowRemoteDimensionsFetch: false,
+  //        allowMarkingUploadsAsIncomplete: true,
+  //        allowAltTextOnImages: true,
+  //        allowTemplatePlaceholders: { allowInserting: true },
+  //      },
+  //    ]);
+  //  }
+
+  //  return builder;
+  //});
 
-  if (maxContentSize) {
-    preset.add([maxContentSizePlugin, maxContentSize]);
-  }
-  if (media) {
-    preset.add([mediaPlugin, {
-      provider: mediaProvider,
-      customMediaPicker: media.picker,
-      fullWidthEnabled: false,
-      allowMediaSingle: true,
-      allowLazyLoading: false,
-      allowMediaSingleEditable: false,
-      allowRemoteDimensionsFetch: false,
-      allowMarkingUploadsAsIncomplete: true,
-      allowAltTextOnImages: true,
-      allowTemplatePlaceholders: {
-        allowInserting: true
-      }
-    }]);
-  }
   return [preset];
 }
 export function EditorPresetMobile(props) {
@@ -113,7 +111,9 @@ export function EditorPresetMobile(props) {
   } = props;
   const [preset] = useMobilePreset(props);
   const providerFactory = useProviderFactory();
-  const plugins = preset.getEditorPlugins(addExcludesFromProviderFactory(providerFactory, excludes));
+  const plugins = preset.build({
+    excludePlugins: addExcludesFromProviderFactory(providerFactory, excludes)
+  });
   return /*#__PURE__*/React.createElement(PresetProvider, {
     value: plugins
   }, children);