@atlaskit/editor-core 215.24.1 → 215.26.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/editor-core
 
+## 215.26.0
+
+### Minor Changes
+
+- [`595b07a99bd65`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/595b07a99bd65) -
+  [https://hello.jira.atlassian.cloud/browse/EDITOR-3995](EDITOR-3995) - add toolbar supporting to
+  `EditorSSRRenderer`
+
+### Patch Changes
+
+- [`58e8dc3afa08d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/58e8dc3afa08d) -
+  [ux] [EDITOR-2469] add fade in animation to placeholder on empty paragraph
+- Updated dependencies
+
+## 215.25.0
+
+### Minor Changes
+
+- [`4d73a0f30526b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4d73a0f30526b) -
+  Cleanup platform_editor_react_18_autofocus_fix
+
+### Patch Changes
+
+- [`b10f0252621b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b10f0252621b0) -
+  Set padding top and bottom on blockquote to avoid batch.css overrides
+- [`342bed74cf6e9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/342bed74cf6e9) -
+  EDITOR-4037 Block menu selection extension click handling
+- Updated dependencies
+
 ## 215.24.1
 
 ### Patch Changes

package/dist/cjs/create-editor/ReactEditorView/handleEditorFocus.js

@@ -1,68 +1,59 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.handleEditorFocus = handleEditorFocus;
-var _react = _interopRequireDefault(require("react"));
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function handleEditorFocus(view) {
+  var _domSelection$getRang;
   if (view !== null && view !== void 0 && view.hasFocus()) {
     return;
   }
 
-  /**
-   * If startTransition is available (in React 18),
-   * don't use setTimeout as startTransition will be used in ReactEditorViewNext.
-   * setTimeout(fn, 0) will not defer the focus reliably in React 18 with
-   * concurrent rendering.
-   */
-  var react16OnlySetTimeout = _react.default !== null && _react.default !== void 0 && _react.default.startTransition && (0, _platformFeatureFlags.fg)('platform_editor_react_18_autofocus_fix') ? function (fn) {
-    return fn();
-  } : function (fn) {
-    return window.setTimeout(fn, 0);
-  };
-  return react16OnlySetTimeout(function () {
-    // Due to race conditions during editor lifecycle transitions (e.g. SPA route changes during opening or closing)
-    // where the view (and its internal docView) may have been destroyed, the timeout callback may fire on a stale view.
-    // Bail out in that scenario to prevent operating on an unmounted view.
-    if (view !== null && view !== void 0 && view.isDestroyed) {
-      return;
-    }
-    if (view !== null && view !== void 0 && view.hasFocus()) {
-      return;
-    }
-    if (!window.getSelection) {
-      view === null || view === void 0 || view.focus();
-      return;
-    }
-    var domSelection = window.getSelection();
-    if (!domSelection || domSelection.rangeCount === 0) {
-      view === null || view === void 0 || view.focus();
-      return;
-    }
-    var range = domSelection.getRangeAt(0);
-    // if selection is outside editor focus and exit
-    if (view && range.startContainer.contains(view.dom)) {
-      view.focus();
-      return;
-    }
+  // Due to race conditions during editor lifecycle transitions (e.g. SPA route changes during opening or closing)
+  // where the view (and its internal docView) may have been destroyed, the timeout callback may fire on a stale view.
+  // Bail out in that scenario to prevent operating on an unmounted view.
+  if (view !== null && view !== void 0 && view.isDestroyed) {
+    return;
+  }
+  if (view !== null && view !== void 0 && view.hasFocus()) {
+    return;
+  }
+  if (!window.getSelection) {
+    view === null || view === void 0 || view.focus();
+    return;
+  }
+  var domSelection = window.getSelection();
+  if (!domSelection || domSelection.rangeCount === 0) {
+    view === null || view === void 0 || view.focus();
+    return;
+  }
 
-    // set cursor/selection and focus
-    var anchor = view === null || view === void 0 ? void 0 : view.posAtDOM(range.startContainer, range.startOffset);
-    var head = view === null || view === void 0 ? void 0 : view.posAtDOM(range.endContainer, range.endOffset);
-    // if anchor or head < 0 focus and exit
-    if (anchor && anchor < 0 || head && head < 0) {
-      view === null || view === void 0 || view.focus();
-      return;
-    }
-    if (view && anchor) {
-      var selection = _state.TextSelection.create(view.state.doc, anchor, head);
-      var tr = view.state.tr.setSelection(selection);
-      view.dispatch(tr);
-      view.focus();
-    }
-  });
+  // If not mocked properly in tests, getRangeAt may not exist.
+  var range = (_domSelection$getRang = domSelection.getRangeAt) === null || _domSelection$getRang === void 0 ? void 0 : _domSelection$getRang.call(domSelection, 0);
+  if (!range) {
+    return;
+  }
+
+  // if selection is outside editor focus and exit
+  if (view && range !== null && range !== void 0 && range.startContainer.contains(view.dom)) {
+    view.focus();
+    return;
+  }
+
+  // set cursor/selection and focus
+  var anchor = view === null || view === void 0 ? void 0 : view.posAtDOM(range.startContainer, range.startOffset);
+  var head = view === null || view === void 0 ? void 0 : view.posAtDOM(range.endContainer, range.endOffset);
+  // if anchor or head < 0 focus and exit
+  if (anchor && anchor < 0 || head && head < 0) {
+    view === null || view === void 0 || view.focus();
+    return;
+  }
+  if (view && anchor) {
+    var selection = _state.TextSelection.create(view.state.doc, anchor, head);
+    var tr = view.state.tr.setSelection(selection);
+    view.dispatch(tr);
+    view.focus();
+  }
 }

package/dist/cjs/create-editor/ReactEditorView.js

@@ -74,6 +74,7 @@ function ReactEditorView(props) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     editorAPI = _useState2[0],
     setEditorAPI = _useState2[1];
+  var ssrEditorStateRef = (0, _react.useRef)(undefined);
   var editorRef = (0, _react.useRef)(null);
   var viewRef = (0, _react.useRef)();
   var focusTimeoutId = (0, _react.useRef)();
@@ -101,8 +102,8 @@ function ReactEditorView(props) {
     return (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(editorPropFeatureFlags);
   }, [editorPropFeatureFlags]);
   var getEditorState = (0, _react.useCallback)(function () {
-    var _viewRef$current;
-    return (_viewRef$current = viewRef.current) === null || _viewRef$current === void 0 ? void 0 : _viewRef$current.state;
+    var _ssrEditorStateRef$cu, _viewRef$current;
+    return (_ssrEditorStateRef$cu = ssrEditorStateRef.current) !== null && _ssrEditorStateRef$cu !== void 0 ? _ssrEditorStateRef$cu : (_viewRef$current = viewRef.current) === null || _viewRef$current === void 0 ? void 0 : _viewRef$current.state;
   }, []);
   var getEditorView = (0, _react.useCallback)(function () {
     return viewRef.current;
@@ -546,7 +547,7 @@ function ReactEditorView(props) {
       // We don't need to focus anything in SSR.
       return;
     }
-    if (shouldFocus && editorView !== null && editorView !== void 0 && (_editorView$props$edi = (_editorView$props = editorView.props).editable) !== null && _editorView$props$edi !== void 0 && _editorView$props$edi.call(_editorView$props, editorView.state) && (0, _platformFeatureFlags.fg)('platform_editor_react_18_autofocus_fix')) {
+    if (shouldFocus && editorView !== null && editorView !== void 0 && (_editorView$props$edi = (_editorView$props = editorView.props).editable) !== null && _editorView$props$edi !== void 0 && _editorView$props$edi.call(_editorView$props, editorView.state)) {
       if (!mitigateScrollJump) {
         var liveDocWithContent = (__livePage || (0, _expValEquals.expValEquals)('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)) && !(0, _document.isEmptyDocument)(editorView.state.doc);
         if (!liveDocWithContent) {
@@ -648,38 +649,10 @@ function ReactEditorView(props) {
         eventDispatcher: eventDispatcher,
         transformer: contentTransformer.current
       });
-      if ((0, _platformFeatureFlags.fg)('platform_editor_react_18_autofocus_fix')) {
-        var _startTransition;
-        /**
-         * Defer using startTransition when it is available (in React 18) to fix
-         * autofocus bug where React 18's concurrent rendering mode interferes with
-         * setTimeout used in handleEditorFocus, causing autofocus to break.
-         */
-        var react18OnlyStartTransition = (_startTransition = _react.default === null || _react.default === void 0 ? void 0 : _react.default.startTransition) !== null && _startTransition !== void 0 ? _startTransition : function (fn) {
-          return fn();
-        };
-        react18OnlyStartTransition(function () {
-          // Force React to re-render so consumers get a reference to the editor view
-          setEditorView(view);
-        });
-      } else {
-        if (shouldFocus && view.props.editable && view.props.editable(view.state)) {
-          if (!mitigateScrollJump) {
-            var isLivePageWithContent = (__livePage || (0, _expValEquals.expValEquals)('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)) && !(0, _document.isEmptyDocument)(view.state.doc);
-            if (!isLivePageWithContent && shouldFocus && view.props.editable && view.props.editable(view.state)) {
-              focusTimeoutId.current = (0, _handleEditorFocus.handleEditorFocus)(view);
-            }
-            if ((0, _expValEquals.expValEquals)('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('cc_editor_focus_before_editor_on_load')) {
-              if (shouldFocus && view.props.editable && view.props.editable(view.state) && !(0, _document.isEmptyDocument)(view.state.doc)) {
-                (0, _focusEditorElement.focusEditorElement)(editorId.current);
-              }
-            }
-          }
-        }
-
+      _react.default.startTransition(function () {
         // Force React to re-render so consumers get a reference to the editor view
         setEditorView(view);
-      }
+      });
     } else if (viewRef.current && !node) {
       // When the appearance is changed, React will call handleEditorViewRef with node === null
       // to destroy the old EditorView, before calling this method again with node === div to
@@ -703,7 +676,7 @@ function ReactEditorView(props) {
       (0, _nodeVisibility.nodeVisibilityManager)(viewRef.current.dom).disconnect();
       viewRef.current = undefined;
     }
-  }, [createEditorView, onEditorCreated, eventDispatcher, shouldFocus, __livePage, onEditorDestroyed, handleAnalyticsEvent, mitigateScrollJump]);
+  }, [createEditorView, onEditorCreated, eventDispatcher, onEditorDestroyed, handleAnalyticsEvent, mitigateScrollJump]);
   var createEditor = (0, _react.useCallback)(function (assistiveLabel, assistiveDescribedBy) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _platformFeatureFlags.fg)('cc_editor_focus_before_editor_on_load') && /*#__PURE__*/_react.default.createElement("div", {
       tabIndex: -1,
@@ -785,15 +758,16 @@ function ReactEditorView(props) {
       doc: defaultValue
     });
   }, [defaultValue, parseDoc, props.editorProps.sanitizePrivateContent, props.providerFactory]);
-  var _props$editorProps3 = props.editorProps,
-    assistiveLabel = _props$editorProps3.assistiveLabel,
-    assistiveDescribedBy = _props$editorProps3.assistiveDescribedBy;
+
   // We need to check `allowBlockType` in props, because it is now exist in EditorNextProps type.
   var _ref5 = 'allowBlockType' in props.editorProps ? props.editorProps : {
       allowBlockType: undefined
     },
     allowBlockType = _ref5.allowBlockType;
-  var ssrEditor = (0, _react.useMemo)(function () {
+
+  // In separate memo, because some props like `props.intl` that need only for rendering
+  // changes many times, but we don't want to process plugins and ADF document for each unnecessary changes.
+  var ssrDeps = (0, _react.useMemo)(function () {
     if (!(0, _coreUtils.isSSR)() || !(0, _expValEquals.expValEquals)('platform_editor_ssr_renderer', 'isEnabled', true)) {
       return null;
     }
@@ -805,11 +779,24 @@ function ReactEditorView(props) {
     }, pluginInjectionAPI.current);
     var schema = (0, _createSchema.createSchema)((0, _createEditor.processPluginsList)(plugins));
     var doc = buildDoc(schema);
+    return {
+      plugins: plugins,
+      schema: schema,
+      doc: doc
+    };
+  }, [allowBlockType, buildDoc, props.preset]);
+  var _props$editorProps3 = props.editorProps,
+    assistiveLabel = _props$editorProps3.assistiveLabel,
+    assistiveDescribedBy = _props$editorProps3.assistiveDescribedBy;
+  var ssrEditor = (0, _react.useMemo)(function () {
+    if (!ssrDeps) {
+      return null;
+    }
     return /*#__PURE__*/_react.default.createElement(_editorSsrRenderer.EditorSSRRenderer, {
       intl: props.intl,
-      doc: doc,
-      schema: schema,
-      plugins: plugins,
+      doc: ssrDeps.doc,
+      schema: ssrDeps.schema,
+      plugins: ssrDeps.plugins,
       portalProviderAPI: props.portalProviderAPI
       // IMPORTANT: Keep next props in sync with div that renders a real ProseMirror editor.
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -819,9 +806,12 @@ function ReactEditorView(props) {
       "aria-label": assistiveLabel || props.intl.formatMessage(_messages.editorMessages.editorAssistiveLabel),
       id: EDIT_AREA_ID,
       "aria-describedby": assistiveDescribedBy,
-      "data-editor-id": editorId.current
+      "data-editor-id": editorId.current,
+      onEditorStateChanged: function onEditorStateChanged(state) {
+        ssrEditorStateRef.current = state;
+      }
     });
-  }, [props.preset, allowBlockType, assistiveLabel, assistiveDescribedBy, props.intl, props.portalProviderAPI, buildDoc]);
+  }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, assistiveDescribedBy]);
   var editor = (0, _react.useMemo)(function () {
     // SSR editor will be available only in SSR environment,
     // in a browser `ssrEditor` will be `null`, and we will render a normal one ProseMirror.

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js

@@ -200,7 +200,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _blockTypeStyles.blocktypeStyles, (0, _expValEquals.expValEquals)('platform_editor_block_menu', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _blockTypeStyles.blockquoteSelectedNodeStyles,
+    _blockTypeStyles.blockquoteSelectedNodeStyles, (0, _expVal.expVal)('platform_editor_blockquote_zero_padding', 'isEnabled', false) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _blockTypeStyles.blockquoteZeroPadding : null,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/ui/EditorContentContainer/styles/blockTypeStyles.js

@@ -3,10 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.blocktypeStyles_without_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes = exports.blocktypeStyles = exports.blockquoteSelectedNodeStyles = void 0;
+exports.blocktypeStyles_without_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_typography_ugc = exports.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes = exports.blocktypeStyles = exports.blockquoteZeroPadding = exports.blockquoteSelectedNodeStyles = void 0;
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 
+// This style is needed to avoid Confluence's batch.css overrides that expand blockquote with extra padding after SSR.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var blockquoteZeroPadding = exports.blockquoteZeroPadding = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& blockquote': {
+      paddingTop: 0,
+      paddingBottom: 0
+    }
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var blocktypeStyles = exports.blocktypeStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/cjs/ui/EditorContentContainer/styles/placeholderStyles.js

@@ -7,6 +7,15 @@ exports.placeholderWrapStyles = exports.placeholderTextStyles = exports.placehol
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 
+var placeholderFadeInKeyframes = (0, _react.keyframes)({
+  from: {
+    opacity: 0
+  },
+  to: {
+    opacity: 1
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var placeholderTextStyles = exports.placeholderTextStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -90,6 +99,10 @@ var placeholderStyles = exports.placeholderStyles = (0, _react.css)({
       userSelect: 'none',
       position: 'absolute'
     }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .placeholder-decoration-fade-in': {
+    animation: "".concat(placeholderFadeInKeyframes, " 300ms ease-out forwards")
   }
 });
 

package/dist/cjs/version-wrapper.js

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

package/dist/es2019/create-editor/ReactEditorView/handleEditorFocus.js

@@ -1,57 +1,53 @@
-import React from 'react';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 export function handleEditorFocus(view) {
+  var _domSelection$getRang;
   if (view !== null && view !== void 0 && view.hasFocus()) {
     return;
   }
 
-  /**
-   * If startTransition is available (in React 18),
-   * don't use setTimeout as startTransition will be used in ReactEditorViewNext.
-   * setTimeout(fn, 0) will not defer the focus reliably in React 18 with
-   * concurrent rendering.
-   */
-  const react16OnlySetTimeout = React !== null && React !== void 0 && React.startTransition && fg('platform_editor_react_18_autofocus_fix') ? fn => fn() : fn => window.setTimeout(fn, 0);
-  return react16OnlySetTimeout(() => {
-    // Due to race conditions during editor lifecycle transitions (e.g. SPA route changes during opening or closing)
-    // where the view (and its internal docView) may have been destroyed, the timeout callback may fire on a stale view.
-    // Bail out in that scenario to prevent operating on an unmounted view.
-    if (view !== null && view !== void 0 && view.isDestroyed) {
-      return;
-    }
-    if (view !== null && view !== void 0 && view.hasFocus()) {
-      return;
-    }
-    if (!window.getSelection) {
-      view === null || view === void 0 ? void 0 : view.focus();
-      return;
-    }
-    const domSelection = window.getSelection();
-    if (!domSelection || domSelection.rangeCount === 0) {
-      view === null || view === void 0 ? void 0 : view.focus();
-      return;
-    }
-    const range = domSelection.getRangeAt(0);
-    // if selection is outside editor focus and exit
-    if (view && range.startContainer.contains(view.dom)) {
-      view.focus();
-      return;
-    }
+  // Due to race conditions during editor lifecycle transitions (e.g. SPA route changes during opening or closing)
+  // where the view (and its internal docView) may have been destroyed, the timeout callback may fire on a stale view.
+  // Bail out in that scenario to prevent operating on an unmounted view.
+  if (view !== null && view !== void 0 && view.isDestroyed) {
+    return;
+  }
+  if (view !== null && view !== void 0 && view.hasFocus()) {
+    return;
+  }
+  if (!window.getSelection) {
+    view === null || view === void 0 ? void 0 : view.focus();
+    return;
+  }
+  const domSelection = window.getSelection();
+  if (!domSelection || domSelection.rangeCount === 0) {
+    view === null || view === void 0 ? void 0 : view.focus();
+    return;
+  }
 
-    // set cursor/selection and focus
-    const anchor = view === null || view === void 0 ? void 0 : view.posAtDOM(range.startContainer, range.startOffset);
-    const head = view === null || view === void 0 ? void 0 : view.posAtDOM(range.endContainer, range.endOffset);
-    // if anchor or head < 0 focus and exit
-    if (anchor && anchor < 0 || head && head < 0) {
-      view === null || view === void 0 ? void 0 : view.focus();
-      return;
-    }
-    if (view && anchor) {
-      const selection = TextSelection.create(view.state.doc, anchor, head);
-      const tr = view.state.tr.setSelection(selection);
-      view.dispatch(tr);
-      view.focus();
-    }
-  });
+  // If not mocked properly in tests, getRangeAt may not exist.
+  const range = (_domSelection$getRang = domSelection.getRangeAt) === null || _domSelection$getRang === void 0 ? void 0 : _domSelection$getRang.call(domSelection, 0);
+  if (!range) {
+    return;
+  }
+
+  // if selection is outside editor focus and exit
+  if (view && range !== null && range !== void 0 && range.startContainer.contains(view.dom)) {
+    view.focus();
+    return;
+  }
+
+  // set cursor/selection and focus
+  const anchor = view === null || view === void 0 ? void 0 : view.posAtDOM(range.startContainer, range.startOffset);
+  const head = view === null || view === void 0 ? void 0 : view.posAtDOM(range.endContainer, range.endOffset);
+  // if anchor or head < 0 focus and exit
+  if (anchor && anchor < 0 || head && head < 0) {
+    view === null || view === void 0 ? void 0 : view.focus();
+    return;
+  }
+  if (view && anchor) {
+    const selection = TextSelection.create(view.state.doc, anchor, head);
+    const tr = view.state.tr.setSelection(selection);
+    view.dispatch(tr);
+    view.focus();
+  }
 }

package/dist/es2019/create-editor/ReactEditorView.js

@@ -57,6 +57,7 @@ export function ReactEditorView(props) {
     onEditorDestroyed
   } = props;
   const [editorAPI, setEditorAPI] = useState(undefined);
+  const ssrEditorStateRef = useRef(undefined);
   const editorRef = useRef(null);
   const viewRef = useRef();
   const focusTimeoutId = useRef();
@@ -80,8 +81,8 @@ export function ReactEditorView(props) {
   const contentTransformer = useRef(undefined);
   const featureFlags = useMemo(() => createFeatureFlagsFromProps(editorPropFeatureFlags), [editorPropFeatureFlags]);
   const getEditorState = useCallback(() => {
-    var _viewRef$current;
-    return (_viewRef$current = viewRef.current) === null || _viewRef$current === void 0 ? void 0 : _viewRef$current.state;
+    var _ssrEditorStateRef$cu, _viewRef$current;
+    return (_ssrEditorStateRef$cu = ssrEditorStateRef.current) !== null && _ssrEditorStateRef$cu !== void 0 ? _ssrEditorStateRef$cu : (_viewRef$current = viewRef.current) === null || _viewRef$current === void 0 ? void 0 : _viewRef$current.state;
   }, []);
   const getEditorView = useCallback(() => viewRef.current, []);
   const dispatch = useMemo(() => createDispatch(eventDispatcher), [eventDispatcher]);
@@ -515,7 +516,7 @@ export function ReactEditorView(props) {
       // We don't need to focus anything in SSR.
       return;
     }
-    if (shouldFocus && editorView !== null && editorView !== void 0 && (_editorView$props$edi = (_editorView$props = editorView.props).editable) !== null && _editorView$props$edi !== void 0 && _editorView$props$edi.call(_editorView$props, editorView.state) && fg('platform_editor_react_18_autofocus_fix')) {
+    if (shouldFocus && editorView !== null && editorView !== void 0 && (_editorView$props$edi = (_editorView$props = editorView.props).editable) !== null && _editorView$props$edi !== void 0 && _editorView$props$edi.call(_editorView$props, editorView.state)) {
       if (!mitigateScrollJump) {
         const liveDocWithContent = (__livePage || expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)) && !isEmptyDocument(editorView.state.doc);
         if (!liveDocWithContent) {
@@ -599,36 +600,10 @@ export function ReactEditorView(props) {
         eventDispatcher: eventDispatcher,
         transformer: contentTransformer.current
       });
-      if (fg('platform_editor_react_18_autofocus_fix')) {
-        var _startTransition;
-        /**
-         * Defer using startTransition when it is available (in React 18) to fix
-         * autofocus bug where React 18's concurrent rendering mode interferes with
-         * setTimeout used in handleEditorFocus, causing autofocus to break.
-         */
-        const react18OnlyStartTransition = (_startTransition = React === null || React === void 0 ? void 0 : React.startTransition) !== null && _startTransition !== void 0 ? _startTransition : fn => fn();
-        react18OnlyStartTransition(() => {
-          // Force React to re-render so consumers get a reference to the editor view
-          setEditorView(view);
-        });
-      } else {
-        if (shouldFocus && view.props.editable && view.props.editable(view.state)) {
-          if (!mitigateScrollJump) {
-            const isLivePageWithContent = (__livePage || expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)) && !isEmptyDocument(view.state.doc);
-            if (!isLivePageWithContent && shouldFocus && view.props.editable && view.props.editable(view.state)) {
-              focusTimeoutId.current = handleEditorFocus(view);
-            }
-            if (expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true) && fg('cc_editor_focus_before_editor_on_load')) {
-              if (shouldFocus && view.props.editable && view.props.editable(view.state) && !isEmptyDocument(view.state.doc)) {
-                focusEditorElement(editorId.current);
-              }
-            }
-          }
-        }
-
+      React.startTransition(() => {
         // Force React to re-render so consumers get a reference to the editor view
         setEditorView(view);
-      }
+      });
     } else if (viewRef.current && !node) {
       // When the appearance is changed, React will call handleEditorViewRef with node === null
       // to destroy the old EditorView, before calling this method again with node === div to
@@ -652,7 +627,7 @@ export function ReactEditorView(props) {
       nodeVisibilityManager(viewRef.current.dom).disconnect();
       viewRef.current = undefined;
     }
-  }, [createEditorView, onEditorCreated, eventDispatcher, shouldFocus, __livePage, onEditorDestroyed, handleAnalyticsEvent, mitigateScrollJump]);
+  }, [createEditorView, onEditorCreated, eventDispatcher, onEditorDestroyed, handleAnalyticsEvent, mitigateScrollJump]);
   const createEditor = useCallback((assistiveLabel, assistiveDescribedBy) => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, fg('cc_editor_focus_before_editor_on_load') && /*#__PURE__*/React.createElement("div", {
       tabIndex: -1,
@@ -732,17 +707,17 @@ export function ReactEditorView(props) {
       doc: defaultValue
     });
   }, [defaultValue, parseDoc, props.editorProps.sanitizePrivateContent, props.providerFactory]);
-  const {
-    assistiveLabel,
-    assistiveDescribedBy
-  } = props.editorProps;
+
   // We need to check `allowBlockType` in props, because it is now exist in EditorNextProps type.
   const {
     allowBlockType
   } = 'allowBlockType' in props.editorProps ? props.editorProps : {
     allowBlockType: undefined
   };
-  const ssrEditor = useMemo(() => {
+
+  // In separate memo, because some props like `props.intl` that need only for rendering
+  // changes many times, but we don't want to process plugins and ADF document for each unnecessary changes.
+  const ssrDeps = useMemo(() => {
     if (!isSSR() || !expValEquals('platform_editor_ssr_renderer', 'isEnabled', true)) {
       return null;
     }
@@ -754,11 +729,25 @@ export function ReactEditorView(props) {
     }, pluginInjectionAPI.current);
     const schema = createSchema(processPluginsList(plugins));
     const doc = buildDoc(schema);
+    return {
+      plugins,
+      schema,
+      doc
+    };
+  }, [allowBlockType, buildDoc, props.preset]);
+  const {
+    assistiveLabel,
+    assistiveDescribedBy
+  } = props.editorProps;
+  const ssrEditor = useMemo(() => {
+    if (!ssrDeps) {
+      return null;
+    }
     return /*#__PURE__*/React.createElement(EditorSSRRenderer, {
       intl: props.intl,
-      doc: doc,
-      schema: schema,
-      plugins: plugins,
+      doc: ssrDeps.doc,
+      schema: ssrDeps.schema,
+      plugins: ssrDeps.plugins,
       portalProviderAPI: props.portalProviderAPI
       // IMPORTANT: Keep next props in sync with div that renders a real ProseMirror editor.
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -768,9 +757,12 @@ export function ReactEditorView(props) {
       "aria-label": assistiveLabel || props.intl.formatMessage(editorMessages.editorAssistiveLabel),
       id: EDIT_AREA_ID,
       "aria-describedby": assistiveDescribedBy,
-      "data-editor-id": editorId.current
+      "data-editor-id": editorId.current,
+      onEditorStateChanged: state => {
+        ssrEditorStateRef.current = state;
+      }
     });
-  }, [props.preset, allowBlockType, assistiveLabel, assistiveDescribedBy, props.intl, props.portalProviderAPI, buildDoc]);
+  }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, assistiveDescribedBy]);
   const editor = useMemo(() => {
     // SSR editor will be available only in SSR environment,
     // in a browser `ssrEditor` will be `null`, and we will render a normal one ProseMirror.

package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js

@@ -14,7 +14,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { expValNoExposure } from '@atlaskit/tmp-editor-statsig/expVal';
+import { expVal, expValNoExposure } from '@atlaskit/tmp-editor-statsig/expVal';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { getBaseFontSize } from '../../composable-editor/utils/getBaseFontSize';
 import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
@@ -22,7 +22,7 @@ import { annotationStyles } from './styles/annotationStyles';
 import { backgroundColorStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
 import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles } from './styles/baseStyles';
 import { blockMarksStyles } from './styles/blockMarksStyles';
-import { blockquoteSelectedNodeStyles, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc } from './styles/blockTypeStyles';
+import { blockquoteSelectedNodeStyles, blocktypeStyles, blockquoteZeroPadding, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc } from './styles/blockTypeStyles';
 import { codeBidiWarningStyles } from './styles/codeBidiWarningStyles';
 import { codeBgColorStyles, codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
 import { codeMarkStyles } from './styles/codeMarkStyles';
@@ -196,7 +196,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     blocktypeStyles, expValEquals('platform_editor_block_menu', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    blockquoteSelectedNodeStyles,
+    blockquoteSelectedNodeStyles, expVal('platform_editor_blockquote_zero_padding', 'isEnabled', false) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    blockquoteZeroPadding : null,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     fg('platform_editor_typography_ugc') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/es2019/ui/EditorContentContainer/styles/blockTypeStyles.js

@@ -1,5 +1,18 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css } from '@emotion/react';
+// This style is needed to avoid Confluence's batch.css overrides that expand blockquote with extra padding after SSR.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const blockquoteZeroPadding = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& blockquote': {
+      paddingTop: 0,
+      paddingBottom: 0
+    }
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const blocktypeStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/es2019/ui/EditorContentContainer/styles/placeholderStyles.js

@@ -1,5 +1,14 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css } from '@emotion/react';
+import { css, keyframes } from '@emotion/react';
+const placeholderFadeInKeyframes = keyframes({
+  from: {
+    opacity: 0
+  },
+  to: {
+    opacity: 1
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const placeholderTextStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -83,6 +92,10 @@ export const placeholderStyles = css({
       userSelect: 'none',
       position: 'absolute'
     }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .placeholder-decoration-fade-in': {
+    animation: `${placeholderFadeInKeyframes} 300ms ease-out forwards`
   }
 });
 

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "0.0.0-development";
+export const version = "215.25.0";

package/dist/esm/create-editor/ReactEditorView/handleEditorFocus.js

@@ -1,61 +1,53 @@
-import React from 'react';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 export function handleEditorFocus(view) {
+  var _domSelection$getRang;
   if (view !== null && view !== void 0 && view.hasFocus()) {
     return;
   }
 
-  /**
-   * If startTransition is available (in React 18),
-   * don't use setTimeout as startTransition will be used in ReactEditorViewNext.
-   * setTimeout(fn, 0) will not defer the focus reliably in React 18 with
-   * concurrent rendering.
-   */
-  var react16OnlySetTimeout = React !== null && React !== void 0 && React.startTransition && fg('platform_editor_react_18_autofocus_fix') ? function (fn) {
-    return fn();
-  } : function (fn) {
-    return window.setTimeout(fn, 0);
-  };
-  return react16OnlySetTimeout(function () {
-    // Due to race conditions during editor lifecycle transitions (e.g. SPA route changes during opening or closing)
-    // where the view (and its internal docView) may have been destroyed, the timeout callback may fire on a stale view.
-    // Bail out in that scenario to prevent operating on an unmounted view.
-    if (view !== null && view !== void 0 && view.isDestroyed) {
-      return;
-    }
-    if (view !== null && view !== void 0 && view.hasFocus()) {
-      return;
-    }
-    if (!window.getSelection) {
-      view === null || view === void 0 || view.focus();
-      return;
-    }
-    var domSelection = window.getSelection();
-    if (!domSelection || domSelection.rangeCount === 0) {
-      view === null || view === void 0 || view.focus();
-      return;
-    }
-    var range = domSelection.getRangeAt(0);
-    // if selection is outside editor focus and exit
-    if (view && range.startContainer.contains(view.dom)) {
-      view.focus();
-      return;
-    }
+  // Due to race conditions during editor lifecycle transitions (e.g. SPA route changes during opening or closing)
+  // where the view (and its internal docView) may have been destroyed, the timeout callback may fire on a stale view.
+  // Bail out in that scenario to prevent operating on an unmounted view.
+  if (view !== null && view !== void 0 && view.isDestroyed) {
+    return;
+  }
+  if (view !== null && view !== void 0 && view.hasFocus()) {
+    return;
+  }
+  if (!window.getSelection) {
+    view === null || view === void 0 || view.focus();
+    return;
+  }
+  var domSelection = window.getSelection();
+  if (!domSelection || domSelection.rangeCount === 0) {
+    view === null || view === void 0 || view.focus();
+    return;
+  }
 
-    // set cursor/selection and focus
-    var anchor = view === null || view === void 0 ? void 0 : view.posAtDOM(range.startContainer, range.startOffset);
-    var head = view === null || view === void 0 ? void 0 : view.posAtDOM(range.endContainer, range.endOffset);
-    // if anchor or head < 0 focus and exit
-    if (anchor && anchor < 0 || head && head < 0) {
-      view === null || view === void 0 || view.focus();
-      return;
-    }
-    if (view && anchor) {
-      var selection = TextSelection.create(view.state.doc, anchor, head);
-      var tr = view.state.tr.setSelection(selection);
-      view.dispatch(tr);
-      view.focus();
-    }
-  });
+  // If not mocked properly in tests, getRangeAt may not exist.
+  var range = (_domSelection$getRang = domSelection.getRangeAt) === null || _domSelection$getRang === void 0 ? void 0 : _domSelection$getRang.call(domSelection, 0);
+  if (!range) {
+    return;
+  }
+
+  // if selection is outside editor focus and exit
+  if (view && range !== null && range !== void 0 && range.startContainer.contains(view.dom)) {
+    view.focus();
+    return;
+  }
+
+  // set cursor/selection and focus
+  var anchor = view === null || view === void 0 ? void 0 : view.posAtDOM(range.startContainer, range.startOffset);
+  var head = view === null || view === void 0 ? void 0 : view.posAtDOM(range.endContainer, range.endOffset);
+  // if anchor or head < 0 focus and exit
+  if (anchor && anchor < 0 || head && head < 0) {
+    view === null || view === void 0 || view.focus();
+    return;
+  }
+  if (view && anchor) {
+    var selection = TextSelection.create(view.state.doc, anchor, head);
+    var tr = view.state.tr.setSelection(selection);
+    view.dispatch(tr);
+    view.focus();
+  }
 }

package/dist/esm/create-editor/ReactEditorView.js

@@ -65,6 +65,7 @@ export function ReactEditorView(props) {
     _useState2 = _slicedToArray(_useState, 2),
     editorAPI = _useState2[0],
     setEditorAPI = _useState2[1];
+  var ssrEditorStateRef = useRef(undefined);
   var editorRef = useRef(null);
   var viewRef = useRef();
   var focusTimeoutId = useRef();
@@ -92,8 +93,8 @@ export function ReactEditorView(props) {
     return createFeatureFlagsFromProps(editorPropFeatureFlags);
   }, [editorPropFeatureFlags]);
   var getEditorState = useCallback(function () {
-    var _viewRef$current;
-    return (_viewRef$current = viewRef.current) === null || _viewRef$current === void 0 ? void 0 : _viewRef$current.state;
+    var _ssrEditorStateRef$cu, _viewRef$current;
+    return (_ssrEditorStateRef$cu = ssrEditorStateRef.current) !== null && _ssrEditorStateRef$cu !== void 0 ? _ssrEditorStateRef$cu : (_viewRef$current = viewRef.current) === null || _viewRef$current === void 0 ? void 0 : _viewRef$current.state;
   }, []);
   var getEditorView = useCallback(function () {
     return viewRef.current;
@@ -537,7 +538,7 @@ export function ReactEditorView(props) {
       // We don't need to focus anything in SSR.
       return;
     }
-    if (shouldFocus && editorView !== null && editorView !== void 0 && (_editorView$props$edi = (_editorView$props = editorView.props).editable) !== null && _editorView$props$edi !== void 0 && _editorView$props$edi.call(_editorView$props, editorView.state) && fg('platform_editor_react_18_autofocus_fix')) {
+    if (shouldFocus && editorView !== null && editorView !== void 0 && (_editorView$props$edi = (_editorView$props = editorView.props).editable) !== null && _editorView$props$edi !== void 0 && _editorView$props$edi.call(_editorView$props, editorView.state)) {
       if (!mitigateScrollJump) {
         var liveDocWithContent = (__livePage || expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)) && !isEmptyDocument(editorView.state.doc);
         if (!liveDocWithContent) {
@@ -639,38 +640,10 @@ export function ReactEditorView(props) {
         eventDispatcher: eventDispatcher,
         transformer: contentTransformer.current
       });
-      if (fg('platform_editor_react_18_autofocus_fix')) {
-        var _startTransition;
-        /**
-         * Defer using startTransition when it is available (in React 18) to fix
-         * autofocus bug where React 18's concurrent rendering mode interferes with
-         * setTimeout used in handleEditorFocus, causing autofocus to break.
-         */
-        var react18OnlyStartTransition = (_startTransition = React === null || React === void 0 ? void 0 : React.startTransition) !== null && _startTransition !== void 0 ? _startTransition : function (fn) {
-          return fn();
-        };
-        react18OnlyStartTransition(function () {
-          // Force React to re-render so consumers get a reference to the editor view
-          setEditorView(view);
-        });
-      } else {
-        if (shouldFocus && view.props.editable && view.props.editable(view.state)) {
-          if (!mitigateScrollJump) {
-            var isLivePageWithContent = (__livePage || expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true)) && !isEmptyDocument(view.state.doc);
-            if (!isLivePageWithContent && shouldFocus && view.props.editable && view.props.editable(view.state)) {
-              focusTimeoutId.current = handleEditorFocus(view);
-            }
-            if (expValEquals('platform_editor_no_cursor_on_edit_page_init', 'isEnabled', true) && fg('cc_editor_focus_before_editor_on_load')) {
-              if (shouldFocus && view.props.editable && view.props.editable(view.state) && !isEmptyDocument(view.state.doc)) {
-                focusEditorElement(editorId.current);
-              }
-            }
-          }
-        }
-
+      React.startTransition(function () {
         // Force React to re-render so consumers get a reference to the editor view
         setEditorView(view);
-      }
+      });
     } else if (viewRef.current && !node) {
       // When the appearance is changed, React will call handleEditorViewRef with node === null
       // to destroy the old EditorView, before calling this method again with node === div to
@@ -694,7 +667,7 @@ export function ReactEditorView(props) {
       nodeVisibilityManager(viewRef.current.dom).disconnect();
       viewRef.current = undefined;
     }
-  }, [createEditorView, onEditorCreated, eventDispatcher, shouldFocus, __livePage, onEditorDestroyed, handleAnalyticsEvent, mitigateScrollJump]);
+  }, [createEditorView, onEditorCreated, eventDispatcher, onEditorDestroyed, handleAnalyticsEvent, mitigateScrollJump]);
   var createEditor = useCallback(function (assistiveLabel, assistiveDescribedBy) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, fg('cc_editor_focus_before_editor_on_load') && /*#__PURE__*/React.createElement("div", {
       tabIndex: -1,
@@ -776,15 +749,16 @@ export function ReactEditorView(props) {
       doc: defaultValue
     });
   }, [defaultValue, parseDoc, props.editorProps.sanitizePrivateContent, props.providerFactory]);
-  var _props$editorProps3 = props.editorProps,
-    assistiveLabel = _props$editorProps3.assistiveLabel,
-    assistiveDescribedBy = _props$editorProps3.assistiveDescribedBy;
+
   // We need to check `allowBlockType` in props, because it is now exist in EditorNextProps type.
   var _ref5 = 'allowBlockType' in props.editorProps ? props.editorProps : {
       allowBlockType: undefined
     },
     allowBlockType = _ref5.allowBlockType;
-  var ssrEditor = useMemo(function () {
+
+  // In separate memo, because some props like `props.intl` that need only for rendering
+  // changes many times, but we don't want to process plugins and ADF document for each unnecessary changes.
+  var ssrDeps = useMemo(function () {
     if (!isSSR() || !expValEquals('platform_editor_ssr_renderer', 'isEnabled', true)) {
       return null;
     }
@@ -796,11 +770,24 @@ export function ReactEditorView(props) {
     }, pluginInjectionAPI.current);
     var schema = createSchema(processPluginsList(plugins));
     var doc = buildDoc(schema);
+    return {
+      plugins: plugins,
+      schema: schema,
+      doc: doc
+    };
+  }, [allowBlockType, buildDoc, props.preset]);
+  var _props$editorProps3 = props.editorProps,
+    assistiveLabel = _props$editorProps3.assistiveLabel,
+    assistiveDescribedBy = _props$editorProps3.assistiveDescribedBy;
+  var ssrEditor = useMemo(function () {
+    if (!ssrDeps) {
+      return null;
+    }
     return /*#__PURE__*/React.createElement(EditorSSRRenderer, {
       intl: props.intl,
-      doc: doc,
-      schema: schema,
-      plugins: plugins,
+      doc: ssrDeps.doc,
+      schema: ssrDeps.schema,
+      plugins: ssrDeps.plugins,
       portalProviderAPI: props.portalProviderAPI
       // IMPORTANT: Keep next props in sync with div that renders a real ProseMirror editor.
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -810,9 +797,12 @@ export function ReactEditorView(props) {
       "aria-label": assistiveLabel || props.intl.formatMessage(editorMessages.editorAssistiveLabel),
       id: EDIT_AREA_ID,
       "aria-describedby": assistiveDescribedBy,
-      "data-editor-id": editorId.current
+      "data-editor-id": editorId.current,
+      onEditorStateChanged: function onEditorStateChanged(state) {
+        ssrEditorStateRef.current = state;
+      }
     });
-  }, [props.preset, allowBlockType, assistiveLabel, assistiveDescribedBy, props.intl, props.portalProviderAPI, buildDoc]);
+  }, [ssrDeps, props.intl, props.portalProviderAPI, assistiveLabel, assistiveDescribedBy]);
   var editor = useMemo(function () {
     // SSR editor will be available only in SSR environment,
     // in a browser `ssrEditor` will be `null`, and we will render a normal one ProseMirror.

package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js

@@ -15,7 +15,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { expValNoExposure } from '@atlaskit/tmp-editor-statsig/expVal';
+import { expVal, expValNoExposure } from '@atlaskit/tmp-editor-statsig/expVal';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { getBaseFontSize } from '../../composable-editor/utils/getBaseFontSize';
 import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
@@ -23,7 +23,7 @@ import { annotationStyles } from './styles/annotationStyles';
 import { backgroundColorStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
 import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingBaseStyles, editorLargeGutterPuddingBaseStylesEditorControls, editorLargeGutterPuddingReducedBaseStyles } from './styles/baseStyles';
 import { blockMarksStyles } from './styles/blockMarksStyles';
-import { blockquoteSelectedNodeStyles, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc } from './styles/blockTypeStyles';
+import { blockquoteSelectedNodeStyles, blocktypeStyles, blockquoteZeroPadding, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc } from './styles/blockTypeStyles';
 import { codeBidiWarningStyles } from './styles/codeBidiWarningStyles';
 import { codeBgColorStyles, codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
 import { codeMarkStyles } from './styles/codeMarkStyles';
@@ -192,7 +192,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     blocktypeStyles, expValEquals('platform_editor_block_menu', 'isEnabled', true) &&
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    blockquoteSelectedNodeStyles,
+    blockquoteSelectedNodeStyles, expVal('platform_editor_blockquote_zero_padding', 'isEnabled', false) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    blockquoteZeroPadding : null,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     fg('platform_editor_typography_ugc') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/esm/ui/EditorContentContainer/styles/blockTypeStyles.js

@@ -1,5 +1,18 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css } from '@emotion/react';
+// This style is needed to avoid Confluence's batch.css overrides that expand blockquote with extra padding after SSR.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var blockquoteZeroPadding = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '& blockquote': {
+      paddingTop: 0,
+      paddingBottom: 0
+    }
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var blocktypeStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/esm/ui/EditorContentContainer/styles/placeholderStyles.js

@@ -1,5 +1,14 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css } from '@emotion/react';
+import { css, keyframes } from '@emotion/react';
+var placeholderFadeInKeyframes = keyframes({
+  from: {
+    opacity: 0
+  },
+  to: {
+    opacity: 1
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var placeholderTextStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -83,6 +92,10 @@ export var placeholderStyles = css({
       userSelect: 'none',
       position: 'absolute'
     }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .placeholder-decoration-fade-in': {
+    animation: "".concat(placeholderFadeInKeyframes, " 300ms ease-out forwards")
   }
 });
 

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "0.0.0-development";
+export var version = "215.25.0";

package/dist/types/create-editor/create-universal-preset.d.ts

@@ -399,6 +399,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
     }, import("@atlaskit/editor-plugins/editor-viewmode").EditorViewModePluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockMenu", {
         actions: {
             getBlockMenuComponents: () => Array<import("@atlaskit/editor-plugins/block-menu").RegisterBlockMenuComponent>;
+            isTransformOptionDisabled: (optionNodeTypeName: string, optionNodeTypeAttrs?: Record<string, unknown>) => boolean;
             registerBlockMenuComponents: (blockMenuComponents: Array<import("@atlaskit/editor-plugins/block-menu").RegisterBlockMenuComponent>) => void;
         };
         commands: {

package/dist/types/presets/universal.d.ts

@@ -472,6 +472,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
     }, import("@atlaskit/editor-plugins/editor-viewmode").EditorViewModePluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockMenu", {
         actions: {
             getBlockMenuComponents: () => Array<import("@atlaskit/editor-plugins/block-menu").RegisterBlockMenuComponent>;
+            isTransformOptionDisabled: (optionNodeTypeName: string, optionNodeTypeAttrs?: Record<string, unknown>) => boolean;
             registerBlockMenuComponents: (blockMenuComponents: Array<import("@atlaskit/editor-plugins/block-menu").RegisterBlockMenuComponent>) => void;
         };
         commands: {

package/dist/types/presets/useUniversalPreset.d.ts

@@ -399,6 +399,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
     }, import("@atlaskit/editor-plugins/editor-viewmode").EditorViewModePluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockMenu", {
         actions: {
             getBlockMenuComponents: () => Array<import("@atlaskit/editor-plugins/block-menu").RegisterBlockMenuComponent>;
+            isTransformOptionDisabled: (optionNodeTypeName: string, optionNodeTypeAttrs?: Record<string, unknown>) => boolean;
             registerBlockMenuComponents: (blockMenuComponents: Array<import("@atlaskit/editor-plugins/block-menu").RegisterBlockMenuComponent>) => void;
         };
         commands: {

package/dist/types/ui/EditorContentContainer/styles/blockTypeStyles.d.ts

@@ -1,4 +1,5 @@
 import { type SerializedStyles } from '@emotion/react';
+export declare const blockquoteZeroPadding: SerializedStyles;
 export declare const blocktypeStyles: SerializedStyles;
 export declare const blockquoteSelectedNodeStyles: SerializedStyles;
 export declare const blocktypeStyles_fg_platform_editor_typography_ugc: SerializedStyles;

package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts

@@ -564,6 +564,7 @@ export declare function createUniversalPreset({ props, prevProps, initialPluginC
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockMenu", {
                 actions: {
                     getBlockMenuComponents: () => Array<import("@atlaskit/editor-plugins/block-menu").RegisterBlockMenuComponent>;
+                    isTransformOptionDisabled: (optionNodeTypeName: string, optionNodeTypeAttrs?: Record<string, unknown>) => boolean;
                     registerBlockMenuComponents: (blockMenuComponents: Array<import("@atlaskit/editor-plugins/block-menu").RegisterBlockMenuComponent>) => void;
                 };
                 commands: {

package/dist/types-ts4.5/presets/universal.d.ts

@@ -637,6 +637,7 @@ export default function createUniversalPresetInternal({ appearance, props, featu
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockMenu", {
                 actions: {
                     getBlockMenuComponents: () => Array<import("@atlaskit/editor-plugins/block-menu").RegisterBlockMenuComponent>;
+                    isTransformOptionDisabled: (optionNodeTypeName: string, optionNodeTypeAttrs?: Record<string, unknown>) => boolean;
                     registerBlockMenuComponents: (blockMenuComponents: Array<import("@atlaskit/editor-plugins/block-menu").RegisterBlockMenuComponent>) => void;
                 };
                 commands: {

package/dist/types-ts4.5/presets/useUniversalPreset.d.ts

@@ -564,6 +564,7 @@ export default function useUniversalPreset({ props, initialPluginConfiguration }
             import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"blockMenu", {
                 actions: {
                     getBlockMenuComponents: () => Array<import("@atlaskit/editor-plugins/block-menu").RegisterBlockMenuComponent>;
+                    isTransformOptionDisabled: (optionNodeTypeName: string, optionNodeTypeAttrs?: Record<string, unknown>) => boolean;
                     registerBlockMenuComponents: (blockMenuComponents: Array<import("@atlaskit/editor-plugins/block-menu").RegisterBlockMenuComponent>) => void;
                 };
                 commands: {

package/dist/types-ts4.5/ui/EditorContentContainer/styles/blockTypeStyles.d.ts

@@ -1,4 +1,5 @@
 import { type SerializedStyles } from '@emotion/react';
+export declare const blockquoteZeroPadding: SerializedStyles;
 export declare const blocktypeStyles: SerializedStyles;
 export declare const blockquoteSelectedNodeStyles: SerializedStyles;
 export declare const blocktypeStyles_fg_platform_editor_typography_ugc: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "215.24.1",
+	"version": "215.26.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
 		"@atlaskit/editor-plugins": "^11.1.0",
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/editor-ssr-renderer": "^1.5.0",
+		"@atlaskit/editor-ssr-renderer": "^1.6.0",
 		"@atlaskit/editor-toolbar": "^0.18.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
 		"@atlaskit/emoji": "^69.9.0",
@@ -66,7 +66,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/react-ufo": "^4.16.0",
 		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/tmp-editor-statsig": "^16.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.2.0",
 		"@atlaskit/tokens": "^9.0.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -83,7 +83,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.47.0",
+		"@atlaskit/editor-common": "^110.49.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",