@atlaskit/editor-core 180.1.0 → 181.0.0

package/dist/esm/editor.js

@@ -27,12 +27,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';
 var Editor = /*#__PURE__*/function (_React$Component) {
   _inherits(Editor, _React$Component);
   var _super = _createSuper(Editor);
@@ -70,7 +72,6 @@ var Editor = /*#__PURE__*/function (_React$Component) {
     _this.startTime = performance.now();
     _this.onEditorCreated = _this.onEditorCreated.bind(_assertThisInitialized(_this));
     _this.onEditorDestroyed = _this.onEditorDestroyed.bind(_assertThisInitialized(_this));
-    _this.getEditorPlugins = _this.getEditorPlugins.bind(_assertThisInitialized(_this));
     _this.getExperienceStore = _this.getExperienceStore.bind(_assertThisInitialized(_this));
     _this.trackEditorActions(_this.editorActions, props);
 
@@ -92,9 +93,11 @@ var Editor = /*#__PURE__*/function (_React$Component) {
      */
     var _extensionProvider = _this.prepareExtensionProvider(props.extensionProviders);
     var quickInsertProvider = _this.prepareQuickInsertProvider(_extensionProvider, props.quickInsert);
+    var preset = createPreset(props, undefined, _this.createAnalyticsEvent);
     _this.state = {
       extensionProvider: _extensionProvider,
-      quickInsertProvider: quickInsertProvider
+      quickInsertProvider: quickInsertProvider,
+      preset: preset
     };
     return _this;
   }
@@ -108,7 +111,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function 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);
     }
 
     /**
@@ -119,6 +122,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this2 = this;
+      var needsANewPreset = shouldRecreatePreset(prevProps, this.props);
+      var preset = needsANewPreset ? createPreset(this.props, prevProps, this.createAnalyticsEvent) : this.state.preset;
       var _this$props2 = this.props,
         extensionProviders = _this$props2.extensionProviders,
         quickInsert = _this$props2.quickInsert;
@@ -131,13 +136,20 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         var quickInsertProvider = this.prepareQuickInsertProvider(extensionProvider, quickInsert);
         this.setState({
           extensionProvider: extensionProvider,
-          quickInsertProvider: quickInsertProvider
+          quickInsertProvider: quickInsertProvider,
+          preset: preset
         }, function () {
-          return handleProviders(_this2.providerFactory, _this2.props, _this2.state.extensionProvider, _this2.state.quickInsertProvider);
+          return handleProviders(_this2.providerFactory, getProvidersFromEditorProps(_this2.props), _this2.state.extensionProvider, _this2.state.quickInsertProvider);
         });
         return;
       }
-      handleProviders(this.providerFactory, this.props, this.state.extensionProvider, this.state.quickInsertProvider);
+      if (needsANewPreset) {
+        this.setState({
+          preset: preset
+        });
+        return;
+      }
+      handleProviders(this.providerFactory, getProvidersFromEditorProps(this.props), this.state.extensionProvider, this.state.quickInsertProvider);
     }
 
     /**
@@ -264,7 +276,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
             props: _this5.props,
             handleAnalyticsEvent: _this5.handleAnalyticsEvent,
             createAnalyticsEvent: _this5.createAnalyticsEvent,
-            getEditorPlugins: _this5.getEditorPlugins,
+            preset: _this5.state.preset,
             handleSave: _this5.handleSave,
             editorActions: _this5.editorActions,
             providerFactory: _this5.providerFactory,
@@ -274,11 +286,6 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         }
       }));
     }
-  }, {
-    key: "getEditorPlugins",
-    value: function getEditorPlugins(props) {
-      return _getEditorPlugins(props);
-    }
   }]);
   return Editor;
 }(React.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/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);