@atlaskit/editor-core 215.26.0 → 215.27.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-core
 
+## 215.27.0
+
+### Minor Changes
+
+- [`15ae0981a01a4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/15ae0981a01a4) -
+  [https://hello.jira.atlassian.cloud/browse/EDITOR-4119](EDITOR-4119) - allow FullPageToolbarNext
+  without EditorView in SSR
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js

@@ -104,7 +104,7 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
       showKeyline: showKeyline || ContextPanelWidth > 0
     }, beforeIcon && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _runtime.ax)([styles.mainToolbarIconBefore, (0, _expValEquals.expValEquals)('platform_editor_toolbar_support_custom_components', 'isEnabled', true) && styles.mainToolbarIconBeforeNew])
-    }, beforeIcon), (0, _expValEquals.expValEquals)('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FirstChildWrapper, null, toolbarDockingPosition !== 'none' && components && (0, _toolbar2.isToolbar)(toolbar) && (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView && ((0, _expValEquals.expValEquals)('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) ? !(0, _coreUtils.isSSR)() : !(0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) || !(0, _coreUtils.isSSR)())) && /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarNext, {
+    }, beforeIcon), (0, _expValEquals.expValEquals)('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FirstChildWrapper, null, toolbarDockingPosition !== 'none' && components && (0, _toolbar2.isToolbar)(toolbar) && (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || ((0, _expValEquals.expValEquals)('platform_editor_ssr_renderer', 'isEnabled', true) && (0, _coreUtils.isSSR)() || editorView) && ((0, _expValEquals.expValEquals)('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) ? !(0, _coreUtils.isSSR)() : !(0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) || !(0, _coreUtils.isSSR)())) && /*#__PURE__*/_react.default.createElement(_Toolbar.ToolbarNext, {
       toolbar: toolbar,
       components: components,
       editorView: editorView,

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/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.25.0";
+var version = exports.version = "215.26.1";

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

@@ -99,7 +99,7 @@ export const FullPageToolbarNext = ({
     showKeyline: showKeyline || ContextPanelWidth > 0
   }, beforeIcon && /*#__PURE__*/React.createElement("div", {
     className: ax([styles.mainToolbarIconBefore, expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) && styles.mainToolbarIconBeforeNew])
-  }, beforeIcon), expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView && (expValEquals('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) ? !isSSR() : !expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) || !isSSR())) && /*#__PURE__*/React.createElement(ToolbarNext, {
+  }, beforeIcon), expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || (expValEquals('platform_editor_ssr_renderer', 'isEnabled', true) && isSSR() || editorView) && (expValEquals('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) ? !isSSR() : !expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) || !isSSR())) && /*#__PURE__*/React.createElement(ToolbarNext, {
     toolbar: toolbar,
     components: components,
     editorView: editorView,

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/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.25.0";
+export const version = "215.26.1";

package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js

@@ -96,7 +96,7 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
       showKeyline: showKeyline || ContextPanelWidth > 0
     }, beforeIcon && /*#__PURE__*/React.createElement("div", {
       className: ax([styles.mainToolbarIconBefore, expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) && styles.mainToolbarIconBeforeNew])
-    }, beforeIcon), expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || editorView && (expValEquals('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) ? !isSSR() : !expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) || !isSSR())) && /*#__PURE__*/React.createElement(ToolbarNext, {
+    }, beforeIcon), expValEquals('platform_editor_toolbar_support_custom_components', 'isEnabled', true) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FirstChildWrapper, null, toolbarDockingPosition !== 'none' && components && isToolbar(toolbar) && (!expValEquals('platform_editor_toolbar_aifc_patch_3', 'isEnabled', true) || (expValEquals('platform_editor_ssr_renderer', 'isEnabled', true) && isSSR() || editorView) && (expValEquals('platform_editor_toolbar_delay_render_fix', 'isEnabled', true) ? !isSSR() : !expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) || !isSSR())) && /*#__PURE__*/React.createElement(ToolbarNext, {
       toolbar: toolbar,
       components: components,
       editorView: editorView,

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/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.25.0";
+export var version = "215.26.1";

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.26.0",
+	"version": "215.27.0",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"