@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/es2019/create-editor/create-editor.js

@@ -9,7 +9,6 @@ export function fixExcludes(marks) {
   const markGroups = new Set(markKeys.map(mark => marks[mark].group));
   markKeys.forEach(markKey => {
     const mark = marks[markKey];
-
     if (mark.excludes) {
       mark.excludes = mark.excludes.split(' ').filter(group => markGroups.has(group)).join(' ');
     }
@@ -26,49 +25,40 @@ export function processPluginsList(plugins) {
         if (!acc[pluginName]) {
           acc[pluginName] = [];
         }
-
         acc[pluginName].push(plugin.pluginsOptions[pluginName]);
       });
     }
-
     return acc;
   }, {});
+
   /**
    * Process plugins
    */
-
   return plugins.reduce((acc, plugin) => {
     if (plugin.pmPlugins) {
       acc.pmPlugins.push(...plugin.pmPlugins(plugin.name ? pluginsOptions[plugin.name] : undefined));
     }
-
     if (plugin.nodes) {
       acc.nodes.push(...plugin.nodes());
     }
-
     if (plugin.marks) {
       acc.marks.push(...plugin.marks());
     }
-
     if (plugin.contentComponent) {
       acc.contentComponents.push(plugin.contentComponent);
     }
-
     if (plugin.primaryToolbarComponent) {
       acc.primaryToolbarComponents.push(plugin.primaryToolbarComponent);
     }
-
     if (plugin.secondaryToolbarComponent) {
       acc.secondaryToolbarComponents.push(plugin.secondaryToolbarComponent);
     }
-
     if (plugin.onEditorViewStateUpdated) {
       acc.onEditorViewStateUpdatedCallbacks.push({
         pluginName: plugin.name,
         callback: plugin.onEditorViewStateUpdated
       });
     }
-
     return acc;
   }, {
     nodes: [],
@@ -98,12 +88,10 @@ export function createPMPlugins(config) {
   const saferDispatchedTransactions = featureFlags.saferDispatchedTransactions;
   const saferDispatchedTransactionsAnalyticsOnly = featureFlags.saferDispatchedTransactionsAnalyticsOnly;
   const useInstrumentedPlugin = uiTracking.enabled || transactionTracking.enabled || saferDispatchedTransactions || saferDispatchedTransactionsAnalyticsOnly;
-
   if (process.env.NODE_ENV === 'development' && transactionTracking.enabled && !transactionTracker) {
     // eslint-disable-next-line no-console
     console.warn('createPMPlugins(): tracking is turned on but transactionTracker not defined! Transaction tracking has been disabled');
   }
-
   const instrumentPlugin = useInstrumentedPlugin ? plugin => InstrumentedPlugin.fromPlugin(plugin, {
     uiTracking,
     transactionTracking,
@@ -128,10 +116,8 @@ export function createPMPlugins(config) {
 }
 export function createErrorReporter(errorReporterHandler) {
   const errorReporter = new ErrorReporter();
-
   if (errorReporterHandler) {
     errorReporter.handler = errorReporterHandler;
   }
-
   return errorReporter;
 }

package/dist/es2019/create-editor/create-plugins-list.js

@@ -6,25 +6,21 @@ import { createFeatureFlagsFromProps } from '../plugins/feature-flags-context/fe
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { createDefaultPreset } from '../labs/next/presets/default';
 import { shouldForceTracking } from '@atlaskit/editor-common/utils';
-
 const isCodeBlockAllowed = options => {
   const exclude = options && options.allowBlockType && options.allowBlockType.exclude ? options.allowBlockType.exclude : [];
   return exclude.indexOf('codeBlock') === -1;
 };
-
 export function getScrollGutterOptions(props) {
   const {
     appearance,
     persistScrollGutter
   } = props;
-
   if (fullPageCheck(appearance)) {
     // Full Page appearance uses a scrollable div wrapper
     return {
       getScrollElement: () => document.querySelector('.fabric-editor-popup-scroll-parent')
     };
   }
-
   if (appearance === 'mobile') {
     // Mobile appearance uses body scrolling for improved performance on low powered devices.
     return {
@@ -34,12 +30,10 @@ export function getScrollGutterOptions(props) {
       gutterSize: GUTTER_SIZE_MOBILE_IN_PX
     };
   }
-
   return undefined;
 }
 export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
   var _props$performanceTra, _props$linking, _props$performanceTra2, _props$textFormatting, _props$linking2;
-
   const appearance = props.appearance;
   const isMobile = appearance === 'mobile';
   const inputTracking = (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.inputTracking;
@@ -71,7 +65,8 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
       placeholder: props.placeholder,
       placeholderBracketHint: props.placeholderBracketHint
     },
-    textFormatting: { ...(props.textFormatting || {}),
+    textFormatting: {
+      ...(props.textFormatting || {}),
       responsiveToolbarMenu: ((_props$textFormatting = props.textFormatting) === null || _props$textFormatting === void 0 ? void 0 : _props$textFormatting.responsiveToolbarMenu) != null ? props.textFormatting.responsiveToolbarMenu : props.allowUndoRedoButtons
     },
     annotationProviders: props.annotationProviders,
@@ -92,32 +87,30 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
       cardOptions,
       platform: isMobile ? 'mobile' : 'web'
     },
-    codeBlock: { ...props.codeBlock,
+    codeBlock: {
+      ...props.codeBlock,
       useLongPressSelection: false,
       appearance: props.appearance,
       allowCompositionInputOverride: isMobile
     }
   };
 }
+
 /**
  * Maps EditorProps to EditorPlugins
  *
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
-
 export default function createPluginsList(props, prevProps, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth) {
   var _props$linking3;
-
   const appearance = props.appearance;
   const isMobile = appearance === 'mobile';
   const isComment = appearance === 'comment';
   const isFullPage = fullPageCheck(appearance);
   const preset = createDefaultPreset(getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent));
   const featureFlags = createFeatureFlagsFromProps(props);
-
   const getEditorFeatureFlags = () => featureFlags;
-
   if (props.allowAnalyticsGASV3) {
     const {
       performanceTracking
@@ -127,34 +120,28 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       performanceTracking
     }]);
   }
-
   if (props.allowBreakout && isFullPage) {
     preset.add([breakoutPlugin, {
       allowBreakoutButton: props.appearance === 'full-page'
     }]);
   }
-
   if (props.allowTextAlignment) {
     preset.add(alignmentPlugin);
   }
-
   preset.add(dataConsumerMarkPlugin);
-
   if (props.allowTextColor) {
     preset.add([textColorPlugin, props.allowTextColor]);
-  } // Needs to be after allowTextColor as order of buttons in toolbar depends on it
-
+  }
 
+  // Needs to be after allowTextColor as order of buttons in toolbar depends on it
   preset.add([listPlugin, {
     restartNumberedLists: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.restartNumberedLists,
     restartNumberedListsToolbar: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.restartNumberedListsToolbar,
     listNumberContinuity: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.listNumberContinuity
   }]);
-
   if (props.allowRule) {
     preset.add(rulePlugin);
   }
-
   if (props.allowExpand) {
     preset.add([expandPlugin, {
       allowInsertion: isExpandInsertionEnabled(props),
@@ -162,14 +149,14 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       appearance: props.appearance
     }]);
   }
-
   if (props.media) {
     preset.add([gridPlugin, {
       shouldCalcBreakoutGridLines: isFullPage
     }]);
     const alignLeftOnInsert = typeof props.media.alignLeftOnInsert !== 'undefined' ? props.media.alignLeftOnInsert : isComment;
     const showMediaLayoutOptions = typeof props.media.allowAdvancedToolBarOptions !== 'undefined' ? props.media.allowAdvancedToolBarOptions : isFullPage || isComment;
-    preset.add([mediaPlugin, { ...props.media,
+    preset.add([mediaPlugin, {
+      ...props.media,
       allowLazyLoading: !isMobile,
       allowBreakoutSnapPoints: isFullPage,
       allowAdvancedToolBarOptions: showMediaLayoutOptions,
@@ -185,16 +172,15 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       waitForMediaUpload: props.waitForMediaUpload,
       isCopyPasteEnabled: !isMobile,
       alignLeftOnInsert
-    }]); // EDM-799: inside caption plugin we do the feature flag in enabling the plugin
+    }]);
 
+    // EDM-799: inside caption plugin we do the feature flag in enabling the plugin
     if (getMediaFeatureFlag('captions', props.media.featureFlags)) {
       preset.add(captionPlugin);
     }
   }
-
   if (props.mentionProvider) {
     var _props$mention$insert, _props$mention, _props$mention2;
-
     preset.add([mentionsPlugin, {
       createAnalyticsEvent,
       sanitizePrivateContent: props.sanitizePrivateContent,
@@ -203,13 +189,11 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent
     }]);
   }
-
   if (props.emojiProvider) {
     preset.add([emojiPlugin, {
       createAnalyticsEvent
     }]);
   }
-
   if (props.allowTables) {
     const tableOptions = !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables;
     preset.add([tablesPlugin, {
@@ -223,7 +207,6 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       getEditorFeatureFlags
     }]);
   }
-
   if (props.allowTasksAndDecisions || props.taskDecisionProvider) {
     preset.add([tasksAndDecisionsPlugin, {
       allowNestedTasks: props.allowNestedTasks,
@@ -231,22 +214,17 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       useLongPressSelection: false
     }]);
   }
-
   if (props.feedbackInfo) {
     preset.add([feedbackDialogPlugin, props.feedbackInfo]);
   }
-
   if (props.allowHelpDialog) {
     preset.add([helpDialogPlugin, !!props.legacyImageUploadProvider]);
   }
-
   if (props.saveOnEnter && props.onSave) {
     preset.add([saveOnEnterPlugin, props.onSave]);
   }
-
   if (props.legacyImageUploadProvider) {
     preset.add(imageUploadPlugin);
-
     if (!props.media) {
       preset.add([mediaPlugin, {
         allowMediaSingle: {
@@ -258,34 +236,29 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       }]);
     }
   }
-
   if (props.collabEdit || props.collabEditProvider) {
     var _collabEditOptions$EX;
-
     let collabEditOptions = {
       sanitizePrivateContent: props.sanitizePrivateContent,
       createAnalyticsEvent
     };
-
     if (props.collabEdit) {
-      collabEditOptions = { ...props.collabEdit,
+      collabEditOptions = {
+        ...props.collabEdit,
         ...collabEditOptions
       };
     }
-
-    preset.add([collabEditPlugin, { ...collabEditOptions,
+    preset.add([collabEditPlugin, {
+      ...collabEditOptions,
       EXPERIMENTAL_allowInternalErrorAnalytics: (_collabEditOptions$EX = collabEditOptions.EXPERIMENTAL_allowInternalErrorAnalytics) !== null && _collabEditOptions$EX !== void 0 ? _collabEditOptions$EX : shouldForceTracking()
     }]);
   }
-
   if (props.maxContentSize) {
     preset.add([maxContentSizePlugin, props.maxContentSize]);
   }
-
   if (props.allowJiraIssue) {
     preset.add(jiraIssuePlugin);
   }
-
   if (props.allowPanel) {
     preset.add([panelPlugin, {
       useLongPressSelection: false,
@@ -293,7 +266,6 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       allowCustomPanelEdit: props.allowPanel.allowCustomPanelEdit
     }]);
   }
-
   if (props.allowExtension) {
     const extensionConfig = typeof props.allowExtension === 'object' ? props.allowExtension : {};
     preset.add([extensionPlugin, {
@@ -304,37 +276,33 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       appearance
     }]);
   }
-
   if (props.macroProvider) {
     preset.add(macroPlugin);
-  } // See default list for when adding annotations with a provider
-
+  }
 
+  // See default list for when adding annotations with a provider
   if (!props.annotationProviders && props.allowConfluenceInlineComment) {
     preset.add([annotationPlugin, undefined]);
   }
-
   if (props.allowDate) {
     preset.add(datePlugin);
   }
-
   if (props.allowTemplatePlaceholders) {
     const options = props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {};
     preset.add([placeholderTextPlugin, options]);
   }
-
   if (props.allowLayouts) {
-    preset.add([layoutPlugin, { ...(typeof props.allowLayouts === 'boolean' ? {} : props.allowLayouts),
+    preset.add([layoutPlugin, {
+      ...(typeof props.allowLayouts === 'boolean' ? {} : props.allowLayouts),
       useLongPressSelection: false,
       UNSAFE_allowSingleColumnLayout: props.allowLayouts.UNSAFE_allowSingleColumnLayout
     }]);
   }
-
   if ((_props$linking3 = props.linking) !== null && _props$linking3 !== void 0 && _props$linking3.smartLinks || props.smartLinks || props.UNSAFE_cards) {
     var _props$linking4, _props$linking5;
-
     const fullWidthMode = props.appearance === 'full-width';
-    preset.add([cardPlugin, { ...props.UNSAFE_cards,
+    preset.add([cardPlugin, {
+      ...props.UNSAFE_cards,
       ...props.smartLinks,
       ...((_props$linking4 = props.linking) === null || _props$linking4 === void 0 ? void 0 : _props$linking4.smartLinks),
       platform: isMobile ? 'mobile' : 'web',
@@ -343,13 +311,10 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       linkPicker: (_props$linking5 = props.linking) === null || _props$linking5 === void 0 ? void 0 : _props$linking5.linkPicker
     }]);
   }
-
   if (props.autoformattingProvider) {
     preset.add(customAutoformatPlugin);
   }
-
   let statusMenuDisabled = true;
-
   if (props.allowStatus) {
     statusMenuDisabled = typeof props.allowStatus === 'object' ? props.allowStatus.menuDisabled : false;
     preset.add([statusPlugin, {
@@ -357,29 +322,24 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       allowZeroWidthSpaceAfter: !isMobile
     }]);
   }
-
   if (props.allowIndentation) {
     preset.add(indentationPlugin);
   }
-
   if (isFullPage) {
     preset.add(contextPanelPlugin);
   }
-
   if (props.autoScrollIntoView !== false) {
     preset.add(scrollIntoViewPlugin);
   }
-
   if (isMobile || props.allowUndoRedoButtons) {
     preset.add(historyPlugin);
   }
-
   if (isMobile) {
     preset.add(mobileDimensionsPlugin);
     preset.add(mobileSelectionPlugin);
-  } // UI only plugins
-
+  }
 
+  // UI only plugins
   preset.add([toolbarListsIndentationPlugin, {
     showIndentationButtons: !!featureFlags.indentationButtonsInTheToolbar,
     allowHeadingAndParagraphIndentation: !!props.allowIndentation
@@ -394,58 +354,46 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false,
     insertNodeAPI
   }]);
-
   const hasBeforePrimaryToolbar = components => {
     if (components && 'before' in components) {
       return !!components.before;
     }
-
     return false;
   };
-
   if (hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar) {
     preset.add([beforePrimaryToolbarPlugin, {
       beforePrimaryToolbarComponents: props.primaryToolbarComponents.before
     }]);
   }
-
   if (featureFlags.showAvatarGroupAsPlugin === true && !featureFlags.twoLineEditorToolbar) {
     preset.add([avatarGroupPlugin, {
       collabEdit: props.collabEdit,
       takeFullWidth: !hasBeforePrimaryToolbar(props.primaryToolbarComponents)
     }]);
   }
-
   if (props.allowFindReplace) {
     preset.add([findReplacePlugin, {
       takeFullWidth: !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
       twoLineEditorToolbar: !!featureFlags.twoLineEditorToolbar
     }]);
   }
-
   if (props.allowFragmentMark) {
     preset.add(fragmentMarkPlugin);
   }
-
   if (featureFlags.enableViewUpdateSubscription) {
     preset.add(viewUpdateSubscriptionPlugin);
   }
-
   preset.add([codeBidiWarningPlugin, {
     appearance: props.appearance
   }]);
-
   if (featureFlags.floatingToolbarCopyButton) {
     preset.add(copyButtonPlugin);
   }
-
   const excludes = new Set();
-
   if (!isCodeBlockAllowed({
     allowBlockType: props.allowBlockType
   })) {
     excludes.add('codeBlock');
   }
-
   return preset.getEditorPlugins(excludes);
 }

package/dist/es2019/create-editor/get-ui-component.js

@@ -4,21 +4,16 @@ import Comment from '../ui/Appearance/Comment';
 import Mobile from '../ui/Appearance/Mobile';
 export default function getUiComponent(appearance) {
   appearance = appearance || 'comment';
-
   switch (appearance) {
     case 'full-page':
     case 'full-width':
       return FullPage;
-
     case 'chromeless':
       return Chromeless;
-
     case 'comment':
       return Comment;
-
     case 'mobile':
       return Mobile;
-
     default:
       throw new Error(`Appearance '${appearance}' is not supported by the editor.`);
   }