@atlaskit/editor-core 180.0.0 → 181.0.0

package/dist/esm/index.js

@@ -61,4 +61,5 @@ export { lightModeStatusColorPalette, darkModeStatusColorPalette } from './ui/Co
 export { DEFAULT_BORDER_COLOR } from './ui/ColorPalette/Palettes/common';
 export { default as messages, statusMessages, dateMessages } from './messages';
 export { createTypeAheadTools } from './plugins/type-ahead/api';
-export { createQuickInsertTools } from './plugins/quick-insert/api';
+export { createQuickInsertTools } from './plugins/quick-insert/api';
+export { default as EditorMigrationComponent } from './editor-next/editor-migration-component';

package/dist/esm/keymaps/consts.js

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

package/dist/esm/labs/next/internal/hooks/use-analytics/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { fireAnalyticsEvent } from '../../../../../plugins/analytics';
-import { analyticsEventKey } from '../../../../../plugins/analytics/consts';
+import { fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { analyticsEventKey } from '@atlaskit/editor-common/utils';
 
 /**
  * Subscribes to analytics events fired from editor components

package/dist/esm/labs/next/internal/hooks/use-editor/create-dispatch-transaction.js

@@ -1,10 +1,9 @@
 import { Node } from 'prosemirror-model';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, getAnalyticsEventsFromTransaction } from '../../../../../plugins/analytics';
+import { analyticsEventKey } from '@atlaskit/editor-common/utils';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
 import { findChangedNodesFromTransaction, validateNodes, validNode } from '../../../../../utils/nodes';
 import { compose, toJSON } from '../../../../../utils';
 import { getDocStructure } from '../../../../../utils/document-logger';
-import { analyticsEventKey } from '../../../../../plugins/analytics/consts';
-
 // Helper to assure correct payload when dispatch analytics
 function dispatchAnalytics(dispatch, payload) {
   dispatch(analyticsEventKey, payload);

package/dist/esm/labs/next/presets/create-stub-internal-apis.js

@@ -0,0 +1,110 @@
+import React from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { tablesPlugin } from '@atlaskit/editor-plugin-table';
+import { createEditorSelectionAPI } from '../../../selection-api/api';
+import { createInsertNodeAPI } from '../../../insert-api/api';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { attachPayloadIntoTransaction } from '../../../analytics-api/attach-payload-into-transaction';
+import { FabricChannel } from '@atlaskit/analytics-listeners';
+
+/**
+ * DO NOT USE THIS FUNCTION
+ *
+ * IT IS A TEMPORARY PLACEHOLDER UNTIL THOSE TICKETS XX-11111 XX-22222 are done
+ **/
+export var createStubInternalApis = function createStubInternalApis() {
+  var editorViewRef = {
+    current: null
+  };
+  var createAnalyticsEventRef = {
+    current: null
+  };
+
+  // @ts-ignore
+  var createAnalyticsEvent = function createAnalyticsEvent(payload) {
+    // That means the AnalyticsNext context is being used
+    if (createAnalyticsEventRef.current) {
+      return createAnalyticsEventRef.current(payload);
+    }
+
+    // That means, there is no createAnalyticsEvent available at all.
+    // This should not happen, but if it does, we will send a mock function to avoid
+    // regression on SmartLinks (they are the only one using this function directly)
+    // eslint-disable-next-line no-console
+    console.error('This should never be called, if it does we have a problem');
+    return {
+      fire: function fire() {}
+    };
+  };
+  var editorSelectionAPI = createEditorSelectionAPI();
+  var editorAnalyticsAPI = {
+    attachAnalyticsEvent: function attachAnalyticsEvent(payload) {
+      return function (tr) {
+        var editorView = editorViewRef.current;
+        if (!tr || !createAnalyticsEvent || !editorView) {
+          return false;
+        }
+        attachPayloadIntoTransaction({
+          tr: tr,
+          editorState: editorView.state,
+          payload: payload,
+          channel: FabricChannel.editor
+        });
+        return true;
+      };
+    }
+  };
+  var insertNodeAPI = createInsertNodeAPI({
+    getEditorView: function getEditorView() {
+      return editorViewRef.current;
+    },
+    getEditorPlugins: function getEditorPlugins() {
+      var fakeTablePlugin = tablesPlugin();
+      if (!(fakeTablePlugin !== null && fakeTablePlugin !== void 0 && fakeTablePlugin.pluginsOptions)) {
+        return [];
+      }
+      return [fakeTablePlugin];
+    }
+  });
+  var MountCreateAnalyticsEventRef = function MountCreateAnalyticsEventRef() {
+    var _useAnalyticsEvents = useAnalyticsEvents(),
+      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+    React.useLayoutEffect(function () {
+      createAnalyticsEventRef.current = createAnalyticsEvent;
+    }, [createAnalyticsEvent]);
+    return null;
+  };
+  var stubInternalApisPlugin = function stubInternalApisPlugin() {
+    return {
+      name: 'stubInternalApisPlugin',
+      pmPlugins: function pmPlugins() {
+        return [{
+          name: 'stubInternalApisPMPlugin',
+          plugin: function plugin() {
+            return new SafePlugin({
+              view: function view(editorView) {
+                editorViewRef.current = editorView;
+                return {
+                  destroy: function destroy() {
+                    editorViewRef.current = null;
+                    createAnalyticsEventRef.current = null;
+                  }
+                };
+              }
+            });
+          }
+        }];
+      },
+      contentComponent: function contentComponent() {
+        return /*#__PURE__*/React.createElement(MountCreateAnalyticsEventRef);
+      }
+    };
+  };
+  return {
+    editorSelectionAPI: editorSelectionAPI,
+    insertNodeAPI: insertNodeAPI,
+    editorAnalyticsAPI: editorAnalyticsAPI,
+    createAnalyticsEvent: createAnalyticsEvent,
+    stubInternalApisPlugin: stubInternalApisPlugin
+  };
+};

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

@@ -1,8 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 // #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
@@ -17,58 +15,59 @@ export function useCXHTMLPreset(_ref) {
       paste: {}
     }),
     _useDefaultPreset2 = _slicedToArray(_useDefaultPreset, 1),
-    preset = _useDefaultPreset2[0];
-  preset.add([basePlugin, {
-    allowInlineCursorTarget: true,
-    allowScrollGutter: {
-      getScrollElement: function getScrollElement(_view) {
-        return 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: 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
-    }]);
-  }
+    defaultPreset = _useDefaultPreset2[0];
+  var 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) {
@@ -77,7 +76,9 @@ export function EditorPresetCXHTML(props) {
   var _useCXHTMLPreset = useCXHTMLPreset(props),
     _useCXHTMLPreset2 = _slicedToArray(_useCXHTMLPreset, 1),
     preset = _useCXHTMLPreset2[0];
-  var plugins = preset.getEditorPlugins(excludes);
+  var plugins = preset.build({
+    excludePlugins: excludes
+  });
   return /*#__PURE__*/React.createElement(PresetProvider, {
     value: plugins
   }, children);

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

@@ -1,6 +1,5 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 // #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';
@@ -15,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';
@@ -24,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;
-  var 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 || {
+  var preset = new EditorPresetBuilder().add([pastePlugin, options.paste]).add(clipboardPlugin).add([basePlugin, options.base]).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([placeholderPlugin, options.placeholder]).add(clearMarksOnChangeToEmptyDocumentPlugin).maybeAdd(annotationPlugin, function (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;
@@ -65,13 +51,4 @@ export function createDefaultPreset(options) {
 export function useDefaultPreset(props) {
   var preset = createDefaultPreset(props);
   return [preset];
-}
-export function EditorPresetDefault(props) {
-  var _useDefaultPreset = useDefaultPreset(props),
-    _useDefaultPreset2 = _slicedToArray(_useDefaultPreset, 1),
-    preset = _useDefaultPreset2[0];
-  var plugins = preset.getEditorPlugins();
-  return /*#__PURE__*/React.createElement(PresetProvider, {
-    value: plugins
-  }, props.children);
 }

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

@@ -1,32 +1,34 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 // #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,78 +38,72 @@ export function useMobilePreset(_ref) {
     maxContentSize = _ref.maxContentSize,
     createAnalyticsEvent = _ref.createAnalyticsEvent,
     featureFlags = _ref.featureFlags;
-  var mediaProvider = useProvider('mediaProvider');
+  //const mediaProvider = useProvider('mediaProvider');
   var _useDefaultPreset = useDefaultPreset({
       featureFlags: featureFlags,
       paste: {}
     }),
     _useDefaultPreset2 = _slicedToArray(_useDefaultPreset, 1),
-    preset = _useDefaultPreset2[0];
-  preset.add([basePlugin, {
-    allowScrollGutter: {
-      getScrollElement: function getScrollElement() {
-        return 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: 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
+    defaultPreset = _useDefaultPreset2[0];
+  var 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) {
@@ -117,7 +113,9 @@ export function EditorPresetMobile(props) {
     _useMobilePreset2 = _slicedToArray(_useMobilePreset, 1),
     preset = _useMobilePreset2[0];
   var providerFactory = useProviderFactory();
-  var plugins = preset.getEditorPlugins(addExcludesFromProviderFactory(providerFactory, excludes));
+  var plugins = preset.build({
+    excludePlugins: addExcludesFromProviderFactory(providerFactory, excludes)
+  });
   return /*#__PURE__*/React.createElement(PresetProvider, {
     value: plugins
   }, children);