@atlaskit/editor-core 180.0.0 → 181.0.0

package/dist/cjs/index.js

@@ -83,6 +83,12 @@ Object.defineProperty(exports, "EditorContext", {
     return _EditorContext.default;
   }
 });
+Object.defineProperty(exports, "EditorMigrationComponent", {
+  enumerable: true,
+  get: function get() {
+    return _editorMigrationComponent.default;
+  }
+});
 Object.defineProperty(exports, "EmojiResource", {
   enumerable: true,
   get: function get() {
@@ -716,5 +722,6 @@ var _common = require("./ui/ColorPalette/Palettes/common");
 var _messages = _interopRequireWildcard(require("./messages"));
 var _api = require("./plugins/type-ahead/api");
 var _api2 = require("./plugins/quick-insert/api");
+var _editorMigrationComponent = _interopRequireDefault(require("./editor-next/editor-migration-component"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/cjs/keymaps/consts.js

@@ -3,28 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UP = exports.RIGHT = exports.LEFT = exports.KEY_6 = exports.KEY_5 = exports.KEY_4 = exports.KEY_3 = exports.KEY_2 = exports.KEY_1 = exports.KEY_0 = exports.HEADING_KEYS = exports.DOWN = void 0;
-var LEFT = 37;
-exports.LEFT = LEFT;
-var RIGHT = 39;
-exports.RIGHT = RIGHT;
-var UP = 38;
-exports.UP = UP;
-var DOWN = 40;
-exports.DOWN = DOWN;
+exports.HEADING_KEYS = void 0;
 var KEY_0 = 48;
-exports.KEY_0 = KEY_0;
 var KEY_1 = 49;
-exports.KEY_1 = KEY_1;
 var KEY_2 = 50;
-exports.KEY_2 = KEY_2;
 var KEY_3 = 51;
-exports.KEY_3 = KEY_3;
 var KEY_4 = 52;
-exports.KEY_4 = KEY_4;
 var KEY_5 = 53;
-exports.KEY_5 = KEY_5;
 var KEY_6 = 54;
-exports.KEY_6 = KEY_6;
 var HEADING_KEYS = [KEY_0, KEY_1, KEY_2, KEY_3, KEY_4, KEY_5, KEY_6];
 exports.HEADING_KEYS = HEADING_KEYS;

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useAnalyticsHandler = useAnalyticsHandler;
 exports.useCreateAnalyticsHandler = useCreateAnalyticsHandler;
 var _react = _interopRequireDefault(require("react"));
-var _analytics = require("../../../../../plugins/analytics");
-var _consts = require("../../../../../plugins/analytics/consts");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _utils = require("@atlaskit/editor-common/utils");
 /**
  * Subscribes to analytics events fired from editor components
  * and passes them through to `fireAnalyticsEvent`.
@@ -23,14 +23,14 @@ function useAnalyticsHandler(editorSharedConfig) {
     handleAnalyticsEvent(payload);
   }, [editorSharedConfig]);
   if (editorSharedConfig) {
-    editorSharedConfig.eventDispatcher.on(_consts.analyticsEventKey, handleAnalyticsEvent);
+    editorSharedConfig.eventDispatcher.on(_utils.analyticsEventKey, handleAnalyticsEvent);
   }
   _react.default.useEffect(function () {
     return function () {
       if (!editorSharedConfig || !editorSharedConfig.eventDispatcher) {
         return;
       }
-      editorSharedConfig.eventDispatcher.off(_consts.analyticsEventKey, handleAnalyticsEvent);
+      editorSharedConfig.eventDispatcher.off(_utils.analyticsEventKey, handleAnalyticsEvent);
     };
   }, [editorSharedConfig, handleAnalyticsEvent]);
 }

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

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.createDispatchTransaction = createDispatchTransaction;
 exports.getEditorValue = getEditorValue;
 var _prosemirrorModel = require("prosemirror-model");
-var _analytics = require("../../../../../plugins/analytics");
+var _utils = require("@atlaskit/editor-common/utils");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _nodes = require("../../../../../utils/nodes");
-var _utils = require("../../../../../utils");
+var _utils2 = require("../../../../../utils");
 var _documentLogger = require("../../../../../utils/document-logger");
-var _consts = require("../../../../../plugins/analytics/consts");
 // Helper to assure correct payload when dispatch analytics
 function dispatchAnalytics(dispatch, payload) {
-  dispatch(_consts.analyticsEventKey, payload);
+  dispatch(_utils.analyticsEventKey, payload);
 }
 function createDispatchTransaction(editorSharedConfig) {
   return function dispatchTransaction(transaction) {
@@ -56,7 +56,7 @@ function createDispatchTransaction(editorSharedConfig) {
   };
 }
 function getEditorValue(editorView, transformer) {
-  return (0, _utils.compose)(function (doc) {
+  return (0, _utils2.compose)(function (doc) {
     return transformer && transformer.encode ? transformer.encode(_prosemirrorModel.Node.fromJSON(editorView.state.schema, doc)) : doc;
-  }, _utils.toJSON)(editorView.state.doc);
+  }, _utils2.toJSON)(editorView.state.doc);
 }

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

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createStubInternalApis = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _editorPluginTable = require("@atlaskit/editor-plugin-table");
+var _api = require("../../../selection-api/api");
+var _api2 = require("../../../insert-api/api");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _attachPayloadIntoTransaction = require("../../../analytics-api/attach-payload-into-transaction");
+var _analyticsListeners = require("@atlaskit/analytics-listeners");
+/**
+ * DO NOT USE THIS FUNCTION
+ *
+ * IT IS A TEMPORARY PLACEHOLDER UNTIL THOSE TICKETS XX-11111 XX-22222 are done
+ **/
+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 = (0, _api.createEditorSelectionAPI)();
+  var editorAnalyticsAPI = {
+    attachAnalyticsEvent: function attachAnalyticsEvent(payload) {
+      return function (tr) {
+        var editorView = editorViewRef.current;
+        if (!tr || !createAnalyticsEvent || !editorView) {
+          return false;
+        }
+        (0, _attachPayloadIntoTransaction.attachPayloadIntoTransaction)({
+          tr: tr,
+          editorState: editorView.state,
+          payload: payload,
+          channel: _analyticsListeners.FabricChannel.editor
+        });
+        return true;
+      };
+    }
+  };
+  var insertNodeAPI = (0, _api2.createInsertNodeAPI)({
+    getEditorView: function getEditorView() {
+      return editorViewRef.current;
+    },
+    getEditorPlugins: function getEditorPlugins() {
+      var fakeTablePlugin = (0, _editorPluginTable.tablesPlugin)();
+      if (!(fakeTablePlugin !== null && fakeTablePlugin !== void 0 && fakeTablePlugin.pluginsOptions)) {
+        return [];
+      }
+      return [fakeTablePlugin];
+    }
+  });
+  var MountCreateAnalyticsEventRef = function MountCreateAnalyticsEventRef() {
+    var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+    _react.default.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.SafePlugin({
+              view: function view(editorView) {
+                editorViewRef.current = editorView;
+                return {
+                  destroy: function destroy() {
+                    editorViewRef.current = null;
+                    createAnalyticsEventRef.current = null;
+                  }
+                };
+              }
+            });
+          }
+        }];
+      },
+      contentComponent: function contentComponent() {
+        return /*#__PURE__*/_react.default.createElement(MountCreateAnalyticsEventRef);
+      }
+    };
+  };
+  return {
+    editorSelectionAPI: editorSelectionAPI,
+    insertNodeAPI: insertNodeAPI,
+    editorAnalyticsAPI: editorAnalyticsAPI,
+    createAnalyticsEvent: createAnalyticsEvent,
+    stubInternalApisPlugin: stubInternalApisPlugin
+  };
+};
+exports.createStubInternalApis = createStubInternalApis;

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

@@ -8,8 +8,6 @@ exports.EditorPresetCXHTML = EditorPresetCXHTML;
 exports.useCXHTMLPreset = useCXHTMLPreset;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
-var _editorPluginTable = require("@atlaskit/editor-plugin-table");
-var _plugins = require("../../../plugins");
 var _Editor = require("../Editor");
 var _default = require("./default");
 // #region Imports
@@ -24,58 +22,59 @@ function useCXHTMLPreset(_ref) {
       paste: {}
     }),
     _useDefaultPreset2 = (0, _slicedToArray2.default)(_useDefaultPreset, 1),
-    preset = _useDefaultPreset2[0];
-  preset.add([_plugins.basePlugin, {
-    allowInlineCursorTarget: true,
-    allowScrollGutter: {
-      getScrollElement: function getScrollElement(_view) {
-        return document.querySelector('.fabric-editor-popup-scroll-parent') || null;
-      }
-    }
-  }]);
-  preset.add([_editorPluginTable.tablesPlugin, {
-    tableOptions: {
-      advanced: true
-    }
-  }]);
-  preset.add([_plugins.panelPlugin, {
-    allowCustomPanel: true
-  }]);
-  preset.add(_plugins.listPlugin);
-  preset.add(_plugins.textColorPlugin);
-  preset.add(_plugins.breakoutPlugin);
-  preset.add(_plugins.jiraIssuePlugin);
-  preset.add(_plugins.extensionPlugin);
-  preset.add(_plugins.rulePlugin);
-  preset.add(_plugins.datePlugin);
-  preset.add(_plugins.layoutPlugin);
-  preset.add(_plugins.indentationPlugin);
-  preset.add([_plugins.cardPlugin, {
-    allowBlockCards: true,
-    platform: 'web'
-  }]);
-  preset.add([_plugins.statusPlugin, {
-    menuDisabled: false
-  }]);
-  preset.add(_plugins.tasksAndDecisionsPlugin);
-  preset.add(_plugins.insertBlockPlugin);
-  preset.add([_plugins.placeholderPlugin, {
-    placeholder: placeholder
-  }]);
-  if (mentionProvider) {
-    preset.add(_plugins.mentionsPlugin);
-  }
-  if (mediaProvider) {
-    preset.add([_plugins.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];
 }
 function EditorPresetCXHTML(props) {
@@ -84,7 +83,9 @@ function EditorPresetCXHTML(props) {
   var _useCXHTMLPreset = useCXHTMLPreset(props),
     _useCXHTMLPreset2 = (0, _slicedToArray2.default)(_useCXHTMLPreset, 1),
     preset = _useCXHTMLPreset2[0];
-  var plugins = preset.getEditorPlugins(excludes);
+  var plugins = preset.build({
+    excludePlugins: excludes
+  });
   return /*#__PURE__*/_react.default.createElement(_Editor.PresetProvider, {
     value: plugins
   }, children);

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

@@ -4,11 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EditorPresetDefault = EditorPresetDefault;
 exports.createDefaultPreset = createDefaultPreset;
 exports.useDefaultPreset = useDefaultPreset;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
 var _paste = _interopRequireDefault(require("../../../plugins/paste"));
 var _blockType = _interopRequireDefault(require("../../../plugins/block-type"));
 var _clearMarksOnChangeToEmptyDocument = _interopRequireDefault(require("../../../plugins/clear-marks-on-change-to-empty-document"));
@@ -23,8 +20,6 @@ var _submitEditor = _interopRequireDefault(require("../../../plugins/submit-edit
 var _fakeTextCursor = _interopRequireDefault(require("../../../plugins/fake-text-cursor"));
 var _featureFlagsContext = _interopRequireDefault(require("../../../plugins/feature-flags-context"));
 var _floatingToolbar = _interopRequireDefault(require("../../../plugins/floating-toolbar"));
-var _Editor = require("../Editor");
-var _preset = require("./preset");
 var _clipboard = _interopRequireDefault(require("../../../plugins/clipboard"));
 var _placeholder = _interopRequireDefault(require("../../../plugins/placeholder"));
 var _annotation = _interopRequireDefault(require("../../../plugins/annotation"));
@@ -32,6 +27,7 @@ var _quickInsert = _interopRequireDefault(require("../../../plugins/quick-insert
 var _selection = _interopRequireDefault(require("../../../plugins/selection"));
 var _codeBlock = _interopRequireDefault(require("../../../plugins/code-block"));
 var _undoRedo = _interopRequireDefault(require("../../../plugins/undo-redo"));
+var _preset = require("@atlaskit/editor-common/preset");
 // #region Imports
 
 /**
@@ -39,35 +35,21 @@ var _undoRedo = _interopRequireDefault(require("../../../plugins/undo-redo"));
  * their placement in the editor toolbar
  */
 function createDefaultPreset(options) {
-  var _options$featureFlags;
-  var preset = new _preset.Preset();
-  preset.add([_paste.default, options.paste]);
-  preset.add(_clipboard.default);
-  preset.add([_base.default, options.base]);
-  if ((_options$featureFlags = options.featureFlags) !== null && _options$featureFlags !== void 0 && _options$featureFlags.undoRedoButtons) {
-    preset.add(_undoRedo.default);
-  }
-  preset.add([_blockType.default, options.blockType]);
-  preset.add([_placeholder.default, options.placeholder]);
-  preset.add(_clearMarksOnChangeToEmptyDocument.default);
-  if (options.annotationProviders) {
-    preset.add([_annotation.default, options.annotationProviders]);
-  }
-  preset.add([_hyperlink.default, options.hyperlinkOptions]);
-  preset.add([_textFormatting.default, options.textFormatting]);
-  preset.add(_width.default);
-  preset.add([_quickInsert.default, options.quickInsert]);
-  preset.add([_typeAhead.default, options.typeAhead || {
+  var preset = new _preset.EditorPresetBuilder().add([_paste.default, options.paste]).add(_clipboard.default).add([_base.default, options.base]).maybeAdd(_undoRedo.default, 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([_blockType.default, options.blockType]).add([_placeholder.default, options.placeholder]).add(_clearMarksOnChangeToEmptyDocument.default).maybeAdd(_annotation.default, function (p, builder) {
+    if (options.annotationProviders) {
+      return builder.add([p, options.annotationProviders]);
+    }
+    return builder;
+  }).add([_hyperlink.default, options.hyperlinkOptions]).add([_textFormatting.default, options.textFormatting]).add(_width.default).add([_quickInsert.default, options.quickInsert]).add([_typeAhead.default, options.typeAhead || {
     createAnalyticsEvent: options.createAnalyticsEvent
-  }]);
-  preset.add(_unsupportedContent.default);
-  preset.add(_editorDisabled.default);
-  preset.add([_submitEditor.default, options.submitEditor]);
-  preset.add(_fakeTextCursor.default);
-  preset.add(_floatingToolbar.default);
-  preset.add([_featureFlagsContext.default, options.featureFlags || {}]);
-  preset.add([_selection.default, options.selection]);
-  preset.add([_codeBlock.default, options.codeBlock || {
+  }]).add(_unsupportedContent.default).add(_editorDisabled.default).add([_submitEditor.default, options.submitEditor]).add(_fakeTextCursor.default).add(_floatingToolbar.default).add([_featureFlagsContext.default, options.featureFlags || {}]).add([_selection.default, options.selection]).add([_codeBlock.default, options.codeBlock || {
     appearance: 'full-page'
   }]);
   return preset;
@@ -75,13 +57,4 @@ function createDefaultPreset(options) {
 function useDefaultPreset(props) {
   var preset = createDefaultPreset(props);
   return [preset];
-}
-function EditorPresetDefault(props) {
-  var _useDefaultPreset = useDefaultPreset(props),
-    _useDefaultPreset2 = (0, _slicedToArray2.default)(_useDefaultPreset, 1),
-    preset = _useDefaultPreset2[0];
-  var plugins = preset.getEditorPlugins();
-  return /*#__PURE__*/_react.default.createElement(_Editor.PresetProvider, {
-    value: plugins
-  }, props.children);
 }

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

@@ -9,111 +9,96 @@ exports.useMobilePreset = useMobilePreset;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _analytics = _interopRequireDefault(require("../../../plugins/analytics"));
-var _base = _interopRequireDefault(require("../../../plugins/base"));
-var _card = _interopRequireDefault(require("../../../plugins/card"));
-var _date = _interopRequireDefault(require("../../../plugins/date"));
-var _emoji = _interopRequireDefault(require("../../../plugins/emoji"));
-var _extension = _interopRequireDefault(require("../../../plugins/extension"));
-var _layout = _interopRequireDefault(require("../../../plugins/layout"));
-var _list = _interopRequireDefault(require("../../../plugins/list"));
-var _media = _interopRequireDefault(require("../../../plugins/media"));
-var _mentions = _interopRequireDefault(require("../../../plugins/mentions"));
-var _mobileDimensions = _interopRequireDefault(require("../../../plugins/mobile-dimensions"));
-var _panel = _interopRequireDefault(require("../../../plugins/panel"));
-var _placeholder = _interopRequireDefault(require("../../../plugins/placeholder"));
-var _rule = _interopRequireDefault(require("../../../plugins/rule"));
-var _status = _interopRequireDefault(require("../../../plugins/status"));
-var _editorPluginTable = require("@atlaskit/editor-plugin-table");
-var _tasksAndDecisions = _interopRequireDefault(require("../../../plugins/tasks-and-decisions"));
-var _textColor = _interopRequireDefault(require("../../../plugins/text-color"));
-var _maxContentSize = _interopRequireDefault(require("../../../plugins/max-content-size"));
-var _expand = _interopRequireDefault(require("../../../plugins/expand"));
-var _selection = _interopRequireDefault(require("../../../plugins/selection"));
 var _Editor = require("../Editor");
 var _default = require("./default");
 var _utils = require("./utils");
-var _plugins = require("../../../plugins");
 // #region Imports
 
+//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';
+
 function useMobilePreset(_ref) {
   var media = _ref.media,
     placeholder = _ref.placeholder,
     maxContentSize = _ref.maxContentSize,
     createAnalyticsEvent = _ref.createAnalyticsEvent,
     featureFlags = _ref.featureFlags;
-  var mediaProvider = (0, _providerFactory.useProvider)('mediaProvider');
+  //const mediaProvider = useProvider('mediaProvider');
   var _useDefaultPreset = (0, _default.useDefaultPreset)({
       featureFlags: featureFlags,
       paste: {}
     }),
     _useDefaultPreset2 = (0, _slicedToArray2.default)(_useDefaultPreset, 1),
-    preset = _useDefaultPreset2[0];
-  preset.add([_base.default, {
-    allowScrollGutter: {
-      getScrollElement: function getScrollElement() {
-        return document.body;
-      },
-      allowCustomScrollHandler: false
-    }
-  }]);
-  preset.add([_analytics.default, createAnalyticsEvent]);
-  preset.add([_editorPluginTable.tablesPlugin, {
-    tableOptions: {
-      allowControls: false
-    }
-  }]);
-  preset.add(_panel.default);
-  preset.add(_list.default);
-  preset.add(_textColor.default);
-  preset.add(_extension.default);
-  preset.add(_rule.default);
-  preset.add(_date.default);
-  preset.add(_layout.default);
-  preset.add([_plugins.quickInsertPlugin, {
-    headless: true,
-    disableDefaultItems: true
-  }]);
-  preset.add([_status.default, {
-    menuDisabled: false
-  }]);
-  preset.add([_placeholder.default, {
-    placeholder: placeholder
-  }]);
-  preset.add(_mobileDimensions.default);
-  preset.add(_expand.default);
-  preset.add([_selection.default, {
-    useLongPressSelection: false
-  }]);
-  // Begin -> This would be exclude if the provider doesnt exist in the factory
-  preset.add(_tasksAndDecisions.default);
-  preset.add([_card.default, {
-    allowBlockCards: true,
-    platform: 'mobile'
-  }]);
-  preset.add(_mentions.default);
-  preset.add(_emoji.default);
-  // 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([_maxContentSize.default, maxContentSize]);
-  }
-  if (media) {
-    preset.add([_media.default, {
-      provider: mediaProvider,
-      customMediaPicker: media.picker,
-      fullWidthEnabled: false,
-      allowMediaSingle: true,
-      allowLazyLoading: false,
-      allowMediaSingleEditable: false,
-      allowRemoteDimensionsFetch: false,
-      allowMarkingUploadsAsIncomplete: true,
-      allowAltTextOnImages: true,
-      allowTemplatePlaceholders: {
-        allowInserting: true
-      }
-    }]);
-  }
   return [preset];
 }
 function EditorPresetMobile(props) {
@@ -123,7 +108,9 @@ function EditorPresetMobile(props) {
     _useMobilePreset2 = (0, _slicedToArray2.default)(_useMobilePreset, 1),
     preset = _useMobilePreset2[0];
   var providerFactory = (0, _providerFactory.useProviderFactory)();
-  var plugins = preset.getEditorPlugins((0, _utils.addExcludesFromProviderFactory)(providerFactory, excludes));
+  var plugins = preset.build({
+    excludePlugins: (0, _utils.addExcludesFromProviderFactory)(providerFactory, excludes)
+  });
   return /*#__PURE__*/_react.default.createElement(_Editor.PresetProvider, {
     value: plugins
   }, children);