@atlaskit/editor-core 215.25.0 → 215.26.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-core
 
+## 215.26.1
+
+### Patch Changes
+
+- [`f41ee46c84bb1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f41ee46c84bb1) -
+  [EDITOR-3881] Fix table styling to work with SSR renderer
+- Updated dependencies
+
+## 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

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;
@@ -757,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;
     }
@@ -777,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
@@ -791,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

@@ -476,7 +476,11 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _tableStyles.tableContainerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    !(0, _platformFeatureFlags.fg)('platform_editor_table_container_y_overflow_fix') && _tableStyles.tableContainerOverflowY,
+    !(0, _platformFeatureFlags.fg)('platform_editor_table_container_y_overflow_fix') && _tableStyles.tableContainerOverflowY, (0, _expValEquals.expValEquals)('platform_editor_ssr_renderer', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _styles.tableSharedStyle)(),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    (0, _expValEquals.expValEquals)('platform_editor_ssr_renderer', 'isEnabled', true) && _tableStyles.tableEmptyRowStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _link.hyperLinkFloatingToolbarStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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/ui/EditorContentContainer/styles/tableStyles.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tableLayoutFixes = exports.tableContainerStyles = exports.tableContainerOverflowY = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
+exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContainerStyles = exports.tableContainerOverflowY = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _scrollbarStyles = require("./scrollbarStyles");
@@ -67,4 +67,19 @@ var tableContainerOverflowY = exports.tableContainerOverflowY = (0, _react.css)(
   '.ProseMirror .pm-table-wrapper': {
     overflowY: 'visible'
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var tableEmptyRowStyles = exports.tableEmptyRowStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .pm-table-wrapper': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.pm-table-cell-content-wrap, .pm-table-header-content-wrap': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      'p:empty': {
+        /* add a minimum height to empty table rows in SSR */
+        minHeight: '1.714em'
+      }
+    }
+  }
 });

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 = "215.24.1";
+var version = exports.version = "215.26.0";

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]);
@@ -706,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;
     }
@@ -728,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
@@ -742,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

@@ -8,7 +8,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, useTheme } from '@emotion/react';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { richMediaClassName } from '@atlaskit/editor-common/styles';
+import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
 import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -59,7 +59,7 @@ import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
 import { syncBlockStyles } from './styles/syncBlockStyles';
-import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
+import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes, tableEmptyRowStyles } from './styles/tableStyles';
 import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
@@ -472,7 +472,11 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     tableContainerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    !fg('platform_editor_table_container_y_overflow_fix') && tableContainerOverflowY,
+    !fg('platform_editor_table_container_y_overflow_fix') && tableContainerOverflowY, expValEquals('platform_editor_ssr_renderer', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableSharedStyle(),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expValEquals('platform_editor_ssr_renderer', 'isEnabled', true) && tableEmptyRowStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     hyperLinkFloatingToolbarStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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/ui/EditorContentContainer/styles/tableStyles.js

@@ -63,4 +63,19 @@ export const tableContainerOverflowY = css({
   '.ProseMirror .pm-table-wrapper': {
     overflowY: 'visible'
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const tableEmptyRowStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .pm-table-wrapper': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.pm-table-cell-content-wrap, .pm-table-header-content-wrap': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      'p:empty': {
+        /* add a minimum height to empty table rows in SSR */
+        minHeight: '1.714em'
+      }
+    }
+  }
 });

package/dist/es2019/version-wrapper.js

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

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;
@@ -748,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;
     }
@@ -768,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
@@ -782,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

@@ -9,7 +9,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, useTheme } from '@emotion/react';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { richMediaClassName } from '@atlaskit/editor-common/styles';
+import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
 import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -60,7 +60,7 @@ import { shadowStyles } from './styles/shadowStyles';
 import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
 import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
 import { syncBlockStyles } from './styles/syncBlockStyles';
-import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
+import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes, tableEmptyRowStyles } from './styles/tableStyles';
 import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
@@ -468,7 +468,11 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     tableContainerStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    !fg('platform_editor_table_container_y_overflow_fix') && tableContainerOverflowY,
+    !fg('platform_editor_table_container_y_overflow_fix') && tableContainerOverflowY, expValEquals('platform_editor_ssr_renderer', 'isEnabled', true) &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    tableSharedStyle(),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expValEquals('platform_editor_ssr_renderer', 'isEnabled', true) && tableEmptyRowStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     hyperLinkFloatingToolbarStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

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/ui/EditorContentContainer/styles/tableStyles.js

@@ -60,4 +60,19 @@ export var tableContainerOverflowY = css({
   '.ProseMirror .pm-table-wrapper': {
     overflowY: 'visible'
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var tableEmptyRowStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror .pm-table-wrapper': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.pm-table-cell-content-wrap, .pm-table-header-content-wrap': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      'p:empty': {
+        /* add a minimum height to empty table rows in SSR */
+        minHeight: '1.714em'
+      }
+    }
+  }
 });

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "215.24.1";
+export var version = "215.26.0";

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

@@ -4,3 +4,4 @@ export declare const tableCommentEditorMarginOverride: SerializedStyles;
 export declare const tableCommentEditorStyles: SerializedStyles;
 export declare const tableContainerStyles: SerializedStyles;
 export declare const tableContainerOverflowY: SerializedStyles;
+export declare const tableEmptyRowStyles: SerializedStyles;

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

@@ -4,3 +4,4 @@ export declare const tableCommentEditorMarginOverride: SerializedStyles;
 export declare const tableCommentEditorStyles: SerializedStyles;
 export declare const tableContainerStyles: SerializedStyles;
 export declare const tableContainerOverflowY: SerializedStyles;
+export declare const tableEmptyRowStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "215.25.0",
+	"version": "215.26.1",
 	"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",
@@ -83,7 +83,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.48.0",
+		"@atlaskit/editor-common": "^110.49.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",