@atlaskit/editor-core 179.0.4 → 179.1.1

package/dist/es2019/plugins/toolbar-lists-indentation/ui/Toolbar.js

@@ -11,10 +11,13 @@ import { messages } from '../../list/messages';
 import { messages as indentationMessages } from '../../indentation/messages';
 import { buttonGroupStyle, separatorStyles } from '../../../ui/styles';
 import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
+import { useEffect, useRef } from 'react';
 export function Toolbar(props) {
   const {
     formatMessage
   } = useIntl();
+  const indentButtonRef = useRef(null);
+  const outdentButtonRef = useRef(null);
   const {
     disabled,
     isReducedSpacing,
@@ -31,10 +34,22 @@ export function Toolbar(props) {
   const labelOrderedList = formatMessage(messages.orderedList);
   const indentMessage = formatMessage(indentationMessages.indent);
   const outdentMessage = formatMessage(indentationMessages.outdent);
+  const isIndentButtonFocused = document.activeElement === indentButtonRef.current;
+  const isOutdentButtonFocused = document.activeElement === outdentButtonRef.current;
   const handleOnItemActivated = buttonName => event => onItemActivated({
     editorView: props.editorView,
     buttonName
   });
+  useEffect(() => {
+    if (isIndentButtonFocused && indentDisabled && outdentButtonRef.current) {
+      outdentButtonRef.current.focus();
+    }
+  }, [indentButtonRef, indentDisabled, isIndentButtonFocused]);
+  useEffect(() => {
+    if (isOutdentButtonFocused && outdentDisabled && indentButtonRef.current) {
+      indentButtonRef.current.focus();
+    }
+  }, [outdentButtonRef, outdentDisabled, isOutdentButtonFocused]);
   return jsx("span", {
     css: buttonGroupStyle
   }, jsx(ToolbarButton, {
@@ -74,6 +89,7 @@ export function Toolbar(props) {
   }), showIndentationButtons && jsx(ToolbarButton, {
     buttonId: TOOLBAR_BUTTON.OUTDENT,
     testId: TOOLBAR_BUTTON.OUTDENT,
+    ref: outdentButtonRef,
     spacing: isReducedSpacing ? 'none' : 'default',
     onClick: handleOnItemActivated('outdent'),
     iconBefore: jsx(OutdentIcon, {
@@ -89,6 +105,7 @@ export function Toolbar(props) {
   }), showIndentationButtons && jsx(ToolbarButton, {
     buttonId: TOOLBAR_BUTTON.INDENT,
     testId: TOOLBAR_BUTTON.INDENT,
+    ref: indentButtonRef,
     spacing: isReducedSpacing ? 'none' : 'default',
     onClick: handleOnItemActivated('indent'),
     iconBefore: jsx(IndentIcon, {

package/dist/es2019/plugins/type-ahead/ui/InputQuery.js

@@ -184,20 +184,20 @@ export const InputQuery = /*#__PURE__*/React.memo(({
     return false;
   }, [onQueryFocus]);
   const queryStyle = css({
-    outline: 'none',
-    position: 'absolute',
-    fontFamily: 'inherit',
-    fontSize: 'inherit',
-    fontWeight: 'inherit',
-    letterSpacing: 'inherit',
-    padding: 0,
-    height: '100%',
-    width: '100%',
-    top: 0,
-    left: 0,
-    background: 'transparent',
-    border: 'none',
     '&&': {
+      outline: 'none',
+      position: 'absolute',
+      fontFamily: 'inherit',
+      fontSize: 'inherit',
+      fontWeight: 'inherit',
+      letterSpacing: 'inherit',
+      padding: 0,
+      height: '100%',
+      width: '100%',
+      top: 0,
+      left: 0,
+      background: 'transparent',
+      border: 'none',
       color: `${`var(--ds-link, ${colors.B400})`}`
     }
   });

package/dist/es2019/utils/document.js

@@ -28,7 +28,8 @@ export function hasVisibleContent(node) {
   }
   for (let index = 0; index < node.childCount; index++) {
     const child = node.child(index);
-    if (hasVisibleContent(child)) {
+    const invisibleNodeTypes = ['paragraph', 'text', 'hardBreak'];
+    if (!invisibleNodeTypes.includes(child.type.name) || hasVisibleContent(child)) {
       return true;
     }
   }
@@ -269,7 +270,7 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
         action: ACTION.DOCUMENT_PROCESSING_ERROR,
         actionSubject: ACTION_SUBJECT.EDITOR,
         eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
+        nonPrivacySafeAttributes: {
           errorStack: e instanceof Error ? e.stack : String(e)
         }
       });

package/dist/es2019/utils/input-rules.js

@@ -3,6 +3,7 @@ import { canJoin, findWrapping } from 'prosemirror-transform';
 import { GapCursorSelection } from '@atlaskit/editor-common/selection';
 import { createInputRulePlugin } from '@atlaskit/prosemirror-input-rules';
 import { addAnalytics } from '../plugins/analytics';
+import { JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST } from '@atlaskit/editor-common/analytics';
 import { closeHistory } from 'prosemirror-history';
 import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
 import { getFeatureFlags } from '../plugins/feature-flags-context';
@@ -121,13 +122,13 @@ export const createWrappingJoinRule = ({
       if (node) {
         const nodeEnd = node.pos + node.node.nodeSize;
         const after = tr.doc.resolve(nodeEnd).nodeAfter;
-        if (after && after.type === nodeType && canJoin(tr.doc, nodeEnd) && (!joinPredicate || joinPredicate(match, after))) {
+        if (after && after.type === nodeType && canJoin(tr.doc, nodeEnd) && (!joinPredicate || joinPredicate(match, after, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST.JOINED_TO_LIST_BELOW))) {
           tr.join(nodeEnd);
         }
       }
     }
     const before = tr.doc.resolve(fixedStart - 1).nodeBefore;
-    if (before && before.type === nodeType && canJoin(tr.doc, fixedStart - 1) && (!joinPredicate || joinPredicate(match, before))) {
+    if (before && before.type === nodeType && canJoin(tr.doc, fixedStart - 1) && (!joinPredicate || joinPredicate(match, before, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST.JOINED_TO_LIST_ABOVE))) {
       tr.join(fixedStart - 1);
     }
     return tr;

package/dist/es2019/utils/lists.js

@@ -0,0 +1,26 @@
+import { findRootParentListNode } from '../plugins/list/utils/find';
+export const doesSelectionWhichStartsOrEndsInListContainEntireList = selection => {
+  const {
+    $from,
+    $to,
+    from,
+    to
+  } = selection;
+  const selectionParentListItemNodeResolvedPos = findRootParentListNode($from) || findRootParentListNode($to);
+  const selectionParentListNode = selectionParentListItemNodeResolvedPos === null || selectionParentListItemNodeResolvedPos === void 0 ? void 0 : selectionParentListItemNodeResolvedPos.parent;
+  if (!selectionParentListItemNodeResolvedPos || !selectionParentListNode) {
+    return false;
+  }
+  const startOfEntireList = $from.pos < $to.pos ? selectionParentListItemNodeResolvedPos.pos + $from.depth - 1 : selectionParentListItemNodeResolvedPos.pos + $to.depth - 1;
+  const endOfEntireList = $from.pos < $to.pos ? selectionParentListItemNodeResolvedPos.pos + selectionParentListNode.nodeSize - $to.depth - 1 : selectionParentListItemNodeResolvedPos.pos + selectionParentListNode.nodeSize - $from.depth - 1;
+  if (!startOfEntireList || !endOfEntireList) {
+    return false;
+  }
+  if (from < to) {
+    return startOfEntireList >= $from.pos && endOfEntireList <= $to.pos;
+  } else if (from > to) {
+    return startOfEntireList >= $to.pos && endOfEntireList <= $from.pos;
+  } else {
+    return false;
+  }
+};

package/dist/es2019/utils/prepare-quick-insert-provider.js

@@ -0,0 +1,17 @@
+import { extensionProviderToQuickInsertProvider, combineQuickInsertProviders } from './extensions';
+
+/**
+ *
+ * Used to combine the quickInsert provider and extension provider (if available)
+ * Or return a provider that is available (quickInsertProvider preferred)
+ * @param editorActions
+ * @param extensionProvider
+ * @param quickInsert
+ * @param createAnalyticsEvent
+ * @returns Quick insert provider if available
+ */
+export default function prepareQuickInsertProvider(editorActions, extensionProvider, quickInsert, createAnalyticsEvent) {
+  const quickInsertProvider = quickInsert && typeof quickInsert !== 'boolean' && quickInsert.provider;
+  const extensionQuickInsertProvider = extensionProvider && extensionProviderToQuickInsertProvider(extensionProvider, editorActions, createAnalyticsEvent);
+  return quickInsertProvider && extensionQuickInsertProvider ? combineQuickInsertProviders([quickInsertProvider, extensionQuickInsertProvider]) : quickInsertProvider || extensionQuickInsertProvider;
+}

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "179.0.4";
+export const version = "179.1.1";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "179.0.4",
+	"version": "179.1.1",
 	"sideEffects": false
 }

package/dist/esm/create-editor/ReactEditorView.js

@@ -26,7 +26,7 @@ import { RenderTracking } from '../utils/performance/components/RenderTracking';
 import { findChangedNodesFromTransaction, validateNodes, validNode } from '../utils/nodes';
 import createPluginList from './create-plugins-list';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, FULL_WIDTH_MODE, getAnalyticsEventsFromTransaction, PLATFORMS } from '../plugins/analytics';
-import { createFeatureFlagsFromProps } from '../plugins/feature-flags-context/feature-flags-from-props';
+import { createFeatureFlagsFromProps } from './feature-flags-from-props';
 import { getEnabledFeatureFlagKeys } from '../plugins/feature-flags-context/get-enabled-feature-flag-keys';
 import { createErrorReporter, createPMPlugins, processPluginsList } from './create-editor';
 import { getDocStructure } from '../utils/document-logger';

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

@@ -1,15 +1,10 @@
-import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, cardPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, analyticsPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin } from '../plugins';
-import { tablesPlugin } from '@atlaskit/editor-plugin-table';
-import { isFullPage as fullPageCheck } from '../utils/is-full-page';
+import createUniversalPreset from '../labs/next/presets/universal';
 import { GUTTER_SIZE_MOBILE_IN_PX } from '../plugins/base/pm-plugins/scroll-gutter';
-import { createFeatureFlagsFromProps } from '../plugins/feature-flags-context/feature-flags-from-props';
-import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { createDefaultPreset } from '../labs/next/presets/default';
-import { shouldForceTracking } from '@atlaskit/editor-common/utils';
+import { isFullPage as fullPageCheck } from '../utils/is-full-page';
+import { createFeatureFlagsFromProps } from './feature-flags-from-props';
 var isCodeBlockAllowed = function isCodeBlockAllowed(options) {
   var exclude = options && options.allowBlockType && options.allowBlockType.exclude ? options.allowBlockType.exclude : [];
   return exclude.indexOf('codeBlock') === -1;
@@ -44,7 +39,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
   var isMobile = appearance === 'mobile';
   var inputTracking = (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.inputTracking;
   var cardOptions = ((_props$linking = props.linking) === null || _props$linking === void 0 ? void 0 : _props$linking.smartLinks) || props.smartLinks || props.UNSAFE_cards;
-  return {
+  return _objectSpread(_objectSpread({}, props), {}, {
     createAnalyticsEvent: createAnalyticsEvent,
     typeAhead: {
       createAnalyticsEvent: createAnalyticsEvent,
@@ -97,7 +92,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
       appearance: props.appearance,
       allowCompositionInputOverride: isMobile
     })
-  };
+  });
 }
 
 /**
@@ -107,283 +102,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
  * their placement in the editor toolbar
  */
 export default function createPluginsList(props, prevProps, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth) {
-  var _props$linking3;
-  var appearance = props.appearance;
-  var isMobile = appearance === 'mobile';
-  var isComment = appearance === 'comment';
-  var isFullPage = fullPageCheck(appearance);
-  var preset = createDefaultPreset(getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent));
-  var featureFlags = createFeatureFlagsFromProps(props);
-  var getEditorFeatureFlags = function getEditorFeatureFlags() {
-    return featureFlags;
-  };
-  if (props.allowAnalyticsGASV3) {
-    var performanceTracking = props.performanceTracking;
-    preset.add([analyticsPlugin, {
-      createAnalyticsEvent: createAnalyticsEvent,
-      performanceTracking: 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
-  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),
-      useLongPressSelection: false,
-      appearance: props.appearance
-    }]);
-  }
-  if (props.media) {
-    preset.add([gridPlugin, {
-      shouldCalcBreakoutGridLines: isFullPage
-    }]);
-    var alignLeftOnInsert = typeof props.media.alignLeftOnInsert !== 'undefined' ? props.media.alignLeftOnInsert : isComment;
-    var showMediaLayoutOptions = typeof props.media.allowAdvancedToolBarOptions !== 'undefined' ? props.media.allowAdvancedToolBarOptions : isFullPage || isComment;
-    preset.add([mediaPlugin, _objectSpread(_objectSpread({}, props.media), {}, {
-      allowLazyLoading: !isMobile,
-      allowBreakoutSnapPoints: isFullPage,
-      allowAdvancedToolBarOptions: showMediaLayoutOptions,
-      allowDropzoneDropLine: isFullPage,
-      allowMediaSingleEditable: !isMobile,
-      allowRemoteDimensionsFetch: !isMobile,
-      editorSelectionAPI: editorSelectionAPI,
-      // This is a wild one. I didnt quite understand what the code was doing
-      // so a bit of guess for now.
-      allowMarkingUploadsAsIncomplete: isMobile,
-      fullWidthEnabled: props.appearance === 'full-width',
-      uploadErrorHandler: props.uploadErrorHandler,
-      waitForMediaUpload: props.waitForMediaUpload,
-      isCopyPasteEnabled: !isMobile,
-      alignLeftOnInsert: alignLeftOnInsert
-    })]);
-
-    // 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: createAnalyticsEvent,
-      sanitizePrivateContent: props.sanitizePrivateContent,
-      insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
-      allowZeroWidthSpaceAfter: !isMobile,
-      HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent
-    }]);
-  }
-  if (props.emojiProvider) {
-    preset.add([emojiPlugin, {
-      createAnalyticsEvent: createAnalyticsEvent
-    }]);
-  }
-  if (props.allowTables) {
-    var tableOptions = !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables;
-    preset.add([tablesPlugin, {
-      tableOptions: tableOptions,
-      breakoutEnabled: props.appearance === 'full-page',
-      allowContextualMenu: !isMobile,
-      fullWidthEnabled: props.appearance === 'full-width',
-      wasFullWidthEnabled: prevProps && prevProps.appearance === 'full-width',
-      editorAnalyticsAPI: editorAnalyticsAPI,
-      editorSelectionAPI: editorSelectionAPI,
-      getEditorFeatureFlags: getEditorFeatureFlags
-    }]);
-  }
-  if (props.allowTasksAndDecisions || props.taskDecisionProvider) {
-    preset.add([tasksAndDecisionsPlugin, {
-      allowNestedTasks: props.allowNestedTasks,
-      consumeTabs: isFullPage,
-      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: {
-          disableLayout: true
-        },
-        allowMediaGroup: false,
-        isCopyPasteEnabled: true,
-        editorSelectionAPI: editorSelectionAPI
-      }]);
-    }
-  }
-  if (props.collabEdit || props.collabEditProvider) {
-    var _collabEditOptions$EX;
-    var collabEditOptions = {
-      sanitizePrivateContent: props.sanitizePrivateContent,
-      createAnalyticsEvent: createAnalyticsEvent
-    };
-    if (props.collabEdit) {
-      collabEditOptions = _objectSpread(_objectSpread({}, props.collabEdit), collabEditOptions);
-    }
-    preset.add([collabEditPlugin, _objectSpread(_objectSpread({}, 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,
-      allowCustomPanel: props.allowPanel.allowCustomPanel,
-      allowCustomPanelEdit: props.allowPanel.allowCustomPanelEdit
-    }]);
-  }
-  if (props.allowExtension) {
-    var extensionConfig = _typeof(props.allowExtension) === 'object' ? props.allowExtension : {};
-    preset.add([extensionPlugin, {
-      breakoutEnabled: props.appearance === 'full-page' && extensionConfig.allowBreakout !== false,
-      allowAutoSave: extensionConfig.allowAutoSave,
-      extensionHandlers: props.extensionHandlers,
-      useLongPressSelection: false,
-      appearance: appearance
-    }]);
-  }
-  if (props.macroProvider) {
-    preset.add(macroPlugin);
-  }
-
-  // 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) {
-    var options = props.allowTemplatePlaceholders !== true ? props.allowTemplatePlaceholders : {};
-    preset.add([placeholderTextPlugin, options]);
-  }
-  if (props.allowLayouts) {
-    preset.add([layoutPlugin, _objectSpread(_objectSpread({}, 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;
-    var fullWidthMode = props.appearance === 'full-width';
-    preset.add([cardPlugin, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_cards), props.smartLinks), (_props$linking4 = props.linking) === null || _props$linking4 === void 0 ? void 0 : _props$linking4.smartLinks), {}, {
-      platform: isMobile ? 'mobile' : 'web',
-      fullWidthMode: fullWidthMode,
-      createAnalyticsEvent: createAnalyticsEvent,
-      linkPicker: (_props$linking5 = props.linking) === null || _props$linking5 === void 0 ? void 0 : _props$linking5.linkPicker
-    })]);
-  }
-  if (props.autoformattingProvider) {
-    preset.add(customAutoformatPlugin);
-  }
-  var statusMenuDisabled = true;
-  if (props.allowStatus) {
-    statusMenuDisabled = _typeof(props.allowStatus) === 'object' ? props.allowStatus.menuDisabled : false;
-    preset.add([statusPlugin, {
-      menuDisabled: statusMenuDisabled,
-      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
-  preset.add([toolbarListsIndentationPlugin, {
-    showIndentationButtons: !!featureFlags.indentationButtonsInTheToolbar,
-    allowHeadingAndParagraphIndentation: !!props.allowIndentation
-  }]);
-  preset.add([insertBlockPlugin, {
-    allowTables: !!props.allowTables,
-    allowExpand: isExpandInsertionEnabled(props),
-    insertMenuItems: props.insertMenuItems,
-    horizontalRuleEnabled: props.allowRule,
-    nativeStatusSupported: !statusMenuDisabled,
-    showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
-    replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false,
-    insertNodeAPI: insertNodeAPI
-  }]);
-  var hasBeforePrimaryToolbar = function 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);
-  }
+  var preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth);
   var excludes = new Set();
   if (!isCodeBlockAllowed({
     allowBlockType: props.allowBlockType

package/dist/esm/editor.js

@@ -35,10 +35,10 @@ import { PortalProviderWithThemeProviders, PortalRenderer } from './ui/PortalPro
 import { nextMajorVersion } from './version-wrapper';
 import { ContextAdapter } from './nodeviews/context-adapter';
 import measurements from './utils/performance/measure-enum';
-import { combineQuickInsertProviders, extensionProviderToQuickInsertProvider } from './utils/extensions';
+import prepareQuickInsertProvider from './utils/prepare-quick-insert-provider';
 import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION } from './plugins/analytics';
 import ErrorBoundary from './create-editor/ErrorBoundary';
-import { createFeatureFlagsFromProps } from './plugins/feature-flags-context/feature-flags-from-props';
+import { createFeatureFlagsFromProps } from './create-editor/feature-flags-from-props';
 import { RenderTracking } from './utils/performance/components/RenderTracking';
 var fullHeight = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100%;\n"])));
 var Editor = /*#__PURE__*/function (_React$Component) {
@@ -59,9 +59,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       return combineExtensionProviders(extensionProviders);
     }));
     _defineProperty(_assertThisInitialized(_this), "prepareQuickInsertProvider", function (extensionProvider, quickInsert) {
-      var quickInsertProvider = quickInsert && typeof quickInsert !== 'boolean' && quickInsert.provider;
-      var extensionQuickInsertProvider = extensionProvider && extensionProviderToQuickInsertProvider(extensionProvider, _this.editorActions, _this.createAnalyticsEvent);
-      return quickInsertProvider && extensionQuickInsertProvider ? combineQuickInsertProviders([quickInsertProvider, extensionQuickInsertProvider]) : quickInsertProvider || extensionQuickInsertProvider;
+      return prepareQuickInsertProvider(_this.editorActions, extensionProvider, quickInsert, _this.createAnalyticsEvent);
     });
     _defineProperty(_assertThisInitialized(_this), "handleSave", function (view) {
       if (!_this.props.onSave) {
@@ -121,10 +119,10 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       }, (_props$performanceTra5 = props.performanceTracking) === null || _props$performanceTra5 === void 0 ? void 0 : (_props$performanceTra6 = _props$performanceTra5.ttiTracking) === null || _props$performanceTra6 === void 0 ? void 0 : _props$performanceTra6.ttiIdleThreshold, (_props$performanceTra7 = props.performanceTracking) === null || _props$performanceTra7 === void 0 ? void 0 : (_props$performanceTra8 = _props$performanceTra7.ttiTracking) === null || _props$performanceTra8 === void 0 ? void 0 : _props$performanceTra8.ttiCancelTimeout);
     }
     var _extensionProvider = _this.prepareExtensionProvider(props.extensionProviders);
-    var _quickInsertProvider = _this.prepareQuickInsertProvider(_extensionProvider, props.quickInsert);
+    var quickInsertProvider = _this.prepareQuickInsertProvider(_extensionProvider, props.quickInsert);
     _this.state = {
       extensionProvider: _extensionProvider,
-      quickInsertProvider: _quickInsertProvider
+      quickInsertProvider: quickInsertProvider
     };
     return _this;
   }