@atlaskit/editor-core 180.1.0 → 181.0.1

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);