@atlaskit/editor-core 189.6.0 → 189.6.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-core
 
+## 189.6.2
+
+### Patch Changes
+
+- [#57660](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57660) [`2c320c63b42f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2c320c63b42f) - Adjust contentComponents editor prop to support before and after, enabling content to be shown below the editor
+- [#56823](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/56823) [`d2fbdf3b6822`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d2fbdf3b6822) - [ux] ECA11Y-111: Keyboard accessibility of table resizer
+- Updated dependencies
+
+## 189.6.1
+
+### Patch Changes
+
+- [#60029](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60029) [`b9826ea49c47`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b9826ea49c47) - Update dependencies that were impacted by HOT-106483 to latest.
+- [#60013](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60013) [`7d36e05bf828`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7d36e05bf828) - [No Issue] Cleaning up feature flag to reduce the amount of Re-renderings Editor suffers
+
 ## 189.6.0
 
 ### Minor Changes

package/dist/cjs/composable-editor/editor.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ComposableEditor = ComposableEditor;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _v = _interopRequireDefault(require("uuid/v4"));
@@ -14,7 +13,6 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _ufo = require("@atlaskit/editor-common/ufo");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorPluginBase = require("@atlaskit/editor-plugin-base");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _actions = _interopRequireDefault(require("../actions"));
 var _featureFlagsFromProps = require("../create-editor/feature-flags-from-props");
 var _versionWrapper = require("../version-wrapper");
@@ -27,197 +25,26 @@ var _sendDurationAnalytics = _interopRequireDefault(require("./utils/sendDuratio
 var _trackEditorActions = _interopRequireDefault(require("./utils/trackEditorActions"));
 var _useMeasureEditorMountTime = _interopRequireDefault(require("./hooks/useMeasureEditorMountTime"));
 var _useProviderFactory = _interopRequireDefault(require("./hooks/useProviderFactory"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
+var _useMemoEditorProps = _interopRequireDefault(require("./hooks/useMemoEditorProps"));
+/** @jsx jsx */
+
 /**
  * Editor wrapper that deals with the lifecycle logic of the editor
  */
 function Editor(passedProps) {
-  var _editorContext$editor;
-  var defaultProps = {
-    appearance: 'comment',
-    disabled: false,
-    quickInsert: true
-  };
-  var props = _objectSpread(_objectSpread({}, defaultProps), passedProps);
-  var editorContext = (0, _EditorContext.useEditorContext)();
-  var editorActions = (0, _react.useRef)((_editorContext$editor = editorContext === null || editorContext === void 0 ? void 0 : editorContext.editorActions) !== null && _editorContext$editor !== void 0 ? _editorContext$editor : new _actions.default());
-  var startTime = (0, _react.useRef)(performance.now());
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var experienceStore = (0, _react.useRef)();
-  var handleAnalyticsEvent = function handleAnalyticsEvent(data) {
-    return (0, _analytics.fireAnalyticsEvent)(createAnalyticsEvent)(data);
-  };
-  (0, _hooks.useConstructor)(function () {
-    (0, _trackEditorActions.default)(editorActions.current, props.performanceTracking, function (value) {
-      return handleAnalyticsEvent(value);
-    });
-  });
-  var getExperienceStore = function getExperienceStore() {
-    return experienceStore.current;
-  };
-  var onEditorCreated = function onEditorCreated(instance) {
-    var _props$featureFlags;
-    editorActions.current._privateRegisterEditor(instance.view, instance.eventDispatcher, instance.transformer, function () {
-      return (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props);
-    });
-    if ((_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.ufo) {
-      var _experienceStore$curr;
-      experienceStore.current = _ufo.ExperienceStore.getInstance(instance.view);
-      (_experienceStore$curr = experienceStore.current) === null || _experienceStore$curr === void 0 || _experienceStore$curr.start(_ufo.EditorExperience.loadEditor, startTime.current);
-    }
-    if (props.onEditorReady) {
-      var _props$performanceTra, _props$featureFlags2;
-      var measureEditorReady = (props === null || props === void 0 || (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 || (_props$performanceTra = _props$performanceTra.onEditorReadyCallbackTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.enabled) || ((_props$featureFlags2 = props.featureFlags) === null || _props$featureFlags2 === void 0 ? void 0 : _props$featureFlags2.ufo);
-      measureEditorReady && (0, _utils.startMeasure)(_measureEnum.default.ON_EDITOR_READY_CALLBACK);
-      props.onEditorReady(editorActions.current);
-      measureEditorReady && (0, _utils.stopMeasure)(_measureEnum.default.ON_EDITOR_READY_CALLBACK, (0, _sendDurationAnalytics.default)(_analytics.ACTION.ON_EDITOR_READY_CALLBACK, props, getExperienceStore, createAnalyticsEvent));
-    }
-  };
-  var onEditorDestroyed = function onEditorDestroyed(_instance) {
-    var _props$onDestroy;
-    editorActions.current._privateUnregisterEditor();
-    (_props$onDestroy = props.onDestroy) === null || _props$onDestroy === void 0 || _props$onDestroy.call(props);
-  };
-  (0, _useMeasureEditorMountTime.default)(props, getExperienceStore, createAnalyticsEvent);
-  var providerFactory = (0, _useProviderFactory.default)(props, editorActions.current, createAnalyticsEvent);
-  return (0, _react2.jsx)(_editorInternal.EditorInternal, {
-    props: props,
-    handleAnalyticsEvent: handleAnalyticsEvent,
-    createAnalyticsEvent: createAnalyticsEvent,
-    preset: props.preset,
-    handleSave: function handleSave(view) {
-      var _props$onSave;
-      return (_props$onSave = props.onSave) === null || _props$onSave === void 0 ? void 0 : _props$onSave.call(props, view);
-    },
-    editorActions: editorActions.current,
-    onEditorCreated: onEditorCreated,
-    onEditorDestroyed: onEditorDestroyed,
-    providerFactory: providerFactory
-  });
-}
-/**
- * Improved memonization for  Editor wrapper that deals with the lifecycle logic of the editor
- */
-function EditorButBetter(passedProps) {
   var propsRef = (0, _react.useRef)(passedProps);
-  var props = (0, _react.useMemo)(function () {
-    // That sounds awful but this is the only way to make sure we didn't missed any EditorProps
-    var allProps = {
-      preset: passedProps.preset,
-      appearance: passedProps.appearance,
-      contentComponents: passedProps.contentComponents,
-      primaryToolbarIconBefore: passedProps.primaryToolbarIconBefore,
-      secondaryToolbarComponents: passedProps.secondaryToolbarComponents,
-      persistScrollGutter: passedProps.persistScrollGutter,
-      quickInsert: passedProps.quickInsert,
-      shouldFocus: passedProps.shouldFocus,
-      disabled: passedProps.disabled,
-      contextPanel: passedProps.contextPanel,
-      errorReporterHandler: passedProps.errorReporterHandler,
-      contentTransformerProvider: passedProps.contentTransformerProvider,
-      maxHeight: passedProps.maxHeight,
-      minHeight: passedProps.minHeight,
-      placeholder: passedProps.placeholder,
-      placeholderBracketHint: passedProps.placeholderBracketHint,
-      defaultValue: passedProps.defaultValue,
-      assistiveLabel: passedProps.assistiveLabel,
-      popupsMountPoint: passedProps.popupsMountPoint,
-      popupsBoundariesElement: passedProps.popupsBoundariesElement,
-      popupsScrollableElement: passedProps.popupsScrollableElement,
-      editorActions: passedProps.editorActions,
-      onEditorReady: passedProps.onEditorReady,
-      onDestroy: passedProps.onDestroy,
-      onChange: passedProps.onChange,
-      onCancel: passedProps.onCancel,
-      inputSamplingLimit: passedProps.inputSamplingLimit,
-      extensionProviders: passedProps.extensionProviders,
-      UNSAFE_useAnalyticsContext: passedProps.UNSAFE_useAnalyticsContext,
-      trackValidTransactions: passedProps.trackValidTransactions,
-      useStickyToolbar: passedProps.useStickyToolbar,
-      featureFlags: passedProps.featureFlags,
-      onSave: passedProps.onSave,
-      performanceTracking: passedProps.performanceTracking,
-      sanitizePrivateContent: passedProps.sanitizePrivateContent,
-      media: passedProps.media,
-      collabEdit: passedProps.collabEdit,
-      primaryToolbarComponents: passedProps.primaryToolbarComponents,
-      allowUndoRedoButtons: passedProps.allowUndoRedoButtons,
-      linking: passedProps.linking,
-      hideAvatarGroup: passedProps.hideAvatarGroup,
-      activityProvider: passedProps.activityProvider,
-      searchProvider: passedProps.searchProvider,
-      annotationProviders: passedProps.annotationProviders,
-      collabEditProvider: passedProps.collabEditProvider,
-      presenceProvider: passedProps.presenceProvider,
-      emojiProvider: passedProps.emojiProvider,
-      taskDecisionProvider: passedProps.taskDecisionProvider,
-      legacyImageUploadProvider: passedProps.legacyImageUploadProvider,
-      mentionProvider: passedProps.mentionProvider,
-      autoformattingProvider: passedProps.autoformattingProvider,
-      macroProvider: passedProps.macroProvider,
-      contextIdentifierProvider: passedProps.contextIdentifierProvider,
-      allowExpand: passedProps.allowExpand,
-      allowNestedTasks: passedProps.allowNestedTasks,
-      allowBlockType: passedProps.allowBlockType,
-      allowTasksAndDecisions: passedProps.allowTasksAndDecisions,
-      allowBreakout: passedProps.allowBreakout,
-      allowRule: passedProps.allowRule,
-      allowHelpDialog: passedProps.allowHelpDialog,
-      allowJiraIssue: passedProps.allowJiraIssue,
-      allowPanel: passedProps.allowPanel,
-      allowExtension: passedProps.allowExtension,
-      allowConfluenceInlineComment: passedProps.allowConfluenceInlineComment,
-      allowTemplatePlaceholders: passedProps.allowTemplatePlaceholders,
-      allowDate: passedProps.allowDate,
-      allowLayouts: passedProps.allowLayouts,
-      allowStatus: passedProps.allowStatus,
-      allowTextAlignment: passedProps.allowTextAlignment,
-      allowIndentation: passedProps.allowIndentation,
-      showIndentationButtons: passedProps.showIndentationButtons,
-      allowNewInsertionBehaviour: passedProps.allowNewInsertionBehaviour,
-      allowFindReplace: passedProps.allowFindReplace,
-      UNSAFE_allowBorderMark: passedProps.UNSAFE_allowBorderMark,
-      allowBorderMark: passedProps.allowBorderMark,
-      allowFragmentMark: passedProps.allowFragmentMark,
-      autoScrollIntoView: passedProps.autoScrollIntoView,
-      elementBrowser: passedProps.elementBrowser,
-      maxContentSize: passedProps.maxContentSize,
-      saveOnEnter: passedProps.saveOnEnter,
-      feedbackInfo: passedProps.feedbackInfo,
-      mention: passedProps.mention,
-      mentionInsertDisplayName: passedProps.mentionInsertDisplayName,
-      uploadErrorHandler: passedProps.uploadErrorHandler,
-      waitForMediaUpload: passedProps.waitForMediaUpload,
-      extensionHandlers: passedProps.extensionHandlers,
-      allowTextColor: passedProps.allowTextColor,
-      allowTables: passedProps.allowTables,
-      insertMenuItems: passedProps.insertMenuItems,
-      UNSAFE_cards: passedProps.UNSAFE_cards,
-      smartLinks: passedProps.smartLinks,
-      allowAnalyticsGASV3: passedProps.allowAnalyticsGASV3,
-      codeBlock: passedProps.codeBlock,
-      textFormatting: passedProps.textFormatting,
-      dangerouslyAppendPlugins: passedProps.dangerouslyAppendPlugins
-    };
-    var defaultProps = {
-      appearance: 'comment',
-      disabled: false,
-      quickInsert: true
-    };
-    var nextProps = _objectSpread(_objectSpread({}, defaultProps), allProps);
-    propsRef.current = nextProps;
-    return nextProps;
-  }, [passedProps.preset, passedProps.appearance, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.inputSamplingLimit, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.trackValidTransactions, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.performanceTracking, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.hideAvatarGroup, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowJiraIssue, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowNewInsertionBehaviour, passedProps.allowFindReplace, passedProps.UNSAFE_allowBorderMark, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.dangerouslyAppendPlugins]);
+  var props = (0, _useMemoEditorProps.default)(passedProps);
+  (0, _react.useMemo)(function () {
+    propsRef.current = props;
+  }, [props]);
   var editorContext = (0, _EditorContext.useEditorContext)();
   var editorActionsPlaceholderInstance = (0, _react.useMemo)(function () {
     return new _actions.default();
   }, []);
   var editorActions = editorContext.editorActions || editorActionsPlaceholderInstance;
   var startTime = (0, _react.useRef)(performance.now());
-  var _useAnalyticsEvents2 = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEvents2.createAnalyticsEvent;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var experienceStore = (0, _react.useRef)();
   var handleAnalyticsEvent = (0, _react.useCallback)(function (data) {
     (0, _analytics.fireAnalyticsEvent)(createAnalyticsEvent)(data);
@@ -241,9 +68,9 @@ function EditorButBetter(passedProps) {
       featureFlags = _propsRef$current.featureFlags;
     editorActions._privateRegisterEditor(instance.view, instance.eventDispatcher, instance.transformer, getFeatureFlagsFromRef);
     if (featureFlags !== null && featureFlags !== void 0 && featureFlags.ufo) {
-      var _experienceStore$curr2;
+      var _experienceStore$curr;
       experienceStore.current = _ufo.ExperienceStore.getInstance(instance.view);
-      (_experienceStore$curr2 = experienceStore.current) === null || _experienceStore$curr2 === void 0 || _experienceStore$curr2.start(_ufo.EditorExperience.loadEditor, startTime.current);
+      (_experienceStore$curr = experienceStore.current) === null || _experienceStore$curr === void 0 || _experienceStore$curr.start(_ufo.EditorExperience.loadEditor, startTime.current);
     }
     if (onEditorReady) {
       var _performanceTracking$;
@@ -294,13 +121,6 @@ function ComposableEditor(props) {
       editorSessionId: editorSessionId.current
     };
   }, [props.appearance]);
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.less-editor-props-rerendering')) {
-    return (0, _react2.jsx)(_analyticsNamespacedContext.FabricEditorAnalyticsContext
-    // @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
-    , {
-      data: data
-    }, (0, _react2.jsx)(EditorButBetter, props));
-  }
   return (0, _react2.jsx)(_analyticsNamespacedContext.FabricEditorAnalyticsContext
   // @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
   , {

package/dist/cjs/composable-editor/hooks/useMemoEditorProps.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMemoEditorProps = exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useMemoEditorProps = exports.useMemoEditorProps = function useMemoEditorProps(passedProps) {
+  var memodProps = (0, _react.useMemo)(function () {
+    // That sounds awful but this is the only way to make sure we didn't missed any EditorProps
+    var allProps = {
+      preset: passedProps.preset,
+      appearance: passedProps.appearance,
+      contentComponents: passedProps.contentComponents,
+      primaryToolbarIconBefore: passedProps.primaryToolbarIconBefore,
+      secondaryToolbarComponents: passedProps.secondaryToolbarComponents,
+      persistScrollGutter: passedProps.persistScrollGutter,
+      quickInsert: passedProps.quickInsert,
+      shouldFocus: passedProps.shouldFocus,
+      disabled: passedProps.disabled,
+      contextPanel: passedProps.contextPanel,
+      errorReporterHandler: passedProps.errorReporterHandler,
+      contentTransformerProvider: passedProps.contentTransformerProvider,
+      maxHeight: passedProps.maxHeight,
+      minHeight: passedProps.minHeight,
+      placeholder: passedProps.placeholder,
+      placeholderBracketHint: passedProps.placeholderBracketHint,
+      defaultValue: passedProps.defaultValue,
+      assistiveLabel: passedProps.assistiveLabel,
+      popupsMountPoint: passedProps.popupsMountPoint,
+      popupsBoundariesElement: passedProps.popupsBoundariesElement,
+      popupsScrollableElement: passedProps.popupsScrollableElement,
+      editorActions: passedProps.editorActions,
+      onEditorReady: passedProps.onEditorReady,
+      onDestroy: passedProps.onDestroy,
+      onChange: passedProps.onChange,
+      onCancel: passedProps.onCancel,
+      inputSamplingLimit: passedProps.inputSamplingLimit,
+      extensionProviders: passedProps.extensionProviders,
+      UNSAFE_useAnalyticsContext: passedProps.UNSAFE_useAnalyticsContext,
+      trackValidTransactions: passedProps.trackValidTransactions,
+      useStickyToolbar: passedProps.useStickyToolbar,
+      featureFlags: passedProps.featureFlags,
+      onSave: passedProps.onSave,
+      performanceTracking: passedProps.performanceTracking,
+      sanitizePrivateContent: passedProps.sanitizePrivateContent,
+      media: passedProps.media,
+      collabEdit: passedProps.collabEdit,
+      primaryToolbarComponents: passedProps.primaryToolbarComponents,
+      allowUndoRedoButtons: passedProps.allowUndoRedoButtons,
+      linking: passedProps.linking,
+      hideAvatarGroup: passedProps.hideAvatarGroup,
+      activityProvider: passedProps.activityProvider,
+      searchProvider: passedProps.searchProvider,
+      annotationProviders: passedProps.annotationProviders,
+      collabEditProvider: passedProps.collabEditProvider,
+      presenceProvider: passedProps.presenceProvider,
+      emojiProvider: passedProps.emojiProvider,
+      taskDecisionProvider: passedProps.taskDecisionProvider,
+      legacyImageUploadProvider: passedProps.legacyImageUploadProvider,
+      mentionProvider: passedProps.mentionProvider,
+      autoformattingProvider: passedProps.autoformattingProvider,
+      macroProvider: passedProps.macroProvider,
+      contextIdentifierProvider: passedProps.contextIdentifierProvider,
+      allowExpand: passedProps.allowExpand,
+      allowNestedTasks: passedProps.allowNestedTasks,
+      allowBlockType: passedProps.allowBlockType,
+      allowTasksAndDecisions: passedProps.allowTasksAndDecisions,
+      allowBreakout: passedProps.allowBreakout,
+      allowRule: passedProps.allowRule,
+      allowHelpDialog: passedProps.allowHelpDialog,
+      allowJiraIssue: passedProps.allowJiraIssue,
+      allowPanel: passedProps.allowPanel,
+      allowExtension: passedProps.allowExtension,
+      allowConfluenceInlineComment: passedProps.allowConfluenceInlineComment,
+      allowTemplatePlaceholders: passedProps.allowTemplatePlaceholders,
+      allowDate: passedProps.allowDate,
+      allowLayouts: passedProps.allowLayouts,
+      allowStatus: passedProps.allowStatus,
+      allowTextAlignment: passedProps.allowTextAlignment,
+      allowIndentation: passedProps.allowIndentation,
+      showIndentationButtons: passedProps.showIndentationButtons,
+      allowNewInsertionBehaviour: passedProps.allowNewInsertionBehaviour,
+      allowFindReplace: passedProps.allowFindReplace,
+      UNSAFE_allowBorderMark: passedProps.UNSAFE_allowBorderMark,
+      allowBorderMark: passedProps.allowBorderMark,
+      allowFragmentMark: passedProps.allowFragmentMark,
+      autoScrollIntoView: passedProps.autoScrollIntoView,
+      elementBrowser: passedProps.elementBrowser,
+      maxContentSize: passedProps.maxContentSize,
+      saveOnEnter: passedProps.saveOnEnter,
+      feedbackInfo: passedProps.feedbackInfo,
+      mention: passedProps.mention,
+      mentionInsertDisplayName: passedProps.mentionInsertDisplayName,
+      uploadErrorHandler: passedProps.uploadErrorHandler,
+      waitForMediaUpload: passedProps.waitForMediaUpload,
+      extensionHandlers: passedProps.extensionHandlers,
+      allowTextColor: passedProps.allowTextColor,
+      allowTables: passedProps.allowTables,
+      insertMenuItems: passedProps.insertMenuItems,
+      UNSAFE_cards: passedProps.UNSAFE_cards,
+      smartLinks: passedProps.smartLinks,
+      allowAnalyticsGASV3: passedProps.allowAnalyticsGASV3,
+      codeBlock: passedProps.codeBlock,
+      textFormatting: passedProps.textFormatting,
+      dangerouslyAppendPlugins: passedProps.dangerouslyAppendPlugins
+    };
+    var defaultProps = {
+      appearance: 'comment',
+      disabled: false,
+      quickInsert: true
+    };
+    var nextProps = _objectSpread(_objectSpread({}, defaultProps), allProps);
+    return nextProps;
+  }, [passedProps.preset, passedProps.appearance, passedProps.contentComponents, passedProps.primaryToolbarIconBefore, passedProps.secondaryToolbarComponents, passedProps.persistScrollGutter, passedProps.quickInsert, passedProps.shouldFocus, passedProps.disabled, passedProps.contextPanel, passedProps.errorReporterHandler, passedProps.contentTransformerProvider, passedProps.maxHeight, passedProps.minHeight, passedProps.placeholder, passedProps.placeholderBracketHint, passedProps.defaultValue, passedProps.assistiveLabel, passedProps.popupsMountPoint, passedProps.popupsBoundariesElement, passedProps.popupsScrollableElement, passedProps.editorActions, passedProps.onEditorReady, passedProps.onDestroy, passedProps.onChange, passedProps.onCancel, passedProps.inputSamplingLimit, passedProps.extensionProviders, passedProps.UNSAFE_useAnalyticsContext, passedProps.trackValidTransactions, passedProps.useStickyToolbar, passedProps.featureFlags, passedProps.onSave, passedProps.performanceTracking, passedProps.sanitizePrivateContent, passedProps.media, passedProps.collabEdit, passedProps.primaryToolbarComponents, passedProps.allowUndoRedoButtons, passedProps.linking, passedProps.hideAvatarGroup, passedProps.activityProvider, passedProps.searchProvider, passedProps.annotationProviders, passedProps.collabEditProvider, passedProps.presenceProvider, passedProps.emojiProvider, passedProps.taskDecisionProvider, passedProps.legacyImageUploadProvider, passedProps.mentionProvider, passedProps.autoformattingProvider, passedProps.macroProvider, passedProps.contextIdentifierProvider, passedProps.allowExpand, passedProps.allowNestedTasks, passedProps.allowBlockType, passedProps.allowTasksAndDecisions, passedProps.allowBreakout, passedProps.allowRule, passedProps.allowHelpDialog, passedProps.allowJiraIssue, passedProps.allowPanel, passedProps.allowExtension, passedProps.allowConfluenceInlineComment, passedProps.allowTemplatePlaceholders, passedProps.allowDate, passedProps.allowLayouts, passedProps.allowStatus, passedProps.allowTextAlignment, passedProps.allowIndentation, passedProps.showIndentationButtons, passedProps.allowNewInsertionBehaviour, passedProps.allowFindReplace, passedProps.UNSAFE_allowBorderMark, passedProps.allowBorderMark, passedProps.allowFragmentMark, passedProps.autoScrollIntoView, passedProps.elementBrowser, passedProps.maxContentSize, passedProps.saveOnEnter, passedProps.feedbackInfo, passedProps.mention, passedProps.mentionInsertDisplayName, passedProps.uploadErrorHandler, passedProps.waitForMediaUpload, passedProps.extensionHandlers, passedProps.allowTextColor, passedProps.allowTables, passedProps.insertMenuItems, passedProps.UNSAFE_cards, passedProps.smartLinks, passedProps.allowAnalyticsGASV3, passedProps.codeBlock, passedProps.textFormatting, passedProps.dangerouslyAppendPlugins]);
+  return memodProps;
+};
+var _default = exports.default = useMemoEditorProps;

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js

@@ -63,7 +63,7 @@ var Content = /*#__PURE__*/_react2.default.forwardRef(function (props, ref) {
         css: _StyledComponents.editorContentGutterStyle,
         className: ['ak-editor-content-area', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
         ref: contentAreaRef
-      }, props.customContentComponents, (0, _react.jsx)(_PluginSlot.default, {
+      }, !!props.customContentComponents && 'before' in props.customContentComponents ? props.customContentComponents.before : props.customContentComponents, (0, _react.jsx)(_PluginSlot.default, {
         editorView: props.editorView,
         editorActions: props.editorActions,
         eventDispatcher: props.eventDispatcher,
@@ -79,7 +79,7 @@ var Content = /*#__PURE__*/_react2.default.forwardRef(function (props, ref) {
         containerElement: scrollContainerRef.current,
         dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
         wrapperElement: props.wrapperElement
-      }), props.editorDOMElement)))), (0, _react.jsx)("div", {
+      }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))), (0, _react.jsx)("div", {
         css: _StyledComponents.sidebarArea
       }, props.contextPanel || (0, _react.jsx)(_ContextPanel.default, {
         visible: false

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "189.6.0";
+var version = exports.version = "189.6.2";