@atlaskit/editor-common 114.28.0 → 114.30.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-common
 
+## 114.30.0
+
+### Minor Changes
+
+- [`edd5d6d4c23ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/edd5d6d4c23ec) -
+  Add SSR streaming supporting to Editor starmt cards and extensions
+
+### Patch Changes
+
+- Updated dependencies
+
+## 114.29.0
+
+### Minor Changes
+
+- [`14b617e1204ad`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14b617e1204ad) -
+  Cleanup confluence_frontend_fix_date_hydration_error experiment
+- [`a94026f1bcd86`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a94026f1bcd86) -
+  [ux] fix: scope card queue to inserted range when inserting MAUI embed via Add to Doc
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 114.28.0
 
 ### Minor Changes

package/dist/cjs/extensibility/ExtensionNodeWrapper.js

@@ -10,6 +10,7 @@ var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _whitespace = require("../whitespace");
+var _ExtensionSSRReactContextsProvider = require("./ExtensionSSRReactContextsProvider");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -70,18 +71,21 @@ var hoverStyles = (0, _react2.css)({
 var ExtensionNodeWrapper = exports.ExtensionNodeWrapper = function ExtensionNodeWrapper(_ref) {
   var children = _ref.children,
     nodeType = _ref.nodeType,
-    macroInteractionDesignFeatureFlags = _ref.macroInteractionDesignFeatureFlags;
+    macroInteractionDesignFeatureFlags = _ref.macroInteractionDesignFeatureFlags,
+    intl = _ref.intl;
   var _ref2 = macroInteractionDesignFeatureFlags || {},
     showMacroInteractionDesignUpdates = _ref2.showMacroInteractionDesignUpdates;
   var wrapperClassNames = (0, _classnames.default)({
     'inline-extension': nodeType === 'inlineExtension' && showMacroInteractionDesignUpdates,
     relative: showMacroInteractionDesignUpdates
   });
-  return (0, _react2.jsx)("span", {
+  return (0, _react2.jsx)(_ExtensionSSRReactContextsProvider.ExtensionSSRReactContextsProvider, {
+    intl: intl
+  }, (0, _react2.jsx)("span", {
     "data-testid": "extension-node-wrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: wrapperClassNames,
     css: [styles, (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) && hoverStyles]
-  }, children, nodeType === 'inlineExtension' && _whitespace.ZERO_WIDTH_SPACE);
+  }, children, nodeType === 'inlineExtension' && _whitespace.ZERO_WIDTH_SPACE));
 };

package/dist/cjs/extensibility/ExtensionSSRReactContextsProvider.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExtensionSSRReactContextsProvider = ExtensionSSRReactContextsProvider;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _isSsr = require("../core-utils/is-ssr");
+function ExtensionSSRReactContextsProvider(_ref) {
+  var children = _ref.children,
+    intl = _ref.intl;
+  if (!(0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true) || !(0, _isSsr.isSSR)()) {
+    return children;
+  }
+  if (!intl) {
+    return children;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactIntl.RawIntlProvider, {
+    value: intl
+  }, children);
+}

package/dist/cjs/extensibility/extensionNodeView.js

@@ -293,6 +293,7 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
         return null;
       }
       return /*#__PURE__*/_react.default.createElement(_ExtensionNodeWrapper.ExtensionNodeWrapper, {
+        intl: props.intl,
         nodeType: this.node.type.name,
         macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags
       }, /*#__PURE__*/_react.default.createElement(_Extension.Extension, {
@@ -320,7 +321,7 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
     }
   }]);
 }(_reactNodeView.default);
-function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, rendererExtensionHandlers) {
+function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, rendererExtensionHandlers, intl) {
   return function (node, view, getPos) {
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
@@ -330,7 +331,8 @@ function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory,
       macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags,
       showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
       showUpdatedLivePages1PBodiedExtensionUI: showUpdatedLivePages1PBodiedExtensionUI,
-      rendererExtensionHandlers: rendererExtensionHandlers
+      rendererExtensionHandlers: rendererExtensionHandlers,
+      intl: intl
     }).init();
   };
 }

package/dist/cjs/messages/layout.js

@@ -95,5 +95,10 @@ var toolbarMessages = exports.toolbarMessages = (0, _reactIntl.defineMessages)({
     id: 'fabric.editor.layout.resizeLayout',
     defaultMessage: 'Resize layout',
     description: 'The text is shown as a label on a button or handle when the user can resize the layout columns in the editor.'
+  },
+  distributeColumns: {
+    id: 'fabric.editor.layout.distributeColumns',
+    defaultMessage: 'Distribute columns',
+    description: 'The text is shown as a label for an option that distributes layout columns evenly.'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,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 = "114.27.0";
+var packageVersion = "114.29.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/portal/common.js

@@ -11,6 +11,8 @@ exports.getPortalProviderAPI = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _isSsr = require("../core-utils/is-ssr");
 var _PortalBucket = require("./PortalBucket");
 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 createPortalRendererComponent(portalManager) {
@@ -58,6 +60,16 @@ var PortalRenderWrapperInner = exports.PortalRenderWrapperInner = function Porta
 var PortalRenderWrapper = /*#__PURE__*/(0, _react.memo)(PortalRenderWrapperInner);
 PortalRenderWrapper.displayName = 'PortalRenderWrapper';
 
+// Tree-shakable renderToStaticMarkup that should work only in SSR
+function getRenderToStaticMarkup() {
+  if (process.env.REACT_SSR) {
+    return require('react-dom/server').renderToStaticMarkup;
+  }
+  return function () {
+    return '';
+  };
+}
+
 /**
  * Creates a portal provider for managing multiple React portals. The provider
  * facilitates rendering, removing, and destroying portals managed by a given
@@ -81,19 +93,32 @@ var getPortalProviderAPI = exports.getPortalProviderAPI = function getPortalProv
   return {
     render: function render(children, container, key, onBeforeReactDomRender) {
       var immediate = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-      if (typeof onBeforeReactDomRender === 'function') {
-        var portal = /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(PortalRenderWrapper, {
-          getChildren: children,
-          onBeforeRender: onBeforeReactDomRender
-        }), container, key);
-        portalsMap.set(key, portalManager.registerPortal(key, portal, immediate));
+      if ((0, _isSsr.isSSR)() && (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
+        var html = '';
+        try {
+          var renderToStaticMarkup = getRenderToStaticMarkup();
+          var Children = children;
+          html = renderToStaticMarkup( /*#__PURE__*/_react.default.createElement(Children, null));
+        } catch (_unused) {}
+        container.innerHTML = html;
       } else {
-        var _portal = /*#__PURE__*/(0, _reactDom.createPortal)(children(), container, key);
-        portalsMap.set(key, portalManager.registerPortal(key, _portal, immediate));
+        if (typeof onBeforeReactDomRender === 'function') {
+          var portal = /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(PortalRenderWrapper, {
+            getChildren: children,
+            onBeforeRender: onBeforeReactDomRender
+          }), container, key);
+          portalsMap.set(key, portalManager.registerPortal(key, portal, immediate));
+        } else {
+          var _portal = /*#__PURE__*/(0, _reactDom.createPortal)(children(), container, key);
+          portalsMap.set(key, portalManager.registerPortal(key, _portal, immediate));
+        }
       }
     },
     remove: function remove(key) {
       var _portalsMap$get;
+      if ((0, _isSsr.isSSR)() && (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
+        return;
+      }
       (_portalsMap$get = portalsMap.get(key)) === null || _portalsMap$get === void 0 || _portalsMap$get();
       portalsMap.delete(key);
     },

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

@@ -10,11 +10,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _reactDom = require("react-dom");
-var _client = require("react-dom/client");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../analytics");
 var _isSsr = require("../core-utils/is-ssr");
 var _ErrorBoundary = require("../ui/ErrorBoundary");
@@ -80,39 +77,13 @@ function createNodeView(_ref) {
   // to the passed dom element (domRef) which means it is automatically
   // "cleaned up" when you do a "re render".
   function renderComponent() {
-    if ((0, _isSsr.isSSR)() && (0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
-      var html = '';
-
-      // We don't use direct rendering to the domRef, as this can lead to unexpected behavior,
-      // when the domRef element might have handlers from ProseMirror that will start executing
-      // in JSDom. Therefore, we simply attempt to render the element synchronously, get its HTML, and set it to the domRef,
-      // to keep the domRef as clear as possible.
-      try {
-        var PortalComponent = getPortalChildren({
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          currentNode: currentNode,
-          nodeViewParams: nodeViewParams,
-          Component: Component,
-          extraComponentProps: extraComponentProps
-        });
-        var rootElement = document.createElement('span');
-        var ssrRoot = (0, _client.createRoot)(rootElement);
-        (0, _reactDom.flushSync)(function () {
-          ssrRoot.render((0, _react2.jsx)(PortalComponent, null));
-        });
-        html = rootElement.innerHTML;
-        ssrRoot.unmount();
-      } catch (_unused) {}
-      domRef.innerHTML = html;
-    } else {
-      pmPluginFactoryParams.portalProviderAPI.render(getPortalChildren({
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        currentNode: currentNode,
-        nodeViewParams: nodeViewParams,
-        Component: Component,
-        extraComponentProps: extraComponentProps
-      }), domRef, key);
-    }
+    pmPluginFactoryParams.portalProviderAPI.render(getPortalChildren({
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      currentNode: currentNode,
+      nodeViewParams: nodeViewParams,
+      Component: Component,
+      extraComponentProps: extraComponentProps
+    }), domRef, key);
   }
   var _getPerformanceOption = (0, _utils.getPerformanceOptions)(nodeViewParams.view),
     samplingRate = _getPerformanceOption.samplingRate,
@@ -166,12 +137,10 @@ function createNodeView(_ref) {
       return true;
     },
     destroy: function destroy() {
-      if (!(0, _isSsr.isSSR)() || !(0, _expValEquals.expValEquals)('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
-        // When prosemirror destroys the node view, we need to clean up
-        // what we have previously rendered using the editor portal
-        // provider api.
-        pmPluginFactoryParams.portalProviderAPI.remove(key);
-      }
+      // When prosemirror destroys the node view, we need to clean up
+      // what we have previously rendered using the editor portal
+      // provider api.
+      pmPluginFactoryParams.portalProviderAPI.remove(key);
       // @ts-expect-error Expect an error as domRef is expected to be
       // of HTMLSpanElement type however once the node view has
       // been destroyed no other consumers should still be using it.

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

@@ -24,7 +24,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 = "114.27.0";
+var packageVersion = "114.29.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/utils/date.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.todayTimestampInUTC = exports.timestampToUTCDate = exports.timestampToTaskContext = exports.timestampToString = exports.timestampToIsoFormat = exports.isPastDate = void 0;
 var _differenceInCalendarDays = _interopRequireDefault(require("date-fns/differenceInCalendarDays"));
 var _isBefore = _interopRequireDefault(require("date-fns/isBefore"));
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var FORMATS = /*#__PURE__*/function (FORMATS) {
   FORMATS["ISO_FORMAT"] = "YYYY-MM-DD";
   FORMATS["LOCALIZED_FORMAT"] = "LOCALIZED_FORMAT";
@@ -26,7 +25,7 @@ var timestampToUTCDate = exports.timestampToUTCDate = function timestampToUTCDat
 };
 var todayTimestampInUTC = exports.todayTimestampInUTC = function todayTimestampInUTC(timeZone) {
   var today = new Date(Date.now());
-  if (timeZone && (0, _expValEquals.expValEquals)('confluence_frontend_fix_date_hydration_error', 'isEnabled', true)) {
+  if (timeZone) {
     var _parts$find, _parts$find2, _parts$find3;
     var parts = new Intl.DateTimeFormat('en-US', {
       timeZone: timeZone,

package/dist/es2019/extensibility/ExtensionNodeWrapper.js

@@ -10,6 +10,7 @@ import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ZERO_WIDTH_SPACE } from '../whitespace';
+import { ExtensionSSRReactContextsProvider } from './ExtensionSSRReactContextsProvider';
 const styles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.inline-extension': {
@@ -62,7 +63,8 @@ const hoverStyles = css({
 export const ExtensionNodeWrapper = ({
   children,
   nodeType,
-  macroInteractionDesignFeatureFlags
+  macroInteractionDesignFeatureFlags,
+  intl
 }) => {
   const {
     showMacroInteractionDesignUpdates
@@ -71,11 +73,13 @@ export const ExtensionNodeWrapper = ({
     'inline-extension': nodeType === 'inlineExtension' && showMacroInteractionDesignUpdates,
     relative: showMacroInteractionDesignUpdates
   });
-  return jsx("span", {
+  return jsx(ExtensionSSRReactContextsProvider, {
+    intl: intl
+  }, jsx("span", {
     "data-testid": "extension-node-wrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: wrapperClassNames,
     css: [styles, expValEquals('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) && hoverStyles]
-  }, children, nodeType === 'inlineExtension' && ZERO_WIDTH_SPACE);
+  }, children, nodeType === 'inlineExtension' && ZERO_WIDTH_SPACE));
 };

package/dist/es2019/extensibility/ExtensionSSRReactContextsProvider.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { RawIntlProvider } from 'react-intl';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isSSR } from '../core-utils/is-ssr';
+export function ExtensionSSRReactContextsProvider({
+  children,
+  intl
+}) {
+  if (!expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) || !isSSR()) {
+    return children;
+  }
+  if (!intl) {
+    return children;
+  }
+  return /*#__PURE__*/React.createElement(RawIntlProvider, {
+    value: intl
+  }, children);
+}

package/dist/es2019/extensibility/extensionNodeView.js

@@ -247,6 +247,7 @@ export class ExtensionNode extends ReactNodeView {
       return null;
     }
     return /*#__PURE__*/React.createElement(ExtensionNodeWrapper, {
+      intl: props.intl,
       nodeType: this.node.type.name,
       macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags
     }, /*#__PURE__*/React.createElement(Extension, {
@@ -273,7 +274,7 @@ export class ExtensionNode extends ReactNodeView {
     }));
   }
 }
-export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, rendererExtensionHandlers) {
+export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, rendererExtensionHandlers, intl) {
   return (node, view, getPos) => {
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory,
@@ -283,7 +284,8 @@ export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, pr
       macroInteractionDesignFeatureFlags,
       showLivePagesBodiedMacrosRendererView,
       showUpdatedLivePages1PBodiedExtensionUI,
-      rendererExtensionHandlers
+      rendererExtensionHandlers,
+      intl
     }).init();
   };
 }

package/dist/es2019/messages/layout.js

@@ -89,5 +89,10 @@ export const toolbarMessages = defineMessages({
     id: 'fabric.editor.layout.resizeLayout',
     defaultMessage: 'Resize layout',
     description: 'The text is shown as a label on a button or handle when the user can resize the layout columns in the editor.'
+  },
+  distributeColumns: {
+    id: 'fabric.editor.layout.distributeColumns',
+    defaultMessage: 'Distribute columns',
+    description: 'The text is shown as a label for an option that distributes layout columns evenly.'
   }
 });

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "114.27.0";
+const packageVersion = "114.29.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/portal/common.js

@@ -1,5 +1,7 @@
 import React, { memo, useLayoutEffect, useMemo, useState } from 'react';
 import { createPortal } from 'react-dom';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isSSR } from '../core-utils/is-ssr';
 import { PortalBucket } from './PortalBucket';
 export function createPortalRendererComponent(portalManager) {
   return function PortalRenderer() {
@@ -40,6 +42,14 @@ export const PortalRenderWrapperInner = ({
 const PortalRenderWrapper = /*#__PURE__*/memo(PortalRenderWrapperInner);
 PortalRenderWrapper.displayName = 'PortalRenderWrapper';
 
+// Tree-shakable renderToStaticMarkup that should work only in SSR
+function getRenderToStaticMarkup() {
+  if (process.env.REACT_SSR) {
+    return require('react-dom/server').renderToStaticMarkup;
+  }
+  return () => '';
+}
+
 /**
  * Creates a portal provider for managing multiple React portals. The provider
  * facilitates rendering, removing, and destroying portals managed by a given
@@ -62,19 +72,32 @@ export const getPortalProviderAPI = portalManager => {
   const portalsMap = new Map();
   return {
     render: (children, container, key, onBeforeReactDomRender, immediate = false) => {
-      if (typeof onBeforeReactDomRender === 'function') {
-        const portal = /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PortalRenderWrapper, {
-          getChildren: children,
-          onBeforeRender: onBeforeReactDomRender
-        }), container, key);
-        portalsMap.set(key, portalManager.registerPortal(key, portal, immediate));
+      if (isSSR() && expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
+        let html = '';
+        try {
+          const renderToStaticMarkup = getRenderToStaticMarkup();
+          const Children = children;
+          html = renderToStaticMarkup( /*#__PURE__*/React.createElement(Children, null));
+        } catch {}
+        container.innerHTML = html;
       } else {
-        const portal = /*#__PURE__*/createPortal(children(), container, key);
-        portalsMap.set(key, portalManager.registerPortal(key, portal, immediate));
+        if (typeof onBeforeReactDomRender === 'function') {
+          const portal = /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PortalRenderWrapper, {
+            getChildren: children,
+            onBeforeRender: onBeforeReactDomRender
+          }), container, key);
+          portalsMap.set(key, portalManager.registerPortal(key, portal, immediate));
+        } else {
+          const portal = /*#__PURE__*/createPortal(children(), container, key);
+          portalsMap.set(key, portalManager.registerPortal(key, portal, immediate));
+        }
       }
     },
     remove: key => {
       var _portalsMap$get;
+      if (isSSR() && expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
+        return;
+      }
       (_portalsMap$get = portalsMap.get(key)) === null || _portalsMap$get === void 0 ? void 0 : _portalsMap$get();
       portalsMap.delete(key);
     },

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

@@ -7,11 +7,8 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { flushSync } from 'react-dom';
-import { createRoot } from 'react-dom/client';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { isSSR } from '../core-utils/is-ssr';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
@@ -73,39 +70,13 @@ function createNodeView({
   // to the passed dom element (domRef) which means it is automatically
   // "cleaned up" when you do a "re render".
   function renderComponent() {
-    if (isSSR() && expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
-      let html = '';
-
-      // We don't use direct rendering to the domRef, as this can lead to unexpected behavior,
-      // when the domRef element might have handlers from ProseMirror that will start executing
-      // in JSDom. Therefore, we simply attempt to render the element synchronously, get its HTML, and set it to the domRef,
-      // to keep the domRef as clear as possible.
-      try {
-        const PortalComponent = getPortalChildren({
-          dispatchAnalyticsEvent,
-          currentNode,
-          nodeViewParams,
-          Component,
-          extraComponentProps
-        });
-        const rootElement = document.createElement('span');
-        const ssrRoot = createRoot(rootElement);
-        flushSync(() => {
-          ssrRoot.render(jsx(PortalComponent, null));
-        });
-        html = rootElement.innerHTML;
-        ssrRoot.unmount();
-      } catch {}
-      domRef.innerHTML = html;
-    } else {
-      pmPluginFactoryParams.portalProviderAPI.render(getPortalChildren({
-        dispatchAnalyticsEvent,
-        currentNode,
-        nodeViewParams,
-        Component,
-        extraComponentProps
-      }), domRef, key);
-    }
+    pmPluginFactoryParams.portalProviderAPI.render(getPortalChildren({
+      dispatchAnalyticsEvent,
+      currentNode,
+      nodeViewParams,
+      Component,
+      extraComponentProps
+    }), domRef, key);
   }
   const {
     samplingRate,
@@ -162,12 +133,10 @@ function createNodeView({
       return true;
     },
     destroy() {
-      if (!isSSR() || !expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true)) {
-        // When prosemirror destroys the node view, we need to clean up
-        // what we have previously rendered using the editor portal
-        // provider api.
-        pmPluginFactoryParams.portalProviderAPI.remove(key);
-      }
+      // When prosemirror destroys the node view, we need to clean up
+      // what we have previously rendered using the editor portal
+      // provider api.
+      pmPluginFactoryParams.portalProviderAPI.remove(key);
       // @ts-expect-error Expect an error as domRef is expected to be
       // of HTMLSpanElement type however once the node view has
       // been destroyed no other consumers should still be using it.

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "114.27.0";
+const packageVersion = "114.29.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/utils/date.js

@@ -1,6 +1,5 @@
 import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
 import isBefore from 'date-fns/isBefore';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var FORMATS = /*#__PURE__*/function (FORMATS) {
   FORMATS["ISO_FORMAT"] = "YYYY-MM-DD";
   FORMATS["LOCALIZED_FORMAT"] = "LOCALIZED_FORMAT";
@@ -19,7 +18,7 @@ export const timestampToUTCDate = timestamp => {
 };
 export const todayTimestampInUTC = timeZone => {
   const today = new Date(Date.now());
-  if (timeZone && expValEquals('confluence_frontend_fix_date_hydration_error', 'isEnabled', true)) {
+  if (timeZone) {
     var _parts$find, _parts$find2, _parts$find3;
     const parts = new Intl.DateTimeFormat('en-US', {
       timeZone,

package/dist/esm/extensibility/ExtensionNodeWrapper.js

@@ -10,6 +10,7 @@ import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ZERO_WIDTH_SPACE } from '../whitespace';
+import { ExtensionSSRReactContextsProvider } from './ExtensionSSRReactContextsProvider';
 var styles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.inline-extension': {
@@ -62,18 +63,21 @@ var hoverStyles = css({
 export var ExtensionNodeWrapper = function ExtensionNodeWrapper(_ref) {
   var children = _ref.children,
     nodeType = _ref.nodeType,
-    macroInteractionDesignFeatureFlags = _ref.macroInteractionDesignFeatureFlags;
+    macroInteractionDesignFeatureFlags = _ref.macroInteractionDesignFeatureFlags,
+    intl = _ref.intl;
   var _ref2 = macroInteractionDesignFeatureFlags || {},
     showMacroInteractionDesignUpdates = _ref2.showMacroInteractionDesignUpdates;
   var wrapperClassNames = classnames({
     'inline-extension': nodeType === 'inlineExtension' && showMacroInteractionDesignUpdates,
     relative: showMacroInteractionDesignUpdates
   });
-  return jsx("span", {
+  return jsx(ExtensionSSRReactContextsProvider, {
+    intl: intl
+  }, jsx("span", {
     "data-testid": "extension-node-wrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
     className: wrapperClassNames,
     css: [styles, expValEquals('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) && hoverStyles]
-  }, children, nodeType === 'inlineExtension' && ZERO_WIDTH_SPACE);
+  }, children, nodeType === 'inlineExtension' && ZERO_WIDTH_SPACE));
 };

package/dist/esm/extensibility/ExtensionSSRReactContextsProvider.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { RawIntlProvider } from 'react-intl';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isSSR } from '../core-utils/is-ssr';
+export function ExtensionSSRReactContextsProvider(_ref) {
+  var children = _ref.children,
+    intl = _ref.intl;
+  if (!expValEquals('platform_editor_editor_ssr_streaming', 'isEnabled', true) || !isSSR()) {
+    return children;
+  }
+  if (!intl) {
+    return children;
+  }
+  return /*#__PURE__*/React.createElement(RawIntlProvider, {
+    value: intl
+  }, children);
+}