@atlaskit/editor-core 189.1.15 → 189.3.0

package/dist/esm/composable-editor/editor-internal.js

@@ -1,8 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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 */
-import { Fragment } from 'react';
+import { Fragment, useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { PortalProviderWithThemeProviders, PortalRenderer } from '@atlaskit/editor-common/portal-provider';
@@ -68,7 +69,7 @@ export function EditorInternal(_ref) {
     onAnalyticsEvent: handleAnalyticsEvent,
     useAnalyticsContext: props.UNSAFE_useAnalyticsContext,
     render: function render(portalProviderAPI) {
-      return jsx(Fragment, null, jsx(ReactEditorView, {
+      return jsx(Fragment, null, jsx(ReactEditorViewContextWrapper, {
         editorProps: overriddenEditorProps,
         createAnalyticsEvent: createAnalyticsEvent,
         portalProviderAPI: portalProviderAPI,
@@ -118,7 +119,8 @@ export function EditorInternal(_ref) {
             enableToolbarMinWidth: ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.toolbarMinWidthOverflow) != null ? !!((_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.toolbarMinWidthOverflow) : props.allowUndoRedoButtons,
             useStickyToolbar: props.useStickyToolbar,
             featureFlags: featureFlags,
-            pluginHooks: config.pluginHooks
+            pluginHooks: config.pluginHooks,
+            hideAvatarGroup: props.hideAvatarGroup
           }));
         }
       }), jsx(PortalRenderer, {
@@ -126,4 +128,24 @@ export function EditorInternal(_ref) {
       }));
     }
   }))))));
+}
+function ReactEditorViewContextWrapper(props) {
+  var setInternalEditorAPI = useSetPresetContext();
+  var setExternalEditorAPI = props.setEditorApi;
+
+  /**
+   * We use the context to retrieve the editorAPI
+   * externally for consumers via `usePreset`.
+   *
+   * However we also may need to retrieve this value internally via context
+   * so we should also set the value for the `EditorContext` that is used in
+   * `EditorInternal`.
+   */
+  var setEditorAPI = useCallback(function (api) {
+    setInternalEditorAPI === null || setInternalEditorAPI === void 0 || setInternalEditorAPI(api);
+    setExternalEditorAPI === null || setExternalEditorAPI === void 0 || setExternalEditorAPI(api);
+  }, [setInternalEditorAPI, setExternalEditorAPI]);
+  return jsx(ReactEditorView, _extends({}, props, {
+    setEditorApi: setEditorAPI
+  }));
 }

package/dist/esm/create-editor/feature-flags-from-props.js

@@ -25,7 +25,7 @@ function getSpellCheck(featureFlags) {
  * which is used by both current and archv3 editors.
  */
 export function createFeatureFlagsFromProps(props) {
-  var _props$allowLayouts, _props$performanceTra, _props$allowExtension, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$collabEdit, _props$collabEdit2, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22;
+  var _props$allowLayouts, _props$performanceTra, _props$allowExtension, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$featureFlags5, _props$featureFlags6, _props$featureFlags7, _props$featureFlags8, _props$featureFlags9, _props$featureFlags10, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$collabEdit, _props$collabEdit2, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20;
   var normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
     newInsertionBehaviour: props.allowNewInsertionBehaviour,
@@ -47,13 +47,12 @@ export function createFeatureFlagsFromProps(props) {
     twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags13 = props.featureFlags) === null || _props$featureFlags13 === void 0 ? void 0 : _props$featureFlags13.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags14 = props.featureFlags) !== null && _props$featureFlags14 !== void 0 && _props$featureFlags14.twoLineEditorToolbar) : false),
     useNativeCollabPlugin: Boolean(typeof ((_props$collabEdit = props.collabEdit) === null || _props$collabEdit === void 0 ? void 0 : _props$collabEdit.useNativePlugin) === 'boolean' ? !!((_props$collabEdit2 = props.collabEdit) !== null && _props$collabEdit2 !== void 0 && _props$collabEdit2.useNativePlugin) : false),
     showHoverPreview: Boolean(typeof ((_props$featureFlags15 = props.featureFlags) === null || _props$featureFlags15 === void 0 ? void 0 : _props$featureFlags15.showHoverPreview) === 'boolean' ? !!((_props$featureFlags16 = props.featureFlags) !== null && _props$featureFlags16 !== void 0 && _props$featureFlags16.showHoverPreview) : false),
-    indentationButtonsInTheToolbar: typeof props.showIndentationButtons === 'boolean' ? props.showIndentationButtons : Boolean(typeof normalizedFeatureFlags.indentationButtonsInTheToolbar === 'boolean' && !!normalizedFeatureFlags.indentationButtonsInTheToolbar || (typeof ((_props$featureFlags17 = props.featureFlags) === null || _props$featureFlags17 === void 0 ? void 0 : _props$featureFlags17.indentationButtonsInTheToolbar) === 'boolean' ? !!((_props$featureFlags18 = props.featureFlags) !== null && _props$featureFlags18 !== void 0 && _props$featureFlags18.indentationButtonsInTheToolbar) : false)),
-    floatingToolbarLinkSettingsButton: typeof ((_props$featureFlags19 = props.featureFlags) === null || _props$featureFlags19 === void 0 ? void 0 : _props$featureFlags19['floating-toolbar-link-settings-button']) === 'string' ? props.featureFlags['floating-toolbar-link-settings-button'] || undefined : undefined,
+    floatingToolbarLinkSettingsButton: typeof ((_props$featureFlags17 = props.featureFlags) === null || _props$featureFlags17 === void 0 ? void 0 : _props$featureFlags17['floating-toolbar-link-settings-button']) === 'string' ? props.featureFlags['floating-toolbar-link-settings-button'] || undefined : undefined,
     disableSpellcheckByBrowser: getSpellCheck(props.featureFlags),
     // Including fallback to props.featureFlags so that mobile feature flags
     // are included (they are not kebab cased)
-    restartNumberedLists: normalizedFeatureFlags.restartNumberedLists === true || ((_props$featureFlags20 = props.featureFlags) === null || _props$featureFlags20 === void 0 ? void 0 : _props$featureFlags20.restartNumberedLists) === true,
+    restartNumberedLists: normalizedFeatureFlags.restartNumberedLists === true || ((_props$featureFlags18 = props.featureFlags) === null || _props$featureFlags18 === void 0 ? void 0 : _props$featureFlags18.restartNumberedLists) === true,
     lpLinkPickerFocusTrap: Boolean(normalizedFeatureFlags.lpLinkPickerFocusTrap),
-    preventPopupOverflow: Boolean(typeof ((_props$featureFlags21 = props.featureFlags) === null || _props$featureFlags21 === void 0 ? void 0 : _props$featureFlags21['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags22 = props.featureFlags) !== null && _props$featureFlags22 !== void 0 && _props$featureFlags22['prevent-popup-overflow']) : false)
+    preventPopupOverflow: Boolean(typeof ((_props$featureFlags19 = props.featureFlags) === null || _props$featureFlags19 === void 0 ? void 0 : _props$featureFlags19['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags20 = props.featureFlags) !== null && _props$featureFlags20 !== void 0 && _props$featureFlags20['prevent-popup-overflow']) : false)
   });
 }

package/dist/esm/plugins/index.js

@@ -7,7 +7,6 @@ export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
 export { default as maxContentSizePlugin } from './max-content-size';
-export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';

package/dist/esm/presets/universal.js

@@ -2,7 +2,8 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, panelPlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, expandPlugin, isExpandInsertionEnabled, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, tasksAndDecisionsPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, expandPlugin, isExpandInsertionEnabled, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
+import { panelPlugin } from '@atlaskit/editor-plugin-panel';
 import { textColorPlugin } from '@atlaskit/editor-plugin-text-color';
 import { historyPlugin } from '@atlaskit/editor-plugin-history';
 import { statusPlugin } from '@atlaskit/editor-plugin-status';
@@ -349,7 +350,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     }
     return builder;
   }).add([toolbarListsIndentationPlugin, {
-    showIndentationButtons: !!featureFlags.indentationButtonsInTheToolbar,
+    showIndentationButtons: !!props.showIndentationButtons,
     allowHeadingAndParagraphIndentation: !!props.allowIndentation
   }]).add([insertBlockPlugin, {
     allowTables: !!props.allowTables,
@@ -360,14 +361,18 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
     replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false
   }]).maybeAdd(beforePrimaryToolbarPlugin, function (plugin, builder) {
-    if (!getBooleanFF('platform.confluence.frontend.editor.no.platform.avatar.group') && hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar) {
+    if (hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar) {
       return builder.add([plugin, {
         beforePrimaryToolbarComponents: props.primaryToolbarComponents.before
       }]);
     }
     return builder;
   }).maybeAdd(avatarGroupPlugin, function (plugin, builder) {
-    if (!getBooleanFF('platform.confluence.frontend.editor.no.platform.avatar.group') && featureFlags.showAvatarGroupAsPlugin === true && !featureFlags.twoLineEditorToolbar) {
+    if (!props.hideAvatarGroup && featureFlags.showAvatarGroupAsPlugin === true && !featureFlags.twoLineEditorToolbar) {
+      // Avatars are moved to Confluence codebase for Edit in Context
+      // When Edit in Context is enabled primaryToolbarComponents is undefined
+      // For more details please check
+      // https://hello.atlassian.net/wiki/spaces/PCG/pages/2851572180/Editor+toolbar+for+live+pages+and+edit+in+context+projects
       return builder.add([plugin, {
         collabEdit: props.collabEdit,
         takeFullWidth: !hasBeforePrimaryToolbar(props.primaryToolbarComponents)
@@ -377,8 +382,8 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
   }).maybeAdd(findReplacePlugin, function (plugin, builder) {
     if (props.allowFindReplace) {
       return builder.add([plugin, {
-        takeFullWidth: !getBooleanFF('platform.confluence.frontend.editor.no.platform.avatar.group') && !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
-        twoLineEditorToolbar: !!featureFlags.twoLineEditorToolbar
+        takeFullWidth: !props.hideAvatarGroup && !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
+        twoLineEditorToolbar: !!props.primaryToolbarComponents && !!featureFlags.twoLineEditorToolbar
       }]);
     }
     return builder;

package/dist/esm/ui/Appearance/FullPage/FullPage.js

@@ -66,7 +66,8 @@ export var FullPageEditor = function FullPageEditor(props) {
     primaryToolbarComponents: props.primaryToolbarComponents,
     providerFactory: props.providerFactory,
     showKeyline: showKeyline,
-    featureFlags: props.featureFlags
+    featureFlags: props.featureFlags,
+    hideAvatarGroup: props.hideAvatarGroup
   }), jsx(FullPageContentArea, {
     ref: scrollContentContainerRef,
     appearance: props.appearance,

package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js

@@ -12,13 +12,17 @@ import { mainToolbarStyle, mainToolbarIconBeforeStyle, mainToolbarFirstChildStyl
 import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { usePresetContext } from '../../../presets/context';
 export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
-  var _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$featureFlags4, _props$collabEdit, _props$collabEdit2, _props$collabEdit3, _props$featureFlags5, _props$featureFlags6;
+  var _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$collabEdit, _props$collabEdit2, _props$collabEdit3;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     shouldSplitToolbar = _useState2[0],
     setShouldSplitToolbar = _useState2[1];
+  var editorAPI = usePresetContext();
+
+  // When primary toolbar components is undefined, do not show two line editor toolbar
+  var twoLineEditorToolbar = !!props.customPrimaryToolbarComponents && !!((_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.twoLineEditorToolbar);
   var nonCustomToolbar = jsx("div", {
     css: nonCustomToolbarWrapperStyle
   }, props.beforeIcon && jsx("div", {
@@ -37,20 +41,25 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     containerElement: props.containerElement,
     hasMinWidth: props.hasMinWidth,
-    twoLineEditorToolbar: !!((_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.twoLineEditorToolbar)
+    twoLineEditorToolbar: twoLineEditorToolbar
   }));
   var customToolbar = jsx("div", {
     css: customToolbarWrapperStyle
-  }, (_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.twoLineEditorToolbar && !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? jsx(BeforePrimaryToolbarWrapper, {
+  }, twoLineEditorToolbar && !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? jsx(BeforePrimaryToolbarWrapper, {
     beforePrimaryToolbarComponents: props.customPrimaryToolbarComponents.before
-  }) : null, getBooleanFF('platform.confluence.frontend.editor.no.platform.avatar.group') || (props === null || props === void 0 || (_props$featureFlags3 = props.featureFlags) === null || _props$featureFlags3 === void 0 ? void 0 : _props$featureFlags3.showAvatarGroupAsPlugin) === true && !((_props$featureFlags4 = props.featureFlags) !== null && _props$featureFlags4 !== void 0 && _props$featureFlags4.twoLineEditorToolbar) ? null : jsx(AvatarsWithPluginState, {
+  }) : null, props.hideAvatarGroup || (props === null || props === void 0 || (_props$featureFlags2 = props.featureFlags) === null || _props$featureFlags2 === void 0 ? void 0 : _props$featureFlags2.showAvatarGroupAsPlugin) === true && !((_props$featureFlags3 = props.featureFlags) !== null && _props$featureFlags3 !== void 0 && _props$featureFlags3.twoLineEditorToolbar) ? null :
+  // Avatars are moved to Confluence codebase for Edit in Context
+  // When Edit in Context is enabled customPrimaryToolbarComponents is undefined
+  // For more details please check
+  // https://hello.atlassian.net/wiki/spaces/PCG/pages/2851572180/Editor+toolbar+for+live+pages+and+edit+in+context+projects
+  jsx(AvatarsWithPluginState, {
     editorView: props.editorView,
     eventDispatcher: props.eventDispatcher,
     inviteToEditComponent: (_props$collabEdit = props.collabEdit) === null || _props$collabEdit === void 0 ? void 0 : _props$collabEdit.inviteToEditComponent,
     inviteToEditHandler: (_props$collabEdit2 = props.collabEdit) === null || _props$collabEdit2 === void 0 ? void 0 : _props$collabEdit2.inviteToEditHandler,
     isInviteToEditButtonSelected: (_props$collabEdit3 = props.collabEdit) === null || _props$collabEdit3 === void 0 ? void 0 : _props$collabEdit3.isInviteToEditButtonSelected,
     featureFlags: props.featureFlags || {}
-  }), (_props$featureFlags5 = props.featureFlags) !== null && _props$featureFlags5 !== void 0 && _props$featureFlags5.findReplace && (_props$featureFlags6 = props.featureFlags) !== null && _props$featureFlags6 !== void 0 && _props$featureFlags6.twoLineEditorToolbar ? jsx(FindReplaceToolbarButtonWithState, {
+  }), editorAPI !== null && editorAPI !== void 0 && editorAPI.findReplace && twoLineEditorToolbar ? jsx(FindReplaceToolbarButtonWithState, {
     popupsBoundariesElement: props.popupsBoundariesElement,
     popupsMountPoint: props.popupsMountPoint,
     popupsScrollableElement: props.popupsScrollableElement,
@@ -60,8 +69,7 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
     featureFlags: props.featureFlags
   }) : null, !!props.customPrimaryToolbarComponents && 'after' in props.customPrimaryToolbarComponents ? props.customPrimaryToolbarComponents.after : props.customPrimaryToolbarComponents);
   useEffect(function () {
-    var _props$featureFlags7;
-    if ((_props$featureFlags7 = props.featureFlags) !== null && _props$featureFlags7 !== void 0 && _props$featureFlags7.twoLineEditorToolbar) {
+    if (twoLineEditorToolbar) {
       var updateOnResize = function updateOnResize() {
         setShouldSplitToolbar(window.innerWidth <= MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT);
       };
@@ -86,7 +94,6 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
     event.stopPropagation();
   };
   return jsx(ContextPanelConsumer, null, function (_ref) {
-    var _props$featureFlags8, _props$featureFlags9, _props$featureFlags10;
     var contextPanelWidth = _ref.width;
     return jsx(ToolbarArrowKeyNavigationProvider, {
       editorView: props.editorView,
@@ -95,14 +102,14 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
       handleEscape: handleEscape,
       intl: props.intl
     }, jsx("div", {
-      css: mainToolbarStyle(props.showKeyline || contextPanelWidth > 0, !!((_props$featureFlags8 = props.featureFlags) !== null && _props$featureFlags8 !== void 0 && _props$featureFlags8.twoLineEditorToolbar)),
+      css: mainToolbarStyle(props.showKeyline || contextPanelWidth > 0, twoLineEditorToolbar),
       "data-testid": "ak-editor-main-toolbar"
     }, jsx("div", {
-      css: mainToolbarFirstChildStyle(!!((_props$featureFlags9 = props.featureFlags) !== null && _props$featureFlags9 !== void 0 && _props$featureFlags9.twoLineEditorToolbar)),
+      css: mainToolbarFirstChildStyle(twoLineEditorToolbar),
       role: "toolbar",
       "aria-label": props.intl.formatMessage(messages.toolbarLabel)
     }, shouldSplitToolbar ? customToolbar : nonCustomToolbar), jsx("div", {
-      css: mainToolbarSecondChildStyle(!!((_props$featureFlags10 = props.featureFlags) !== null && _props$featureFlags10 !== void 0 && _props$featureFlags10.twoLineEditorToolbar)),
+      css: mainToolbarSecondChildStyle(twoLineEditorToolbar),
       "data-testid": 'avatar-group-outside-plugin',
       role: "region",
       "aria-label": props.intl.formatMessage(messages.pageActionsLabel)

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "189.1.15";
+export var version = "189.3.0";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/create-editor/get-ui-component.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { EditorAppearance, EditorAppearanceComponentProps } from '../types';
+import type { EditorAppearance, EditorAppearanceComponentProps } from '../types';
 export default function getUiComponent(appearance: EditorAppearance): React.ComponentClass<EditorAppearanceComponentProps> | React.FunctionComponent<EditorAppearanceComponentProps>;

package/dist/types/plugins/index.d.ts

@@ -7,7 +7,6 @@ export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
 export { default as maxContentSizePlugin } from './max-content-size';
-export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';

package/dist/types/plugins/insert-block/types.d.ts

@@ -9,7 +9,7 @@ import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { QuickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
 import type { BlockTypePlugin } from '@atlaskit/editor-plugin-block-type';
 import type { CodeBlockPlugin } from '../code-block';
-import type { PanelPlugin } from '../panel';
+import type { PanelPlugin } from '@atlaskit/editor-plugin-panel';
 import type { LayoutPlugin } from '@atlaskit/editor-plugin-layout';
 import type { RulePlugin } from '@atlaskit/editor-plugin-rule';
 import type { MediaPlugin } from '@atlaskit/editor-plugin-media';

package/dist/types/types/editor-appearance-component.d.ts

@@ -47,4 +47,5 @@ export interface EditorAppearanceComponentProps {
     featureFlags: FeatureFlags;
     useStickyToolbar?: UseStickyToolbarType;
     innerRef?: RefObject<HTMLDivElement>;
+    hideAvatarGroup?: boolean;
 }

package/dist/types/types/editor-props.d.ts

@@ -21,7 +21,7 @@ import type { FindReplaceOptions } from '../plugins/find-replace/types';
 import type { LayoutPluginOptions } from '@atlaskit/editor-plugin-layout';
 import type { MediaOptions, MediaState } from '@atlaskit/editor-plugin-media/types';
 import type { MentionPluginConfig } from '@atlaskit/editor-plugin-mentions';
-import type { PanelPluginConfig } from '../plugins/panel/types';
+import type { PanelPluginConfig } from '@atlaskit/editor-plugin-panel';
 import type { PlaceholderTextOptions } from '@atlaskit/editor-plugin-placeholder-text';
 import type { TextColorPluginConfig } from '@atlaskit/editor-plugin-text-color';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
@@ -149,6 +149,7 @@ export interface EditorSharedPropsWithPlugins {
      *  Configure and extend editor linking behaviour
      */
     linking?: LinkingOptions;
+    hideAvatarGroup?: boolean;
 }
 export interface EditorProps extends EditorBaseProps, EditorPluginFeatureProps, EditorSharedPropsWithPlugins, EditorProviderProps {
     /**

package/dist/types/ui/Appearance/FullPage/FullPageToolbar.d.ts

@@ -30,7 +30,8 @@ export interface FullPageToolbarProps {
     containerElement: HTMLElement | null;
     beforeIcon?: ReactElement;
     hasMinWidth?: boolean;
-    featureFlags?: FeatureFlags;
+    featureFlags: FeatureFlags;
+    hideAvatarGroup?: boolean;
 }
 export declare const EditorToolbar: React.MemoExoticComponent<(props: FullPageToolbarProps & WrappedComponentProps) => jsx.JSX.Element>;
 export declare const FullPageToolbar: React.FC<import("react-intl-next").WithIntlProps<FullPageToolbarProps & WrappedComponentProps<"intl">>> & {

package/dist/types-ts4.5/create-editor/get-ui-component.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { EditorAppearance, EditorAppearanceComponentProps } from '../types';
+import type { EditorAppearance, EditorAppearanceComponentProps } from '../types';
 export default function getUiComponent(appearance: EditorAppearance): React.ComponentClass<EditorAppearanceComponentProps> | React.FunctionComponent<EditorAppearanceComponentProps>;

package/dist/types-ts4.5/plugins/index.d.ts

@@ -7,7 +7,6 @@ export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
 export { default as maxContentSizePlugin } from './max-content-size';
-export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';

package/dist/types-ts4.5/plugins/insert-block/types.d.ts

@@ -9,7 +9,7 @@ import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { QuickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
 import type { BlockTypePlugin } from '@atlaskit/editor-plugin-block-type';
 import type { CodeBlockPlugin } from '../code-block';
-import type { PanelPlugin } from '../panel';
+import type { PanelPlugin } from '@atlaskit/editor-plugin-panel';
 import type { LayoutPlugin } from '@atlaskit/editor-plugin-layout';
 import type { RulePlugin } from '@atlaskit/editor-plugin-rule';
 import type { MediaPlugin } from '@atlaskit/editor-plugin-media';

package/dist/types-ts4.5/types/editor-appearance-component.d.ts

@@ -47,4 +47,5 @@ export interface EditorAppearanceComponentProps {
     featureFlags: FeatureFlags;
     useStickyToolbar?: UseStickyToolbarType;
     innerRef?: RefObject<HTMLDivElement>;
+    hideAvatarGroup?: boolean;
 }

package/dist/types-ts4.5/types/editor-props.d.ts

@@ -21,7 +21,7 @@ import type { FindReplaceOptions } from '../plugins/find-replace/types';
 import type { LayoutPluginOptions } from '@atlaskit/editor-plugin-layout';
 import type { MediaOptions, MediaState } from '@atlaskit/editor-plugin-media/types';
 import type { MentionPluginConfig } from '@atlaskit/editor-plugin-mentions';
-import type { PanelPluginConfig } from '../plugins/panel/types';
+import type { PanelPluginConfig } from '@atlaskit/editor-plugin-panel';
 import type { PlaceholderTextOptions } from '@atlaskit/editor-plugin-placeholder-text';
 import type { TextColorPluginConfig } from '@atlaskit/editor-plugin-text-color';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
@@ -149,6 +149,7 @@ export interface EditorSharedPropsWithPlugins {
      *  Configure and extend editor linking behaviour
      */
     linking?: LinkingOptions;
+    hideAvatarGroup?: boolean;
 }
 export interface EditorProps extends EditorBaseProps, EditorPluginFeatureProps, EditorSharedPropsWithPlugins, EditorProviderProps {
     /**

package/dist/types-ts4.5/ui/Appearance/FullPage/FullPageToolbar.d.ts

@@ -30,7 +30,8 @@ export interface FullPageToolbarProps {
     containerElement: HTMLElement | null;
     beforeIcon?: ReactElement;
     hasMinWidth?: boolean;
-    featureFlags?: FeatureFlags;
+    featureFlags: FeatureFlags;
+    hideAvatarGroup?: boolean;
 }
 export declare const EditorToolbar: React.MemoExoticComponent<(props: FullPageToolbarProps & WrappedComponentProps) => jsx.JSX.Element>;
 export declare const FullPageToolbar: React.FC<import("react-intl-next").WithIntlProps<FullPageToolbarProps & WrappedComponentProps<"intl">>> & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "189.1.15",
+  "version": "189.3.0",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -48,7 +48,7 @@
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/avatar-group": "^9.4.0",
-    "@atlaskit/button": "^16.12.0",
+    "@atlaskit/button": "^16.13.0",
     "@atlaskit/checkbox": "^12.6.0",
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/date": "^0.10.0",
@@ -56,7 +56,6 @@
     "@atlaskit/editor-common": "^76.18.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.5",
-    "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-plugin-analytics": "^0.3.0",
     "@atlaskit/editor-plugin-base": "^0.2.0",
     "@atlaskit/editor-plugin-better-type-history": "^0.1.0",
@@ -88,6 +87,7 @@
     "@atlaskit/editor-plugin-list": "^1.3.0",
     "@atlaskit/editor-plugin-media": "^0.3.0",
     "@atlaskit/editor-plugin-mentions": "^0.1.0",
+    "@atlaskit/editor-plugin-panel": "^0.1.0",
     "@atlaskit/editor-plugin-paste": "^0.1.0",
     "@atlaskit/editor-plugin-paste-options-toolbar": "^0.2.0",
     "@atlaskit/editor-plugin-placeholder": "^0.1.0",
@@ -165,6 +165,7 @@
     "@atlaskit/collab-provider": "9.15.4",
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/editor-extension-dropbox": "^0.4.0",
+    "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/flag": "^15.2.0",
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/inline-dialog": "^13.6.0",
@@ -186,7 +187,7 @@
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/editor-extension-link-create": "^0.6.0",
     "@atlassian/feature-flags-test-utils": "^0.1.1",
-    "@atlassian/link-picker-plugins": "^23.1.0",
+    "@atlassian/link-picker-plugins": "^23.2.0",
     "@atlassian/search-provider": "2.4.8",
     "@atlassian/ufo": "^0.2.0",
     "@emotion/jest": "^11.8.0",
@@ -236,9 +237,6 @@
     "platform.editor.custom-table-width": {
       "type": "boolean"
     },
-    "platform.confluence.frontend.editor.no.platform.avatar.group": {
-      "type": "boolean"
-    },
     "platform.linking-platform.editor.fix-link-insert-analytics": {
       "type": "boolean"
     },

package/report.api.md

@@ -62,6 +62,7 @@ import { MentionProvider } from '@atlaskit/mention/resource';
 import { MentionResource } from '@atlaskit/mention/resource';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';
+import type { PanelPluginConfig } from '@atlaskit/editor-plugin-panel';
 import { PerformanceTracking } from '@atlaskit/editor-common/types';
 import type { PlaceholderTextOptions } from '@atlaskit/editor-plugin-placeholder-text';
 import type { PluginConfig } from '@atlaskit/editor-plugin-table/types';
@@ -540,6 +541,8 @@ interface EditorSharedPropsWithPlugins {
   allowUndoRedoButtons?: boolean;
   // (undocumented)
   collabEdit?: CollabEditOptions;
+  // (undocumented)
+  hideAvatarGroup?: boolean;
   linking?: LinkingOptions;
   // (undocumented)
   media?: MediaOptions;
@@ -663,14 +666,6 @@ type OnEditorViewStateUpdated = (props: {
   readonly newEditorState: Readonly<EditorState>;
 }) => void;
 
-// @public (undocumented)
-interface PanelPluginConfig {
-  // (undocumented)
-  allowCustomPanel?: boolean;
-  // (undocumented)
-  allowCustomPanelEdit?: boolean;
-}
-
 export { PortalProvider };
 
 export { PortalProviderAPI };

package/tmp/api-report-tmp.d.ts

@@ -51,6 +51,7 @@ import { MentionProvider } from '@atlaskit/mention/resource';
 import { MentionResource } from '@atlaskit/mention/resource';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';
+import type { PanelPluginConfig } from '@atlaskit/editor-plugin-panel';
 import { PerformanceTracking } from '@atlaskit/editor-common/types';
 import type { PlaceholderTextOptions } from '@atlaskit/editor-plugin-placeholder-text';
 import type { PluginConfig } from '@atlaskit/editor-plugin-table/types';
@@ -495,6 +496,8 @@ interface EditorSharedPropsWithPlugins {
     allowUndoRedoButtons?: boolean;
     // (undocumented)
     collabEdit?: CollabEditOptions;
+    // (undocumented)
+    hideAvatarGroup?: boolean;
     linking?: LinkingOptions;
     // (undocumented)
     media?: MediaOptions;
@@ -611,14 +614,6 @@ type OnEditorViewStateUpdated = (props: {
     readonly newEditorState: Readonly<EditorState>;
 }) => void;
 
-// @public (undocumented)
-interface PanelPluginConfig {
-    // (undocumented)
-    allowCustomPanel?: boolean;
-    // (undocumented)
-    allowCustomPanelEdit?: boolean;
-}
-
 export { PortalProvider }
 
 export { PortalProviderAPI }

package/dist/cjs/plugins/panel/actions.js

@@ -1,125 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.changePanelType = void 0;
-exports.insertPanelWithAnalytics = insertPanelWithAnalytics;
-exports.removePanel = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _adfSchema = require("@atlaskit/adf-schema");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _editorAnalytics = require("@atlaskit/editor-common/editor-analytics");
-var _panel = require("@atlaskit/editor-common/panel");
-var _utils = require("@atlaskit/editor-common/utils");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _utils2 = require("@atlaskit/editor-prosemirror/utils");
-var _utils3 = require("./utils");
-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 removePanel = exports.removePanel = function removePanel(editorAnalyticsAPI) {
-  return function (state, dispatch) {
-    var nodes = state.schema.nodes,
-      tr = state.tr;
-    var payload = {
-      action: _analytics.ACTION.DELETED,
-      actionSubject: _analytics.ACTION_SUBJECT.PANEL,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.TOOLBAR
-      },
-      eventType: _analytics.EVENT_TYPE.TRACK
-    };
-    var deleteTr = tr;
-    if ((0, _utils2.findSelectedNodeOfType)(nodes.panel)(tr.selection)) {
-      deleteTr = (0, _utils2.removeSelectedNode)(tr);
-    } else if ((0, _utils2.findParentNodeOfType)(nodes.panel)(tr.selection)) {
-      deleteTr = (0, _utils2.removeParentNodeOfType)(nodes.panel)(tr);
-    }
-    if (!deleteTr) {
-      return false;
-    }
-    if (dispatch) {
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(payload)(deleteTr);
-      dispatch(deleteTr);
-    }
-    return true;
-  };
-};
-var changePanelType = exports.changePanelType = function changePanelType(editorAnalyticsAPI) {
-  return function (panelType) {
-    var panelOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var allowCustomPanel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    return function (state, dispatch) {
-      var nodes = state.schema.nodes,
-        tr = state.tr;
-      var panelNode = (0, _utils3.findPanel)(state);
-      if (panelNode === undefined) {
-        return false;
-      }
-      var newType = panelType;
-      var previousType = panelNode.node.attrs.panelType;
-      var newTr;
-      if (allowCustomPanel) {
-        var previousColor = panelNode.node.attrs.panelType === 'custom' ? panelNode.node.attrs.panelColor || 'none' : (0, _panel.getPanelTypeBackgroundNoTokens)(previousType);
-        var previousIcon = panelNode.node.attrs.panelIcon;
-        var previousIconId = panelNode.node.attrs.panelIconId;
-        var previousIconText = panelNode.node.attrs.panelIconText;
-        var newPanelOptions = _objectSpread({
-          color: previousColor,
-          emoji: previousIcon,
-          emojiId: previousIconId,
-          emojiText: previousIconText
-        }, panelOptions);
-        newTr = tr.setNodeMarkup(panelNode.pos, nodes.panel, {
-          panelIcon: newPanelOptions.emoji,
-          panelIconId: newPanelOptions.emojiId,
-          panelIconText: newPanelOptions.emojiText,
-          panelColor: newPanelOptions.color,
-          panelType: panelType
-        });
-      } else {
-        newTr = tr.setNodeMarkup(panelNode.pos, nodes.panel, {
-          panelType: panelType
-        });
-      }
-      var payload = {
-        action: _analytics.ACTION.CHANGED_TYPE,
-        actionSubject: _analytics.ACTION_SUBJECT.PANEL,
-        attributes: {
-          newType: newType,
-          previousType: previousType
-        },
-        eventType: _analytics.EVENT_TYPE.TRACK
-      };
-
-      // Select the panel if it was previously selected
-      var newTrWithSelection = state.selection instanceof _state.NodeSelection && state.selection.node.type.name === 'panel' ? newTr.setSelection(new _state.NodeSelection(tr.doc.resolve(panelNode.pos))) : newTr;
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(payload)(newTrWithSelection);
-      newTrWithSelection.setMeta('scrollIntoView', false);
-      if (dispatch) {
-        dispatch(newTrWithSelection);
-      }
-      return true;
-    };
-  };
-};
-function insertPanelWithAnalytics(inputMethod, analyticsAPI) {
-  return (0, _editorAnalytics.withAnalytics)(analyticsAPI, {
-    action: _analytics.ACTION.INSERTED,
-    actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
-    attributes: {
-      inputMethod: inputMethod,
-      panelType: _adfSchema.PanelType.INFO // only info panels can be inserted via this action
-    },
-
-    eventType: _analytics.EVENT_TYPE.TRACK
-  })(function (state, dispatch) {
-    var nodes = state.schema.nodes;
-    if (nodes.panel && nodes.paragraph) {
-      return (0, _utils.wrapSelectionIn)(nodes.panel)(state, dispatch);
-    }
-    return false;
-  });
-}