@atlaskit/editor-core 180.1.0 → 181.0.1

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