@atlaskit/editor-core 219.9.1 → 219.9.3

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-core
 
+## 219.9.3
+
+### Patch Changes
+
+- [`0b640b43bac93`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0b640b43bac93) -
+  Change experiment name, no functionality changes
+- Updated dependencies
+
+## 219.9.2
+
+### Patch Changes
+
+- [`b4b10071d5c4a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b4b10071d5c4a) -
+  Delay browser-persisted markdown view-mode evaluation until after hydration when
+  `platform_editor_delay_markdown_view_mode_eval` is enabled.
+
+  Scope the markdown-mode ProseMirror hide style under an explicit data attribute when the same gate
+  is enabled.
+
+- Updated dependencies
+
 ## 219.9.1
 
 ### Patch Changes

package/dist/cjs/types/markdown-mode.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -67,6 +67,12 @@ var hideEditorContentAreaProsemirrorStyle = (0, _react2.css)({
     display: 'none'
   }
 });
+var hideEditorContentAreaProsemirrorWithAttributeStyle = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '&[data-markdown-mode-hide-prosemirror="true"] .ProseMirror': {
+    display: 'none'
+  }
+});
 var fullWidthNonChromelessBreakoutBlockTableStyle = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-1
   '.fabric-editor--full-width-mode:not(:has(#chromeless-editor))': {
@@ -253,6 +259,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var _states$markdownModeS2;
     return (_states$markdownModeS2 = states.markdownModeState) === null || _states$markdownModeS2 === void 0 ? void 0 : _states$markdownModeS2.isMarkdownMode;
   });
+  var shouldHideProseMirrorForMarkdownMode = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'wysiwyg' && markdownPluginCurrentIsMarkdownMode;
   return (0, _react2.jsx)("div", {
     css: [contentAreaNew, props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
     "data-testid": CONTENT_AREA_TEST_ID,
@@ -278,10 +285,11 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     editorView: props.editorView,
     editorDisabled: props.disabled
   }, (0, _react2.jsx)("div", {
+    "data-markdown-mode-hide-prosemirror": shouldHideProseMirrorForMarkdownMode && (0, _platformFeatureFlags.fg)('platform_editor_delay_markdown_view_mode_eval') ? 'true' : undefined,
     css: [editorContentAreaNew, editorContentAreaProsemirrorStyle,
     // EDITOR-6558: hide ProseMirror when the markdown-mode plugin
     // reports a non-WYSIWYG view.
-    (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-markdown-mode', 'isEnabled', true) && markdownPluginCurrentView !== 'wysiwyg' && markdownPluginCurrentIsMarkdownMode && hideEditorContentAreaProsemirrorStyle, tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
+    shouldHideProseMirrorForMarkdownMode && ((0, _platformFeatureFlags.fg)('platform_editor_delay_markdown_view_mode_eval') ? hideEditorContentAreaProsemirrorWithAttributeStyle : hideEditorContentAreaProsemirrorStyle), tableFullPageEditorStylesNew, fullWidthNonChromelessBreakoutBlockTableStyle,
     // for breakout resizing, there's no need to restrict the width of codeblocks as they're always wrapped in a breakout mark
     (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? editorContentAreaContainerStyleExcludeCodeBlockNew : editorContentAreaContainerStyleNew, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentAreaContainerNestedDndStyle, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReducedHeaderSpace, !(0, _platformFeatureFlags.fg)('platform_editor_controls_no_toolbar_space') && props.isEditorToolbarHidden && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && contentAreaReservedPrimaryToolbarSpace],
     style: {
@@ -324,7 +332,7 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     containerElement: scrollContainerRef.current,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     wrapperElement: props.wrapperElement
-  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.after) : null, allowScrollGutter && (_featureGateJsClient.default.getExperimentValue('cc_snippets_dogfooding_beta', 'isEnabled', false) ? (0, _react2.jsx)("div", {
+  }), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? (0, _contentComponentWrapper.contentComponentClickWrapper)(props.customContentComponents.after) : null, allowScrollGutter && (_featureGateJsClient.default.getExperimentValue('cc_snippets', 'isEnabled', false) ? (0, _react2.jsx)("div", {
     id: "editor-scroll-gutter",
     style: {
       paddingBottom: "".concat((_allowScrollGutter$gu = allowScrollGutter.gutterSize) !== null && _allowScrollGutter$gu !== void 0 ? _allowScrollGutter$gu : '120', "px")