@atlaskit/editor-core 207.19.1 → 207.19.2

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

@@ -143,4 +143,13 @@ export const listsStylesSafariFix = css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
     marginTop: `-${akEditorLineHeight}em !important`
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const listLayoutShiftFix = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror ul, .ProseMirror ol': {
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+    marginTop: '10px'
+  }
 });

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

@@ -354,4 +354,45 @@ export const mediaStyles = css({
   '.ak-editor-no-interaction #newFileExperienceWrapper': {
     boxShadow: 'none'
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const mediaGroupStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.mediaGroupView-content-wrap ul': {
+    padding: 0
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const mediaAlignmentStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-block-mark[class^="fabric-editor-align"]': {
+    // It was `clear: none !important` before, but it was causing typescript errors
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    clear: 'none'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-align-end': {
+    textAlign: 'right'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-align-start': {
+    textAlign: 'left'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor-align-center': {
+    textAlign: 'center'
+  },
+  // For FullPage only when inside a table
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.fabric-editor--full-width-mode': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.pm-table-container': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.code-block, .extension-container, .multiBodiedExtension--container': {
+        maxWidth: '100%'
+      }
+    }
+  }
 });

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

@@ -339,4 +339,12 @@ export const panelStylesMixin_without_fg_platform_editor_lcm_nested_panel_icon_f
       }
     }
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const panelViewStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.panelView-content-wrap': {
+    boxSizing: 'border-box'
+  }
 });

package/dist/es2019/ui/EditorContentContainer/styles/{placeholderTextStyles.js → placeholderStyles.js}

@@ -62,4 +62,42 @@ export const placeholderTextStyles = css({
       backgroundColor: "var(--ds-background-selected, #B3D4FF)"
     }
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const placeholderStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '.ProseMirror .placeholder-decoration': {
+    color: "var(--ds-text-subtlest, #626F86)",
+    width: '100%',
+    pointerEvents: 'none',
+    userSelect: 'none',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+    '.placeholder-android': {
+      pointerEvents: 'none',
+      outline: 'none',
+      userSelect: 'none',
+      position: 'absolute'
+    }
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const placeholderOverflowStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+  '.ProseMirror p:has(.placeholder-decoration-hide-overflow)': {
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis'
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const placeholderWrapStyles = css({
+  // As part of controls work, we add placeholder `Search` to quick insert command
+  // This style is to prevent `/Search` being wrapped if it's triggered at the end of the line
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror mark[data-type-ahead-query="true"]:has(.placeholder-decoration-wrap)': {
+    whiteSpace: 'nowrap'
+  }
 });

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

@@ -0,0 +1,28 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+import { css } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const scrollbarStyles = css({
+  '-ms-overflow-style': '-ms-autohiding-scrollbar',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::-webkit-scrollbar': {
+    overflow: 'hidden'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::-webkit-scrollbar-corner': {
+    display: 'none'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::-webkit-scrollbar-thumb': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    backgroundColor: "var(--ds-background-neutral-subtle, #00000000)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&:hover::-webkit-scrollbar-thumb': {
+    backgroundColor: "var(--ds-background-neutral-bold, #44546F)",
+    borderRadius: 8
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::-webkit-scrollbar-thumb:hover': {
+    backgroundColor: "var(--ds-background-neutral-bold-hovered, #2C3E5D)"
+  }
+});

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

@@ -68,4 +68,48 @@ export const blanketSelectionStyles = css({
     zIndex: 12,
     backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const hideSelectionStyles = css({
+  // Hide selection styles for ProseMirror editor
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror-hideselection': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '*::selection': {
+      background: 'transparent'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    '*::-moz-selection': {
+      background: 'transparent'
+    }
+  }
+});
+
+/**
+ * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24
+ *
+ * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection
+ * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks
+ *    https://product-fabric.atlassian.net/browse/ED-26331
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const hideCursorWhenHideSelectionStyles = css({
+  // Hide cursor when hide selection styles are applied
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror-hideselection': {
+    caretColor: 'transparent'
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const selectedNodeStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror-selectednode': {
+    outline: 'none'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror-selectednode:empty': {
+    outline: `2px solid ${"var(--ds-border-focused, #388BFF)"}`
+  }
 });

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

@@ -12,45 +12,48 @@ export const shadowObserverClassNames = {
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const shadowStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  [`& .${shadowClassNames.RIGHT_SHADOW}::before, .${shadowClassNames.RIGHT_SHADOW}::after, .${shadowClassNames.LEFT_SHADOW}::before, .${shadowClassNames.LEFT_SHADOW}::after`]: {
-    display: 'none',
-    position: 'absolute',
-    pointerEvents: 'none',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    zIndex: 2,
-    width: 8,
-    content: "''",
-    height: 'calc(100%)'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  [`& .${shadowClassNames.RIGHT_SHADOW}, .${shadowClassNames.LEFT_SHADOW}`]: {
-    position: 'relative'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  [`& .${shadowClassNames.LEFT_SHADOW}::before`]: {
-    background: `linear-gradient(to left, transparent 0, ${"var(--ds-shadow-overflow-spread, #091e4229)"} 140% ), linear-gradient( to right, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px)`,
-    top: 0,
-    left: 0,
-    display: 'block'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  [`& .${shadowClassNames.RIGHT_SHADOW}::after`]: {
-    background: `linear-gradient(to right, transparent 0, ${"var(--ds-shadow-overflow-spread, #091e4229)"} 140% ), linear-gradient( to left, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px)`,
-    right: 0,
-    top: 0,
-    display: 'block'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  [`& .${shadowObserverClassNames.SENTINEL_LEFT}`]: {
-    height: '100%',
-    width: 0,
-    minWidth: 0
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  [`& .${shadowObserverClassNames.SENTINEL_RIGHT}`]: {
-    height: '100%',
-    width: 0,
-    minWidth: 0
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    [`& .${shadowClassNames.RIGHT_SHADOW}::before, .${shadowClassNames.RIGHT_SHADOW}::after, .${shadowClassNames.LEFT_SHADOW}::before, .${shadowClassNames.LEFT_SHADOW}::after`]: {
+      display: 'none',
+      position: 'absolute',
+      pointerEvents: 'none',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      zIndex: 2,
+      width: 8,
+      content: "''",
+      height: 'calc(100%)'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    [`& .${shadowClassNames.RIGHT_SHADOW}, .${shadowClassNames.LEFT_SHADOW}`]: {
+      position: 'relative'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    [`& .${shadowClassNames.LEFT_SHADOW}::before`]: {
+      background: `linear-gradient(to left, transparent 0, ${"var(--ds-shadow-overflow-spread, #091e4229)"} 140% ), linear-gradient( to right, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px)`,
+      top: 0,
+      left: 0,
+      display: 'block'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    [`& .${shadowClassNames.RIGHT_SHADOW}::after`]: {
+      background: `linear-gradient(to right, transparent 0, ${"var(--ds-shadow-overflow-spread, #091e4229)"} 140% ), linear-gradient( to left, ${"var(--ds-shadow-overflow-perimeter, transparent)"} 0px, transparent 1px)`,
+      right: 0,
+      top: 0,
+      display: 'block'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    [`& .${shadowObserverClassNames.SENTINEL_LEFT}`]: {
+      height: '100%',
+      width: 0,
+      minWidth: 0
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    [`& .${shadowObserverClassNames.SENTINEL_RIGHT}`]: {
+      height: '100%',
+      width: 0,
+      minWidth: 0
+    }
   }
 });

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

@@ -0,0 +1,31 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+import { css } from '@emotion/react';
+import { scrollbarStyles } from './scrollbarStyles';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const tableLayoutFixes = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.pm-table-header-content-wrap :not(.fabric-editor-alignment), .pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark, .pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+    'p:first-of-type': {
+      marginTop: 0
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.pm-table-cell-content-wrap .mediaGroupView-content-wrap': {
+    clear: 'both'
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const tableCommentEditorMarginOverride = css({
+  marginLeft: 0,
+  marginRight: 0
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const tableCommentEditorStyles = css({
+  // TODO: ED-28075 - refactor array include to unblock Compiled CSS migration
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+  [`.ProseMirror .pm-table-wrapper > table`]: [tableCommentEditorMarginOverride, scrollbarStyles]
+});

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

@@ -2,6 +2,9 @@ import { css } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-stylin
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const whitespaceStyles = css({
-  wordWrap: 'break-word',
-  whiteSpace: 'pre-wrap'
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    wordWrap: 'break-word',
+    whiteSpace: 'pre-wrap'
+  }
 });

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

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import PropTypes from 'prop-types';
 import { EditorContext } from '@atlaskit/editor-common/UNSAFE_do_not_use_editor_context';
-import { fg } from '@atlaskit/platform-feature-flags';
 import EditorActions from '../../actions';
 export const useEditorContext = () => React.useContext(EditorContext);
 
@@ -13,15 +12,9 @@ export class LegacyEditorContext extends React.Component {
     super(props);
   }
   render() {
-    if (fg('platform_editor_react18_phase2_v2') || fg('platform_editor_react18_phase2_v2_extended')) {
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      return /*#__PURE__*/React.createElement(LegacyEditorContextNew, this.props, this.props.children);
-    }
-
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-    return /*#__PURE__*/React.createElement(LegacyEditorContextOld, this.props, this.props.children);
+    return /*#__PURE__*/React.createElement(LegacyEditorContextNew, this.props, this.props.children);
   }
 }
 function LegacyEditorContextNew({

package/dist/es2019/version-wrapper.js

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

package/dist/esm/i18n/sk.js

@@ -7,7 +7,7 @@
  */
 //Slovak
 export default {
-  'fabric.editor.chromeCollapsedPlaceholder': 'None',
+  'fabric.editor.chromeCollapsedPlaceholder': 'Napíšte niečo…',
   'fabric.editor.editorAssistiveLabel': 'Hlavná oblasť obsahu, sem začnite zadávať text.',
-  'fabric.editor.headingLink.toolbarHelpTitle': 'None'
+  'fabric.editor.headingLink.toolbarHelpTitle': 'Otvoriť dialógové okno pomoci'
 };

package/dist/esm/i18n/sr.js

@@ -0,0 +1,13 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+export default {
+  'fabric.editor.chromeCollapsedPlaceholder': 'Unesite tekst…',
+  'fabric.editor.editorAssistiveLabel': 'Glavna oblast za sadržaj, počnite da unosite tekst.',
+  'fabric.editor.headingLink.toolbarHelpTitle': 'Otvori dijalog pomoći'
+};

package/dist/esm/presets/default.js

@@ -65,7 +65,9 @@ export function createDefaultPreset(options) {
   }]).add([hyperlinkPlugin, _objectSpread(_objectSpread({}, options.hyperlinkOptions), {}, {
     // @ts-ignore Temporary solution to check for Live Page editor.
     __livePage: options.__livePage
-  })]).add([textFormattingPlugin, options.textFormatting]).add(widthPlugin).add([quickInsertPlugin, options.quickInsert]).add([placeholderPlugin, options.placeholder]).add(unsupportedContentPlugin).add(editorDisabledPlugin).add([submitEditorPlugin, options.submitEditor]).add(copyButtonPlugin).add(floatingToolbarPlugin).add([selectionPlugin, _objectSpread(_objectSpread({}, options.selection), {}, {
+  })]).add([textFormattingPlugin, options.textFormatting]).add(widthPlugin).add([quickInsertPlugin, options.quickInsert]).add([placeholderPlugin, options.placeholder]).add(unsupportedContentPlugin).add([editorDisabledPlugin, {
+    initialDisabledState: options.disabled
+  }]).add([submitEditorPlugin, options.submitEditor]).add(copyButtonPlugin).add(floatingToolbarPlugin).add([selectionPlugin, _objectSpread(_objectSpread({}, options.selection), {}, {
     __livePage: options.__livePage
   })]).add([codeBlockPlugin, options.codeBlock]);
   return preset;