@atlaskit/editor-common 107.0.2 → 107.0.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 107.0.4
+
+### Patch Changes
+
+- [#173636](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173636)
+  [`22b85a186fb8a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22b85a186fb8a) -
+  SSR placeholder for mention profile card trigger
+- Updated dependencies
+
+## 107.0.3
+
+### Patch Changes
+
+- [#173656](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173656)
+  [`006a6e5d1bb9d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/006a6e5d1bb9d) -
+  remove node wrapper extension height reservation
+- Updated dependencies
+
 ## 107.0.2
 
 ### Patch Changes

package/dist/cjs/extensibility/ExtensionNodeWrapper.js

@@ -38,27 +38,18 @@ var styles = (0, _react2.css)({
 var ExtensionNodeWrapper = exports.ExtensionNodeWrapper = function ExtensionNodeWrapper(_ref) {
   var children = _ref.children,
     nodeType = _ref.nodeType,
-    macroInteractionDesignFeatureFlags = _ref.macroInteractionDesignFeatureFlags,
-    nodeHeight = _ref.nodeHeight;
+    macroInteractionDesignFeatureFlags = _ref.macroInteractionDesignFeatureFlags;
   var _ref2 = macroInteractionDesignFeatureFlags || {},
     showMacroInteractionDesignUpdates = _ref2.showMacroInteractionDesignUpdates;
   var wrapperClassNames = (0, _classnames.default)({
     'inline-extension': nodeType === 'inlineExtension' && showMacroInteractionDesignUpdates,
     relative: showMacroInteractionDesignUpdates
   });
-  var content =
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-  (0, _react2.jsx)("span", {
-    className: wrapperClassNames,
-    css: styles
-  }, children, nodeType === 'inlineExtension' && _whitespace.ZERO_WIDTH_SPACE);
-  if (nodeHeight) {
-    var extensionStyles = {
-      minHeight: "".concat(nodeHeight, "px")
-    };
-    return (0, _react2.jsx)("div", {
-      style: extensionStyles
-    }, content);
-  }
-  return content;
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    (0, _react2.jsx)("span", {
+      className: wrapperClassNames,
+      css: styles
+    }, children, nodeType === 'inlineExtension' && _whitespace.ZERO_WIDTH_SPACE)
+  );
 };

package/dist/cjs/extensibility/extensionNodeView.js

@@ -91,11 +91,10 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
   }, {
     key: "render",
     value: function render(props, forwardRef) {
-      var _props$extensionNodeV, _props$extensionNodeV2, _props$extensionNodeV3;
+      var _props$extensionNodeV;
       return /*#__PURE__*/_react.default.createElement(_ExtensionNodeWrapper.ExtensionNodeWrapper, {
         nodeType: this.node.type.name,
-        macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
-        nodeHeight: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 || (_props$extensionNodeV2 = _props$extensionNodeV.getExtensionHeight) === null || _props$extensionNodeV2 === void 0 ? void 0 : _props$extensionNodeV2.call(_props$extensionNodeV, this.node)
+        macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags
       }, /*#__PURE__*/_react.default.createElement(_Extension.Extension, {
         editorView: this.view,
         node: this.node,
@@ -111,7 +110,7 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
         providerFactory: props.providerFactory,
         handleContentDOMRef: forwardRef,
         extensionHandlers: props.extensionHandlers,
-        editorAppearance: (_props$extensionNodeV3 = props.extensionNodeViewOptions) === null || _props$extensionNodeV3 === void 0 ? void 0 : _props$extensionNodeV3.appearance,
+        editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
         pluginInjectionApi: props.pluginInjectionApi,
         macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
         showLivePagesBodiedMacrosRendererView: props.showLivePagesBodiedMacrosRendererView,

package/dist/cjs/link/ConfigureLinkOverlay/Dropdown.js

@@ -16,7 +16,6 @@ var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
 var _customizePreferences = _interopRequireDefault(require("@atlaskit/icon/core/migration/customize--preferences"));
 var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-external--shortcut"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = require("../../messages");
 var _StyledButton = require("./StyledButton");
 var _useLinkOverlayAnalyticsEvents = require("./useLinkOverlayAnalyticsEvents");
@@ -93,8 +92,7 @@ var Dropdown = function Dropdown(_ref) {
       }));
     },
     testId: "".concat(testId, "-dropdown"),
-    onOpenChange: onOpenChange,
-    shouldRenderToParent: (0, _platformFeatureFlags.fg)('should-render-to-parent-should-be-true-editor')
+    onOpenChange: onOpenChange
   }, (0, _react2.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
     elemBefore: (0, _react2.jsx)(_linkExternalShortcut.default, {
       label: goToLinkLabel,

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.0.1";
+var packageVersion = "107.0.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -31,7 +31,7 @@ var canRenderFallback = function canRenderFallback(node) {
 
 // list of inline nodes with toDOM fallback implementations that can be virtualized. As
 // additional nodes are converted they should be added here
-var virtualizedNodeAllowlist = ['status', 'mention', 'emoji', 'date', 'inlineCard'];
+var virtualizedNodeAllowlist = ['status', 'mention', 'emoji', 'inlineCard'];
 function createNodeView(_ref) {
   var nodeViewParams = _ref.nodeViewParams,
     pmPluginFactoryParams = _ref.pmPluginFactoryParams,

package/dist/cjs/ui/DropList/index.js

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.0.1";
+var packageVersion = "107.0.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/cjs/ui/Mention/mention-with-profilecard.js

@@ -20,7 +20,8 @@ function MentionWithProfileCard(_ref) {
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
-    localId = _ref.localId;
+    localId = _ref.localId,
+    ssrPlaceholderId = _ref.ssrPlaceholderId;
   var cloudId = profilecardProvider.cloudId,
     resourceClient = profilecardProvider.resourceClient;
   var actions = (0, _react.useMemo)(function () {
@@ -38,7 +39,8 @@ function MentionWithProfileCard(_ref) {
     // Ignored via go/ees005
     // eslint-disable-next-line require-unicode-regexp
     ,
-    ariaLabel: text.replace(/^@/, '')
+    ariaLabel: text.replace(/^@/, ''),
+    ssrPlaceholderId: ssrPlaceholderId
   }, /*#__PURE__*/_react.default.createElement(_mention.ResourcedMention, {
     id: id,
     text: text,
@@ -47,6 +49,7 @@ function MentionWithProfileCard(_ref) {
     mentionProvider: mentionProvider,
     onClick: onClick,
     onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
+    onMouseLeave: onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
   }));
 }

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -16,6 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _element = require("@atlaskit/mention/element");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _mentionWithProfilecard = _interopRequireDefault(require("./mention-with-profilecard"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -57,6 +58,7 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
     });
   }, [profilecardProviderResolver]);
   var MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? _mentionWithProfilecard.default : _element.ResourcedMention;
+  var ssrPlaceholderId = (0, _platformFeatureFlags.fg)('cc_mention_ssr_placeholder') ? "mention-".concat(id) : undefined;
   return /*#__PURE__*/_react.default.createElement(MentionComponent, {
     id: id,
     text: text,
@@ -69,7 +71,8 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
     profilecardProvider: profilecardProvider,
     onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
     onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
-    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave
+    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
   });
 });
 

package/dist/es2019/extensibility/ExtensionNodeWrapper.js

@@ -30,8 +30,7 @@ const styles = css({
 export const ExtensionNodeWrapper = ({
   children,
   nodeType,
-  macroInteractionDesignFeatureFlags,
-  nodeHeight
+  macroInteractionDesignFeatureFlags
 }) => {
   const {
     showMacroInteractionDesignUpdates
@@ -40,19 +39,11 @@ export const ExtensionNodeWrapper = ({
     'inline-extension': nodeType === 'inlineExtension' && showMacroInteractionDesignUpdates,
     relative: showMacroInteractionDesignUpdates
   });
-  const content =
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-  jsx("span", {
-    className: wrapperClassNames,
-    css: styles
-  }, children, nodeType === 'inlineExtension' && ZERO_WIDTH_SPACE);
-  if (nodeHeight) {
-    const extensionStyles = {
-      minHeight: `${nodeHeight}px`
-    };
-    return jsx("div", {
-      style: extensionStyles
-    }, content);
-  }
-  return content;
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    jsx("span", {
+      className: wrapperClassNames,
+      css: styles
+    }, children, nodeType === 'inlineExtension' && ZERO_WIDTH_SPACE)
+  );
 };

package/dist/es2019/extensibility/extensionNodeView.js

@@ -59,11 +59,10 @@ export class ExtensionNode extends ReactNodeView {
     };
   }
   render(props, forwardRef) {
-    var _props$extensionNodeV, _props$extensionNodeV2, _props$extensionNodeV3;
+    var _props$extensionNodeV;
     return /*#__PURE__*/React.createElement(ExtensionNodeWrapper, {
       nodeType: this.node.type.name,
-      macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
-      nodeHeight: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : (_props$extensionNodeV2 = _props$extensionNodeV.getExtensionHeight) === null || _props$extensionNodeV2 === void 0 ? void 0 : _props$extensionNodeV2.call(_props$extensionNodeV, this.node)
+      macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags
     }, /*#__PURE__*/React.createElement(Extension, {
       editorView: this.view,
       node: this.node,
@@ -79,7 +78,7 @@ export class ExtensionNode extends ReactNodeView {
       providerFactory: props.providerFactory,
       handleContentDOMRef: forwardRef,
       extensionHandlers: props.extensionHandlers,
-      editorAppearance: (_props$extensionNodeV3 = props.extensionNodeViewOptions) === null || _props$extensionNodeV3 === void 0 ? void 0 : _props$extensionNodeV3.appearance,
+      editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
       pluginInjectionApi: props.pluginInjectionApi,
       macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
       showLivePagesBodiedMacrosRendererView: props.showLivePagesBodiedMacrosRendererView,

package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js

@@ -13,7 +13,6 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
 import PreferencesIcon from '@atlaskit/icon/core/migration/customize--preferences';
 import LinkExternalIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { cardMessages as messages } from '../../messages';
 import { StyledButton } from './StyledButton';
 import { useLinkOverlayAnalyticsEvents } from './useLinkOverlayAnalyticsEvents';
@@ -84,8 +83,7 @@ const Dropdown = ({
       }
     })),
     testId: `${testId}-dropdown`,
-    onOpenChange: onOpenChange,
-    shouldRenderToParent: fg('should-render-to-parent-should-be-true-editor')
+    onOpenChange: onOpenChange
   }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
     elemBefore: jsx(LinkExternalIcon, {
       label: goToLinkLabel,

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "107.0.1";
+const packageVersion = "107.0.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/react-node-view/getInlineNodeViewProducer.js

@@ -23,7 +23,7 @@ const canRenderFallback = node => {
 
 // list of inline nodes with toDOM fallback implementations that can be virtualized. As
 // additional nodes are converted they should be added here
-const virtualizedNodeAllowlist = ['status', 'mention', 'emoji', 'date', 'inlineCard'];
+const virtualizedNodeAllowlist = ['status', 'mention', 'emoji', 'inlineCard'];
 function createNodeView({
   nodeViewParams,
   pmPluginFactoryParams,

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.0.1";
+const packageVersion = "107.0.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/ui/Mention/mention-with-profilecard.js

@@ -11,7 +11,8 @@ export default function MentionWithProfileCard({
   onClick,
   onMouseEnter,
   onMouseLeave,
-  localId
+  localId,
+  ssrPlaceholderId
 }) {
   const {
     cloudId,
@@ -30,7 +31,8 @@ export default function MentionWithProfileCard({
     // Ignored via go/ees005
     // eslint-disable-next-line require-unicode-regexp
     ,
-    ariaLabel: text.replace(/^@/, '')
+    ariaLabel: text.replace(/^@/, ''),
+    ssrPlaceholderId: ssrPlaceholderId
   }, /*#__PURE__*/React.createElement(ResourcedMention, {
     id: id,
     text: text,
@@ -39,6 +41,7 @@ export default function MentionWithProfileCard({
     mentionProvider: mentionProvider,
     onClick: onClick,
     onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
+    onMouseLeave: onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
   }));
 }

package/dist/es2019/ui/Mention/mention-with-providers.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent, useLayoutEffect, useRef, useState } from 'react';
 import { ResourcedMention } from '@atlaskit/mention/element';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 const GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 const noop = () => {};
@@ -38,6 +39,7 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
     });
   }, [profilecardProviderResolver]);
   const MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
+  const ssrPlaceholderId = fg('cc_mention_ssr_placeholder') ? `mention-${id}` : undefined;
   return /*#__PURE__*/React.createElement(MentionComponent, {
     id: id,
     text: text,
@@ -50,7 +52,8 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
     profilecardProvider: profilecardProvider,
     onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
     onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
-    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave
+    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
   });
 });
 

package/dist/esm/extensibility/ExtensionNodeWrapper.js

@@ -30,27 +30,18 @@ var styles = css({
 export var ExtensionNodeWrapper = function ExtensionNodeWrapper(_ref) {
   var children = _ref.children,
     nodeType = _ref.nodeType,
-    macroInteractionDesignFeatureFlags = _ref.macroInteractionDesignFeatureFlags,
-    nodeHeight = _ref.nodeHeight;
+    macroInteractionDesignFeatureFlags = _ref.macroInteractionDesignFeatureFlags;
   var _ref2 = macroInteractionDesignFeatureFlags || {},
     showMacroInteractionDesignUpdates = _ref2.showMacroInteractionDesignUpdates;
   var wrapperClassNames = classnames({
     'inline-extension': nodeType === 'inlineExtension' && showMacroInteractionDesignUpdates,
     relative: showMacroInteractionDesignUpdates
   });
-  var content =
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-  jsx("span", {
-    className: wrapperClassNames,
-    css: styles
-  }, children, nodeType === 'inlineExtension' && ZERO_WIDTH_SPACE);
-  if (nodeHeight) {
-    var extensionStyles = {
-      minHeight: "".concat(nodeHeight, "px")
-    };
-    return jsx("div", {
-      style: extensionStyles
-    }, content);
-  }
-  return content;
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    jsx("span", {
+      className: wrapperClassNames,
+      css: styles
+    }, children, nodeType === 'inlineExtension' && ZERO_WIDTH_SPACE)
+  );
 };

package/dist/esm/extensibility/extensionNodeView.js

@@ -83,11 +83,10 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "render",
     value: function render(props, forwardRef) {
-      var _props$extensionNodeV, _props$extensionNodeV2, _props$extensionNodeV3;
+      var _props$extensionNodeV;
       return /*#__PURE__*/React.createElement(ExtensionNodeWrapper, {
         nodeType: this.node.type.name,
-        macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
-        nodeHeight: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 || (_props$extensionNodeV2 = _props$extensionNodeV.getExtensionHeight) === null || _props$extensionNodeV2 === void 0 ? void 0 : _props$extensionNodeV2.call(_props$extensionNodeV, this.node)
+        macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags
       }, /*#__PURE__*/React.createElement(Extension, {
         editorView: this.view,
         node: this.node,
@@ -103,7 +102,7 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
         providerFactory: props.providerFactory,
         handleContentDOMRef: forwardRef,
         extensionHandlers: props.extensionHandlers,
-        editorAppearance: (_props$extensionNodeV3 = props.extensionNodeViewOptions) === null || _props$extensionNodeV3 === void 0 ? void 0 : _props$extensionNodeV3.appearance,
+        editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
         pluginInjectionApi: props.pluginInjectionApi,
         macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
         showLivePagesBodiedMacrosRendererView: props.showLivePagesBodiedMacrosRendererView,

package/dist/esm/link/ConfigureLinkOverlay/Dropdown.js

@@ -15,7 +15,6 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
 import PreferencesIcon from '@atlaskit/icon/core/migration/customize--preferences';
 import LinkExternalIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { cardMessages as messages } from '../../messages';
 import { StyledButton } from './StyledButton';
 import { useLinkOverlayAnalyticsEvents } from './useLinkOverlayAnalyticsEvents';
@@ -85,8 +84,7 @@ var Dropdown = function Dropdown(_ref) {
       }));
     },
     testId: "".concat(testId, "-dropdown"),
-    onOpenChange: onOpenChange,
-    shouldRenderToParent: fg('should-render-to-parent-should-be-true-editor')
+    onOpenChange: onOpenChange
   }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
     elemBefore: jsx(LinkExternalIcon, {
       label: goToLinkLabel,

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.0.1";
+var packageVersion = "107.0.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/react-node-view/getInlineNodeViewProducer.js

@@ -26,7 +26,7 @@ var canRenderFallback = function canRenderFallback(node) {
 
 // list of inline nodes with toDOM fallback implementations that can be virtualized. As
 // additional nodes are converted they should be added here
-var virtualizedNodeAllowlist = ['status', 'mention', 'emoji', 'date', 'inlineCard'];
+var virtualizedNodeAllowlist = ['status', 'mention', 'emoji', 'inlineCard'];
 function createNodeView(_ref) {
   var nodeViewParams = _ref.nodeViewParams,
     pmPluginFactoryParams = _ref.pmPluginFactoryParams,

package/dist/esm/ui/DropList/index.js

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.0.1";
+var packageVersion = "107.0.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/ui/Mention/mention-with-profilecard.js

@@ -11,7 +11,8 @@ export default function MentionWithProfileCard(_ref) {
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
-    localId = _ref.localId;
+    localId = _ref.localId,
+    ssrPlaceholderId = _ref.ssrPlaceholderId;
   var cloudId = profilecardProvider.cloudId,
     resourceClient = profilecardProvider.resourceClient;
   var actions = useMemo(function () {
@@ -29,7 +30,8 @@ export default function MentionWithProfileCard(_ref) {
     // Ignored via go/ees005
     // eslint-disable-next-line require-unicode-regexp
     ,
-    ariaLabel: text.replace(/^@/, '')
+    ariaLabel: text.replace(/^@/, ''),
+    ssrPlaceholderId: ssrPlaceholderId
   }, /*#__PURE__*/React.createElement(ResourcedMention, {
     id: id,
     text: text,
@@ -38,6 +40,7 @@ export default function MentionWithProfileCard(_ref) {
     mentionProvider: mentionProvider,
     onClick: onClick,
     onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
+    onMouseLeave: onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
   }));
 }

package/dist/esm/ui/Mention/mention-with-providers.js

@@ -10,6 +10,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { PureComponent, useLayoutEffect, useRef, useState } from 'react';
 import { ResourcedMention } from '@atlaskit/mention/element';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 var noop = function noop() {};
@@ -48,6 +49,7 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref) {
     });
   }, [profilecardProviderResolver]);
   var MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
+  var ssrPlaceholderId = fg('cc_mention_ssr_placeholder') ? "mention-".concat(id) : undefined;
   return /*#__PURE__*/React.createElement(MentionComponent, {
     id: id,
     text: text,
@@ -60,7 +62,8 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref) {
     profilecardProvider: profilecardProvider,
     onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
     onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
-    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave
+    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
+    ssrPlaceholderId: ssrPlaceholderId
   });
 });
 

package/dist/types/extensibility/ExtensionNodeWrapper.d.ts

@@ -10,7 +10,6 @@ type Props = {
     children: React.ReactNode;
     nodeType: string;
     macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
-    nodeHeight?: string;
 };
 /**
  * If inlineExtension, add zero width space to the end of the nodes and wrap with span;
@@ -20,5 +19,5 @@ type Props = {
  * @param param0
  * @returns
  */
-export declare const ExtensionNodeWrapper: ({ children, nodeType, macroInteractionDesignFeatureFlags, nodeHeight, }: Props) => jsx.JSX.Element;
+export declare const ExtensionNodeWrapper: ({ children, nodeType, macroInteractionDesignFeatureFlags, }: Props) => jsx.JSX.Element;
 export {};

package/dist/types/ui/Mention/mention-with-profilecard.d.ts

@@ -13,5 +13,6 @@ export interface Props {
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
     localId?: string;
+    ssrPlaceholderId?: string;
 }
-export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, }: Props): React.JSX.Element;
+export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, ssrPlaceholderId, }: Props): React.JSX.Element;

package/dist/types-ts4.5/extensibility/ExtensionNodeWrapper.d.ts

@@ -10,7 +10,6 @@ type Props = {
     children: React.ReactNode;
     nodeType: string;
     macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
-    nodeHeight?: string;
 };
 /**
  * If inlineExtension, add zero width space to the end of the nodes and wrap with span;
@@ -20,5 +19,5 @@ type Props = {
  * @param param0
  * @returns
  */
-export declare const ExtensionNodeWrapper: ({ children, nodeType, macroInteractionDesignFeatureFlags, nodeHeight, }: Props) => jsx.JSX.Element;
+export declare const ExtensionNodeWrapper: ({ children, nodeType, macroInteractionDesignFeatureFlags, }: Props) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/Mention/mention-with-profilecard.d.ts

@@ -13,5 +13,6 @@ export interface Props {
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
     localId?: string;
+    ssrPlaceholderId?: string;
 }
-export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, }: Props): React.JSX.Element;
+export default function MentionWithProfileCard({ autoFocus, id, text, accessLevel, mentionProvider, profilecardProvider, onClick, onMouseEnter, onMouseLeave, localId, ssrPlaceholderId, }: Props): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.0.2",
+	"version": "107.0.4",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -164,7 +164,7 @@
 		"@atlaskit/profilecard": "^23.19.0",
 		"@atlaskit/react-ufo": "^3.13.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/smart-card": "^38.10.0",
+		"@atlaskit/smart-card": "^38.12.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
@@ -383,6 +383,9 @@
 		"confluence_connect_macro_preset_height": {
 			"type": "boolean"
 		},
+		"cc_mention_ssr_placeholder": {
+			"type": "boolean"
+		},
 		"platform_editor_breakout_resizing_hello_release": {
 			"type": "boolean"
 		},