@atlaskit/editor-core 197.2.7 → 197.4.0

package/dist/es2019/presets/universal.js

@@ -46,6 +46,7 @@ import { tasksAndDecisionsPlugin } from '@atlaskit/editor-plugins/tasks-and-deci
 import { textColorPlugin } from '@atlaskit/editor-plugins/text-color';
 import { toolbarListsIndentationPlugin } from '@atlaskit/editor-plugins/toolbar-lists-indentation';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 import { version as coreVersion } from '../version-wrapper';
 import { createDefaultPreset } from './default';
@@ -135,11 +136,16 @@ export default function createUniversalPresetInternal({
     profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider,
     ...(initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)
   }], Boolean(props.mentionProvider)).maybeAdd([emojiPlugin, {
+    emojiProvider: props.emojiProvider,
     emojiNodeDataProvider: initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : (_initialPluginConfigu = initialPluginConfiguration.emoji) === null || _initialPluginConfigu === void 0 ? void 0 : _initialPluginConfigu.emojiNodeDataProvider
   }], Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
     tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables,
-    dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && (isFullPage || (isComment || isChromeless) && fg('platform_editor_table_support_in_comment')),
-    isTableScalingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tablePreserveWidth) && (isFullPage || isComment && fg('platform_editor_table_support_in_comment')),
+    dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && (isFullPage || (isComment || isChromeless) && editorExperiment('support_table_in_comment', true, {
+      exposure: true
+    })),
+    isTableScalingEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tablePreserveWidth) && (isFullPage || isComment && editorExperiment('support_table_in_comment', true, {
+      exposure: true
+    })),
     allowContextualMenu: !isMobile,
     fullWidthEnabled: appearance === 'full-width',
     wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
@@ -217,7 +223,11 @@ export default function createUniversalPresetInternal({
     tableSelectorSupported: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableSelector) && isFullPage,
     nativeStatusSupported: !statusMenuDisabled,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
-    replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false
+    replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false,
+    // @ts-ignore
+    // For platform_editor_element_level_templates experiment only
+    // clean up ticket ED-24873
+    UNSAFE_editorAppearance: appearance
   }]).maybeAdd([beforePrimaryToolbarPlugin, {
     beforePrimaryToolbarComponents: // @ts-expect-error 2339: Property 'before' does not exist on type 'PrimaryToolbarComponents'.
     (_props$primaryToolbar = props.primaryToolbarComponents) === null || _props$primaryToolbar === void 0 ? void 0 : _props$primaryToolbar.before
@@ -228,15 +238,9 @@ export default function createUniversalPresetInternal({
     // https://hello.atlassian.net/wiki/spaces/PCG/pages/2851572180/Editor+toolbar+for+live+pages+and+edit+in+context+projects
     collabEdit: props.collabEdit,
     takeFullWidth: !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
-    showAvatarGroup:
-    // Cleanup: `platform_editor_remove_hide_avatar_group_prop`
-    // Remove `!props.hideAvatarGroup`
-    !props.hideAvatarGroup && featureFlags.showAvatarGroupAsPlugin === true && !featureFlags.twoLineEditorToolbar
+    showAvatarGroup: featureFlags.showAvatarGroupAsPlugin === true && !featureFlags.twoLineEditorToolbar
   }]).maybeAdd([findReplacePlugin, {
-    takeFullWidth:
-    // Cleanup: `platform_editor_remove_hide_avatar_group_prop`
-    // Remove `!props.hideAvatarGroup`
-    !props.hideAvatarGroup && !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
+    takeFullWidth: !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
     twoLineEditorToolbar: !!props.primaryToolbarComponents && !!featureFlags.twoLineEditorToolbar
   }], Boolean(props.allowFindReplace)).maybeAdd(borderPlugin, Boolean(props.allowBorderMark || props.UNSAFE_allowBorderMark)).maybeAdd(fragmentPlugin, Boolean(props.allowFragmentMark)).add(pasteOptionsToolbarPlugin).add([codeBidiWarningPlugin, {
     appearance

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

@@ -9,7 +9,6 @@ import { jsx } from '@emotion/react';
 import { browser } from '@atlaskit/editor-common/browser';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { FullPageContentArea } from './FullPageContentArea';
 import { FullPageToolbar } from './FullPageToolbar';
 import { fullPageEditorWrapper } from './StyledComponents';
@@ -80,8 +79,7 @@ export const FullPageEditor = props => {
     primaryToolbarComponents: primaryToolbarComponents,
     providerFactory: props.providerFactory,
     showKeyline: showKeyline,
-    featureFlags: props.featureFlags,
-    hideAvatarGroup: fg('platform_editor_remove_hide_avatar_group_prop') ? undefined : props.hideAvatarGroup
+    featureFlags: props.featureFlags
   }), jsx(FullPageContentArea, {
     editorAPI: editorAPI,
     ref: scrollContentContainerRef,

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

@@ -16,7 +16,7 @@ import Toolbar from '../../Toolbar';
 import { BeforePrimaryToolbarWrapper } from './BeforeWrapper';
 import { customToolbarWrapperStyle, mainToolbarFirstChildStyle, mainToolbarIconBeforeStyle, mainToolbarSecondChildStyle, mainToolbarStyle, MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, nonCustomToolbarWrapperStyle } from './MainToolbar';
 export const EditorToolbar = /*#__PURE__*/React.memo(props => {
-  var _props$featureFlags, _props$customPrimaryT, _props$featureFlags2, _props$featureFlags3, _editorAPI$avatarGrou, _props$collabEdit, _props$collabEdit2, _props$collabEdit3;
+  var _props$featureFlags, _props$customPrimaryT;
   const [shouldSplitToolbar, setShouldSplitToolbar] = useState(false);
   const {
     editorAPI
@@ -52,14 +52,6 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
     css: customToolbarWrapperStyle
   }, twoLineEditorToolbar && !!props.customPrimaryToolbarComponents && 'before' in props.customPrimaryToolbarComponents ? jsx(BeforePrimaryToolbarWrapper, {
     beforePrimaryToolbarComponents: (_props$customPrimaryT = props.customPrimaryToolbarComponents) === null || _props$customPrimaryT === void 0 ? void 0 : _props$customPrimaryT.before
-  }) : null, !fg('platform_editor_remove_hide_avatar_group_prop') ? props.hideAvatarGroup || (props === null || props === void 0 ? 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
-  editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$avatarGrou = editorAPI.avatarGroup) === null || _editorAPI$avatarGrou === void 0 ? void 0 : _editorAPI$avatarGrou.actions.getToolbarItem({
-    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
   }) : null, editorAPI !== null && editorAPI !== void 0 && editorAPI.findReplace && twoLineEditorToolbar ? editorAPI === null || editorAPI === void 0 ? void 0 : editorAPI.findReplace.actions.getToolbarButton({
     popupsBoundariesElement: props.popupsBoundariesElement,
     popupsMountPoint: props.popupsMountPoint,

package/dist/es2019/ui/ContentStyles/expand.js

@@ -4,12 +4,24 @@ import { BreakoutCssClassName, expandClassNames, sharedExpandStyles } from '@atl
 import { akEditorSelectedNodeClassName, akLayoutGutterOffset, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N100A, N40A, N50A, R300, R50 } from '@atlaskit/theme/colors';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 const EXPAND_SELECTED_BACKGROUND = "var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0.6))";
 const EXPAND_ICON_COLOR = () => css({
   color: `var(--ds-icon-subtle, ${N100A})`
 });
 const DANGER_STATE_BACKGROUND_COLOR = `var(--ds-background-danger, ${R50})`;
 const DANGER_STATE_BORDER_COLOR = `var(--ds-border-danger, ${R300})`;
+const firstNodeWithNotMarginTop = () => editorExperiment('nested-dnd', true) ?
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+css`
+				> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)) {
+					margin-top: 0;
+				}
+
+				> div.ak-editor-expand[data-node-type='nestedExpand'] {
+					margin-top: ${"var(--ds-space-050, 0.25rem)"};
+				}
+			` : '';
 
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
@@ -50,8 +62,8 @@ export const expandStyles = () => css`
 		> .${expandClassNames.type('expand')},
 		.${BreakoutCssClassName.BREAKOUT_MARK_DOM}
 		> .${expandClassNames.type('expand')} {
-		margin-left: -${akLayoutGutterOffset}px;
-		margin-right: -${akLayoutGutterOffset}px;
+		margin-left: -${akLayoutGutterOffset + (editorExperiment('nested-dnd', true) ? 8 : 0)}px;
+		margin-right: -${akLayoutGutterOffset + (editorExperiment('nested-dnd', true) ? 8 : 0)}px;
 	}
 
 	.${expandClassNames.content} {
@@ -80,6 +92,8 @@ export const expandStyles = () => css`
 
 		.${expandClassNames.content} {
 			padding-top: ${"var(--ds-space-100, 8px)"};
+
+			${firstNodeWithNotMarginTop()}
 		}
 	}
 

package/dist/es2019/ui/ContentStyles/layout.js

@@ -7,6 +7,29 @@ import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderS
 import { N40A, N50A } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN };
+const firstNodeWithNotMarginTop = () => editorExperiment('nested-dnd', true) ?
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+css`
+				> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)) {
+					margin-top: 0;
+				}
+			` :
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+css`
+				> :not(style):first-child,
+				> style:first-child + * {
+					margin-top: 0;
+				}
+
+				> .ProseMirror-gapcursor:first-child + *,
+				> style:first-child + .ProseMirror-gapcursor + * {
+					margin-top: 0;
+				}
+
+				> .ProseMirror-gapcursor:first-child + span + * {
+					margin-top: 0;
+				}
+			`;
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 export const layoutStyles = viewMode => css`
@@ -25,25 +48,12 @@ export const layoutStyles = viewMode => css`
 				border: ${viewMode === 'view' ? 0 : akEditorSelectedBorderSize}px solid
 					${`var(--ds-border, ${N40A})`};
 				border-radius: 4px;
-				padding: ${LAYOUT_COLUMN_PADDING}px ${LAYOUT_COLUMN_PADDING}px ${LAYOUT_COLUMN_PADDING}px
+				padding: ${LAYOUT_COLUMN_PADDING}px
 					${LAYOUT_COLUMN_PADDING + (editorExperiment('nested-dnd', true) ? 8 : 0)}px;
 				box-sizing: border-box;
 
 				> div {
-					> :not(style):first-child,
-					> style:first-child + * {
-						margin-top: 0;
-					}
-
-					> .ProseMirror-gapcursor:first-child + *,
-					> style:first-child + .ProseMirror-gapcursor + * {
-						margin-top: 0;
-					}
-
-					> .ProseMirror-gapcursor:first-child + span + *,
-					> style:first-child + .ProseMirror-gapcursor:first-child + span + * {
-						margin-top: 0;
-					}
+					${firstNodeWithNotMarginTop()}
 
 					> .embedCardView-content-wrap:first-of-type .rich-media-item {
 						margin-top: 0;

package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -7,6 +7,7 @@ import React, { useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 import { WidthObserver } from '@atlaskit/width-detector';
 import { isFullPage } from '../../utils/is-full-page';
@@ -31,7 +32,8 @@ export const ToolbarWithSizeDetector = props => {
   const elementWidth = useElementWidth(ref, {
     skip: typeof width !== 'undefined'
   });
-  const toolbarSize = typeof width === 'undefined' && typeof elementWidth === 'undefined' ? undefined : widthToToolbarSize(width || elementWidth, props.appearance);
+  const defaultToolbarSize = isSSR() && isFullPage(props.appearance) ? ToolbarSize.XXL : undefined;
+  const toolbarSize = typeof width === 'undefined' && typeof elementWidth === 'undefined' ? defaultToolbarSize : widthToToolbarSize(width || elementWidth, props.appearance);
   const toolbarStyle = useMemo(() => {
     const toolbarWidth = isFullPage(props.appearance) && props.twoLineEditorToolbar ? ToolbarSize.S : ToolbarSize.M;
     const toolbarMinWidth = toolbarSizeToWidth(toolbarWidth, props.appearance);

package/dist/es2019/ui/ToolbarFeedback/index.js

@@ -1,190 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { PureComponent } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import PropTypes from 'prop-types';
-import ButtonGroup from '@atlaskit/button/button-group';
-import Button from '@atlaskit/button/new';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { Popup } from '@atlaskit/editor-common/ui';
-import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
-import { withReactEditorViewOuterListeners as withOuterListeners } from '@atlaskit/editor-common/ui-react';
-import { analyticsEventKey } from '@atlaskit/editor-common/utils/analytics';
-import Spinner from '@atlaskit/spinner';
-import { createDispatch } from '../../event-dispatcher';
-import { usePresetContext } from '../../presets/context';
-import deprecationWarnings from '../../utils/deprecation-warnings';
-import { buttonContent, confirmationHeader, confirmationImg, confirmationPopup, confirmationText, wrapper } from './styles';
-const PopupWithOutsideListeners = withOuterListeners(Popup);
-const POPUP_HEIGHT = 388;
-const POPUP_WIDTH = 280;
-const EDITOR_IMAGE_URL = 'https://confluence.atlassian.com/download/attachments/945114421/editorillustration@2x.png?api=v2';
-const deprecations = [{
-  property: 'packageVersion',
-  description: 'To pass package version use feedbackInfo property – <Editor feedbackInfo={{ packageVersion }} />',
-  type: 'removed'
-}, {
-  property: 'packageName',
-  description: 'To pass package name use feedbackInfo property – <Editor feedbackInfo={{ packageName }} />',
-  type: 'removed'
-}, {
-  property: 'labels',
-  description: 'To pass feedback labels use feedbackInfo property – <Editor feedbackInfo={{ labels }} />',
-  type: 'removed'
-}];
-class ToolbarFeedbackInternal extends PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "state", {
-      jiraIssueCollectorScriptLoading: false,
-      showOptOutOption: false
-    });
-    _defineProperty(this, "handleRef", ref => {
-      if (ref) {
-        this.setState({
-          target: ref
-        });
-      }
-    });
-    // Create a FeedbackInfo instance from props.
-    _defineProperty(this, "getFeedbackInfo", () => {
-      const {
-        product,
-        packageVersion,
-        packageName,
-        labels
-      } = this.props;
-      return {
-        ...(product !== undefined && {
-          product
-        }),
-        ...(packageVersion !== undefined && {
-          packageVersion
-        }),
-        ...(packageName !== undefined && {
-          packageName
-        }),
-        ...(labels !== undefined && {
-          labels
-        })
-      };
-    });
-    _defineProperty(this, "collectFeedback", () => {
-      if (this.props.product === 'bitbucket') {
-        this.setState({
-          showOptOutOption: true
-        });
-      } else {
-        this.openFeedbackPopup();
-      }
-    });
-    _defineProperty(this, "toggleShowOptOutOption", () => {
-      this.setState({
-        showOptOutOption: !this.state.showOptOutOption
-      });
-    });
-    _defineProperty(this, "openJiraIssueCollector", async () => {
-      var _this$props$api, _this$props$api$conte, _this$props$api$conte2, _this$props$api$conte3, _window$localStorage$, _this$props$api2, _this$props$api2$feed;
-      this.setState({
-        jiraIssueCollectorScriptLoading: true,
-        showOptOutOption: false
-      });
-      const contentId = (_this$props$api = this.props.api) === null || _this$props$api === void 0 ? void 0 : (_this$props$api$conte = _this$props$api.contextIdentifier) === null || _this$props$api$conte === void 0 ? void 0 : (_this$props$api$conte2 = _this$props$api$conte.sharedState.currentState()) === null || _this$props$api$conte2 === void 0 ? void 0 : (_this$props$api$conte3 = _this$props$api$conte2.contextIdentifierProvider) === null || _this$props$api$conte3 === void 0 ? void 0 : _this$props$api$conte3.objectId;
-      const sessionId = (_window$localStorage$ = window.localStorage.getItem('awc.session.id')) === null || _window$localStorage$ === void 0 ? void 0 : _window$localStorage$.toString();
-      const tabId = window.sessionStorage['awc.tab.id'];
-      await ((_this$props$api2 = this.props.api) === null || _this$props$api2 === void 0 ? void 0 : (_this$props$api2$feed = _this$props$api2.feedbackDialog) === null || _this$props$api2$feed === void 0 ? void 0 : _this$props$api2$feed.actions.openFeedbackDialog({
-        ...this.getFeedbackInfo(),
-        sessionId,
-        contentId,
-        tabId
-      }));
-      this.setState({
-        jiraIssueCollectorScriptLoading: false
-      });
-    });
-    _defineProperty(this, "openFeedbackPopup", () => {
-      const dispatch = createDispatch(this.context.editorActions.eventDispatcher);
-      dispatch(analyticsEventKey, {
-        payload: {
-          action: ACTION.CLICKED,
-          actionSubject: ACTION_SUBJECT.BUTTON,
-          actionSubjectId: ACTION_SUBJECT_ID.BUTTON_FEEDBACK,
-          eventType: EVENT_TYPE.UI
-        }
-      });
-      this.openJiraIssueCollector();
-      return true;
-    });
-    _defineProperty(this, "openLearnMorePage", () => {
-      window.open('https://confluence.atlassian.com/x/NU1VO', '_blank');
-      this.toggleShowOptOutOption();
-    });
-    _defineProperty(this, "hasJquery", () => {
-      return typeof window.jQuery !== 'undefined';
-    });
-    deprecationWarnings(ToolbarFeedback.name, props, deprecations);
+export default function ToolbarFeedback() {
+  if (process.env.NODE_ENV === 'development') {
+    // eslint-disable-next-line no-console
+    console.warn('ToolbarFeedback component is no longer available. This will be deprecated soon.');
   }
-  render() {
-    const {
-      popupsMountPoint,
-      popupsBoundariesElement,
-      popupsScrollableElement
-    } = this.props;
-    const iconBefore = this.state.jiraIssueCollectorScriptLoading ? jsx(Spinner, null) : undefined;
-
-    // JIRA issue collector script is using jQuery internally
-    return this.hasJquery() ?
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    jsx("div", {
-      css: wrapper
-    }, jsx(ToolbarButton, {
-      ref: this.handleRef,
-      iconBefore: iconBefore,
-      onClick: this.collectFeedback,
-      selected: false,
-      spacing: "compact"
-    }, jsx("span", {
-      css: buttonContent
-    }, "Feedback")), this.state.showOptOutOption && jsx(PopupWithOutsideListeners, {
-      target: this.state.target,
-      mountTo: popupsMountPoint,
-      boundariesElement: popupsBoundariesElement,
-      scrollableElement: popupsScrollableElement,
-      fitHeight: POPUP_HEIGHT,
-      fitWidth: POPUP_WIDTH,
-      handleClickOutside: this.toggleShowOptOutOption,
-      handleEscapeKeydown: this.toggleShowOptOutOption
-    }, jsx("div", {
-      css: confirmationPopup
-    }, jsx("div", {
-      css: confirmationHeader
-    }, jsx("img", {
-      css: confirmationImg,
-      src: EDITOR_IMAGE_URL
-    })), jsx("div", {
-      css: confirmationText
-    }, jsx("div", null, "We are rolling out a new editing experience across Atlassian products. Help us improve by providing feedback."), jsx("div", null, "You can opt-out for now by turning off the \"Atlassian Editor\" feature on the Labs page in Bitbucket settings."), jsx(ButtonGroup, null, jsx(Button, {
-      appearance: "primary",
-      onClick: this.openFeedbackPopup
-    }, "Give feedback"), jsx(Button, {
-      appearance: "default",
-      onClick: this.openLearnMorePage
-    }, "Learn more")))))) : null;
-  }
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-_defineProperty(ToolbarFeedbackInternal, "contextTypes", {
-  editorActions: PropTypes.object.isRequired
-});
-export default function ToolbarFeedback(props) {
-  const api = usePresetContext();
-  return jsx(ToolbarFeedbackInternal, _extends({
-    api: api
-  }, props));
+  return null;
 }

package/dist/es2019/utils/action.js

@@ -8,16 +8,6 @@ const mediaPluginKey = {
     return state['mediaPlugin$'];
   }
 };
-export async function __temporaryFixForConfigPanel(editorView, api) {
-  var _api$extension;
-  const extensionPluginState = api === null || api === void 0 ? void 0 : (_api$extension = api.extension) === null || _api$extension === void 0 ? void 0 : _api$extension.sharedState.currentState();
-  if (extensionPluginState && extensionPluginState.showContextPanel) {
-    await new Promise(resolve => {
-      var _api$extension2, _api$contextPanel;
-      api === null || api === void 0 ? void 0 : (_api$extension2 = api.extension) === null || _api$extension2 === void 0 ? void 0 : _api$extension2.actions.forceAutoSave(api === null || api === void 0 ? void 0 : (_api$contextPanel = api.contextPanel) === null || _api$contextPanel === void 0 ? void 0 : _api$contextPanel.actions.applyChange)(resolve)(editorView.state, editorView.dispatch);
-    });
-  }
-}
 export async function getEditorValueWithMedia(editorView) {
   const mediaPluginState = editorView.state && mediaPluginKey.getState(editorView.state);
   if (mediaPluginState && mediaPluginState.waitForMediaUpload) {

package/dist/es2019/utils/getNodesCount.js

@@ -0,0 +1,7 @@
+export function getNodesCount(node) {
+  let count = {};
+  node.nodesBetween(0, node.nodeSize - 2, node => {
+    count[node.type.name] = (count[node.type.name] || 0) + 1;
+  });
+  return count;
+}

package/dist/es2019/utils/index.js

@@ -1,4 +1,4 @@
-export { getNodesCount } from './document';
+export { getNodesCount } from './getNodesCount';
 export { default as measurements } from './performance/measure-enum';
 
 /*

package/dist/es2019/utils/performance/getTimeSince.js

@@ -0,0 +1,8 @@
+/**
+ * Calculate the difference between performance.now() and the given startTime.
+ * This allows for the timing to be overridable during tests.
+ *
+ * @param startTime DOMHighResTimeStamp
+ * @returns DOMHighResTimeStamp
+ */
+export const getTimeSince = startTime => performance.now() - startTime;

package/dist/es2019/utils/performance/track-transactions.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { isPerformanceAPIAvailable } from '@atlaskit/editor-common/is-performance-api-available';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
-import { getTimeSince, isPerformanceAPIAvailable } from '@atlaskit/editor-common/utils';
+import { getTimeSince } from './getTimeSince';
 export const EVENT_NAME_STATE_APPLY = `🦉 EditorView::state::apply`;
 export const EVENT_NAME_UPDATE_STATE = `🦉 EditorView::updateState`;
 export const EVENT_NAME_VIEW_STATE_UPDATED = `🦉 EditorView::onEditorViewStateUpdated`;

package/dist/es2019/utils/{document.js → processRawFragmentValue.js}

@@ -1,4 +1,4 @@
-import { processRawValue } from '@atlaskit/editor-common/utils';
+import { processRawValue } from '@atlaskit/editor-common/process-raw-value';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 export function processRawFragmentValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
   if (!value) {
@@ -9,11 +9,4 @@ export function processRawFragmentValue(schema, value, providerFactory, sanitize
     return;
   }
   return Fragment.from(adfEntities);
-}
-export function getNodesCount(node) {
-  let count = {};
-  node.nodesBetween(0, node.nodeSize - 2, node => {
-    count[node.type.name] = (count[node.type.name] || 0) + 1;
-  });
-  return count;
 }

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "197.2.7";
+export const version = "197.4.0";

package/dist/esm/actions/index.js

@@ -3,16 +3,17 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { findNodePosByLocalIds, isEmptyDocument, processRawValue, toJSON } from '@atlaskit/editor-common/utils';
+import { processRawValue } from '@atlaskit/editor-common/process-raw-value';
+import { findNodePosByLocalIds, isEmptyDocument, toJSON } from '@atlaskit/editor-common/utils';
 import { analyticsEventKey } from '@atlaskit/editor-common/utils/analytics';
 import { Node } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { createDispatch } from '../event-dispatcher';
-import { __temporaryFixForConfigPanel as _temporaryFixForConfigPanel, getEditorValueWithMedia } from '../utils/action';
+import { getEditorValueWithMedia } from '../utils/action';
 import deprecationWarnings from '../utils/deprecation-warnings';
-import { processRawFragmentValue } from '../utils/document';
 import { findNodePosByFragmentLocalIds } from '../utils/nodes-by-localIds';
+import { processRawFragmentValue } from '../utils/processRawFragmentValue';
 
 // TODO: ED-21786
 // Please, do not copy or use this kind of code below
@@ -195,34 +196,7 @@ var EditorActions = /*#__PURE__*/function () {
       editorView.dispatch(tr);
       return true;
     }
-  }, {
-    key: "__temporaryFixForConfigPanel",
-    value: function () {
-      var _temporaryFixForConfigPanel2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var editorView, __EDITOR_INTERNALS_DO_NOT_USE__API;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              // @ts-ignore Internal API not for use, just to unblock extracting extension plugin
-              editorView = this.editorView, __EDITOR_INTERNALS_DO_NOT_USE__API = this.__EDITOR_INTERNALS_DO_NOT_USE__API;
-              if (!(!editorView || !__EDITOR_INTERNALS_DO_NOT_USE__API)) {
-                _context2.next = 3;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 3:
-              _temporaryFixForConfigPanel(editorView, __EDITOR_INTERNALS_DO_NOT_USE__API);
-            case 4:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function __temporaryFixForConfigPanel() {
-        return _temporaryFixForConfigPanel2.apply(this, arguments);
-      }
-      return __temporaryFixForConfigPanel;
-    }()
+
     /**
      * @deprecated This is deprecated and is no longer maintained.
      *
@@ -236,36 +210,36 @@ var EditorActions = /*#__PURE__*/function () {
   }, {
     key: "getValue",
     value: (function () {
-      var _getValue = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var _getValue = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         var editorView, doc, json, nodeSanitized;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               editorView = this.editorView;
               if (editorView) {
-                _context3.next = 3;
+                _context2.next = 3;
                 break;
               }
-              return _context3.abrupt("return");
+              return _context2.abrupt("return");
             case 3:
-              _context3.next = 5;
+              _context2.next = 5;
               return getEditorValueWithMedia(editorView);
             case 5:
-              doc = _context3.sent;
+              doc = _context2.sent;
               json = toJSON(doc);
               if (this.contentEncode) {
-                _context3.next = 9;
+                _context2.next = 9;
                 break;
               }
-              return _context3.abrupt("return", json);
+              return _context2.abrupt("return", json);
             case 9:
               nodeSanitized = Node.fromJSON(this.editorView.state.schema, json);
-              return _context3.abrupt("return", this.contentEncode(nodeSanitized));
+              return _context2.abrupt("return", this.contentEncode(nodeSanitized));
             case 11:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
-        }, _callee3, this);
+        }, _callee2, this);
       }));
       function getValue() {
         return _getValue.apply(this, arguments);

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

@@ -50,10 +50,12 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
   var setEditorApi = useCallback(
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   function (api) {
-    // This is an workaround to unblock Editor Lego Decoupling project, if you have questions ping us #cc-editor-lego
-    // We may clean up this code when EditorActions deprecation process starts
-    // @ts-expect-error 2339: Property '__EDITOR_INTERNALS_DO_NOT_USE__API' does not exist on type 'EditorActions<any>'.
-    editorActions.__EDITOR_INTERNALS_DO_NOT_USE__API = api;
+    if (!fg('platform_editor_remove_editor_actions_workaround')) {
+      // This is an workaround to unblock Editor Lego Decoupling project, if you have questions ping us #cc-editor-lego
+      // We may clean up this code when EditorActions deprecation process starts
+      // @ts-expect-error 2339: Property '__EDITOR_INTERNALS_DO_NOT_USE__API' does not exist on type 'EditorActions<any>'.
+      editorActions.__EDITOR_INTERNALS_DO_NOT_USE__API = api;
+    }
   }, [editorActions]);
   var overriddenEditorProps = _objectSpread(_objectSpread({}, props), {}, {
     onSave: props.onSave ? handleSave : undefined,
@@ -141,8 +143,7 @@ export var EditorInternal = /*#__PURE__*/memo(function (_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,
-        hideAvatarGroup: fg('platform_editor_remove_hide_avatar_group_prop') ? undefined : props.hideAvatarGroup
+        pluginHooks: config.pluginHooks
       }));
     }
   }), jsx(PortalRenderer, null))))))));
@@ -173,7 +174,8 @@ function ReactEditorViewContextWrapper(props) {
   useProviders({
     contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
     mediaProvider: (_props$editorProps$me = props.editorProps.media) === null || _props$editorProps$me === void 0 ? void 0 : _props$editorProps$me.provider,
-    cardProvider: ((_props$editorProps$li = props.editorProps.linking) === null || _props$editorProps$li === void 0 || (_props$editorProps$li = _props$editorProps$li.smartLinks) === null || _props$editorProps$li === void 0 ? void 0 : _props$editorProps$li.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider
+    cardProvider: ((_props$editorProps$li = props.editorProps.linking) === null || _props$editorProps$li === void 0 || (_props$editorProps$li = _props$editorProps$li.smartLinks) === null || _props$editorProps$li === void 0 ? void 0 : _props$editorProps$li.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
+    emojiProvider: props.editorProps.emojiProvider
   });
   return jsx(ReactEditorView, _extends({}, props, {
     setEditorApi: setEditorAPI