@atlaskit/editor-core 202.5.0 → 203.0.0

package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -12,13 +12,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
+var _types = require("@atlaskit/editor-common/types");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _widthDetector = require("@atlaskit/width-detector");
 var _isFullPage = require("../../utils/is-full-page");
 var _hooks = require("./hooks");
 var _Toolbar = require("./Toolbar");
 var _toolbarSize = require("./toolbar-size");
-var _types = require("./types");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**

package/dist/cjs/ui/Toolbar/toolbar-size.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.widthToToolbarSize = exports.toolbarSizeToWidth = void 0;
+var _types = require("@atlaskit/editor-common/types");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _isFullPage = require("../../utils/is-full-page");
-var _types = require("./types");
 // Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
 var toolbarSizesFullPageNext = [{
   width: _types.ToolbarWidthsFullPageNext.XXL,

package/dist/cjs/ui/WithHelpTrigger/index.js

@@ -15,9 +15,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _eventDispatcher = require("@atlaskit/editor-common/event-dispatcher");
 var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
 var _helpDialog = require("@atlaskit/editor-plugins/help-dialog");
-var _eventDispatcher = require("../../event-dispatcher");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var WithHelpTrigger = exports.default = /*#__PURE__*/function (_React$Component) {

package/dist/cjs/utils/{index.js → whichTransitionEvent.js}

@@ -1,24 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "getNodesCount", {
-  enumerable: true,
-  get: function get() {
-    return _getNodesCount.getNodesCount;
-  }
-});
-Object.defineProperty(exports, "measurements", {
-  enumerable: true,
-  get: function get() {
-    return _measureEnum.default;
-  }
-});
 exports.whichTransitionEvent = whichTransitionEvent;
-var _getNodesCount = require("./getNodesCount");
-var _measureEnum = _interopRequireDefault(require("./performance/measure-enum"));
 /*
  * From Modernizr
  * Returns the kind of transitionevent available for the element

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

package/dist/es2019/actions/index.js

@@ -1,11 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { createDispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { processRawFragmentValue, processRawValue } from '@atlaskit/editor-common/process-raw-value';
 import { analyticsEventKey } from '@atlaskit/editor-common/utils/analytics';
 import { Node } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { createDispatch } from '../event-dispatcher';
 import { getEditorValueWithMedia } from '../utils/action';
 import deprecationWarnings from '../utils/deprecation-warnings';
 import { findNodePosByFragmentLocalIds } from '../utils/nodes-by-localIds';
@@ -231,6 +231,11 @@ export default class EditorActions {
     }
     return isEmptyDocument(this.editorView.state.doc);
   }
+
+  /**
+   * @deprecated - please use `replaceDocument` found in the core plugin actions instead
+   * using this will reset your Editor State which could cause some things to break (like emojis)
+   */
   replaceDocument(
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   rawValue, shouldScrollToBottom = true, /** @deprecated [ED-14158] shouldAddToHistory is not being used in this function */

package/dist/es2019/composable-editor/composable-editor.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
-import { getUiComponent } from '../create-editor';
+import getUiComponent from '../create-editor/get-ui-component';
 import { CoreEditor } from './core-editor';
 export function ComposableEditor(props) {
   const AppearanceComponent = useMemo(() => getUiComponent(props.appearance), [props.appearance]);

package/dist/es2019/composable-editor.js

@@ -1 +1,4 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
 export { ComposableEditor } from './composable-editor/composable-editor';

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

@@ -6,17 +6,18 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, FULL_WIDTH_MODE
 import { browser } from '@atlaskit/editor-common/browser';
 import { getDocStructure } from '@atlaskit/editor-common/core-utils';
 import { countNodes } from '@atlaskit/editor-common/count-nodes';
+import { createDispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { getEnabledFeatureFlagKeys } from '@atlaskit/editor-common/normalize-feature-flags';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { measureRender } from '@atlaskit/editor-common/performance/measure-render';
 import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
 import { EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
 import { processRawValue, processRawValueWithoutValidation } from '@atlaskit/editor-common/process-raw-value';
+import { ReactEditorViewContext } from '@atlaskit/editor-common/ui-react';
 import { analyticsEventKey, getAnalyticsEventSeverity } from '@atlaskit/editor-common/utils/analytics';
 import { EditorState, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { createDispatch, EventDispatcher } from '../event-dispatcher';
 import { findChangedNodesFromTransaction } from '../utils/findChangedNodesFromTransaction';
 import { getNodesCount } from '../utils/getNodesCount';
 import { isFullPage } from '../utils/is-full-page';
@@ -32,7 +33,6 @@ import createPluginsList from './create-plugins-list';
 import { createSchema } from './create-schema';
 import { createFeatureFlagsFromProps } from './feature-flags-from-props';
 import { editorMessages } from './messages';
-import ReactEditorViewContext from './ReactEditorViewContext';
 const EDIT_AREA_ID = 'ak-editor-textarea';
 function handleEditorFocus(view) {
   if (view.hasFocus()) {

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

@@ -2,18 +2,19 @@ import React, { useCallback, useLayoutEffect, useMemo, useRef, useState } from '
 import { injectIntl } from 'react-intl-next';
 import uuid from 'uuid/v4';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, PLATFORMS } from '@atlaskit/editor-common/analytics';
+import { createDispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { useConstructor, usePreviousState } from '@atlaskit/editor-common/hooks';
 import { getEnabledFeatureFlagKeys } from '@atlaskit/editor-common/normalize-feature-flags';
 import { measureRender } from '@atlaskit/editor-common/performance/measure-render';
 import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
 import { EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
 import { processRawValue, processRawValueWithoutValidation } from '@atlaskit/editor-common/process-raw-value';
+import { ReactEditorViewContext } from '@atlaskit/editor-common/ui-react';
 import { analyticsEventKey, getAnalyticsEventSeverity } from '@atlaskit/editor-common/utils/analytics';
 import { EditorState, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useProviders } from '../composable-editor/hooks/useProviders';
-import { createDispatch, EventDispatcher } from '../event-dispatcher';
 import { getNodesCount } from '../utils/getNodesCount';
 import { isFullPage } from '../utils/is-full-page';
 import { RenderTracking } from '../utils/performance/components/RenderTracking';
@@ -29,7 +30,6 @@ import { handleEditorFocus } from './ReactEditorView/handleEditorFocus';
 import { useDispatchTransaction } from './ReactEditorView/useDispatchTransaction';
 import { useFireFullWidthEvent } from './ReactEditorView/useFireFullWidthEvent';
 import { usePluginPerformanceObserver } from './ReactEditorView/usePluginPerformanceObserver';
-import ReactEditorViewContext from './ReactEditorViewContext';
 const EDIT_AREA_ID = 'ak-editor-textarea';
 function ReactEditorView(props) {
   var _media, _linking, _linking$smartLinks, _props$render, _props$render2;

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

@@ -1,6 +1,6 @@
 import { ErrorReporter } from '@atlaskit/editor-common/error-reporter';
+import { sortByOrder } from '@atlaskit/editor-common/legacy-rank-plugins';
 import { createEditorStateNotificationPlugin } from './editorStateNotificationPlugin';
-import { sortByOrder } from './sort-by-order';
 export function sortByRank(a, b) {
   return a.rank - b.rank;
 }

package/dist/es2019/create-editor/create-plugins-list.js

@@ -17,7 +17,7 @@ export function getScrollGutterOptions(props) {
   return undefined;
 }
 export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent
-// Omit placeholder since it's an existing prop in `DefaultPresetPluginOptions` and will get overidden there
+// Omit placeholder since it's an existing prop in `DefaultPresetPluginOptions` and will get overridden there
 ) {
   var _props$linking, _props$textFormatting, _props$linking2;
   const appearance = props.appearance;

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

@@ -1,9 +1,9 @@
 import { sanitizeNodes } from '@atlaskit/adf-schema/schema';
+import { sortByOrder } from '@atlaskit/editor-common/legacy-rank-plugins';
 import { createProseMirrorMetadata } from '@atlaskit/editor-common/prosemirror-dom-metadata';
 import { Schema } from '@atlaskit/editor-prosemirror/model';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { fixExcludes } from './create-editor';
-import { sortByOrder } from './sort-by-order';
 /**
  * 🧱 Internal Helper Function: Editor FE Platform
  *

package/dist/es2019/create-editor/get-ui-component.js

@@ -1,6 +1,6 @@
 import Chromeless from '../ui/Appearance/Chromeless';
-import Comment from '../ui/Appearance/Comment';
-import FullPage from '../ui/Appearance/FullPage';
+import { CommentEditorWithIntl as Comment } from '../ui/Appearance/Comment/Comment';
+import { FullPageEditor as FullPage } from '../ui/Appearance/FullPage/FullPage';
 export default function getUiComponent(appearance) {
   appearance = appearance || 'comment';
   switch (appearance) {

package/dist/es2019/editor-appearances/CommentEditor.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { CoreEditor } from '../composable-editor/core-editor';
-import Comment from '../ui/Appearance/Comment';
+import { CommentEditorWithIntl as Comment } from '../ui/Appearance/Comment/Comment';
 /**
  * Editor component based on `ComposableEditor` which sets the `appearance` to "comment".
  *

package/dist/es2019/editor-appearances/FullPageEditor.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { CoreEditor } from '../composable-editor/core-editor';
-import FullPage from '../ui/Appearance/FullPage';
+import { FullPageEditor as FullPage } from '../ui/Appearance/FullPage/FullPage';
 /**
  * Editor component based on `ComposableEditor` which sets the `appearance` to "full-page".
  *

package/dist/es2019/editor-appearances/FullWidthEditor.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { CoreEditor } from '../composable-editor/core-editor';
-import FullPage from '../ui/Appearance/FullPage';
+import { FullPageEditor as FullPage } from '../ui/Appearance/FullPage/FullPage';
 /**
  * Editor component based on `ComposableEditor` which sets the `appearance` to "full-width".
  *

package/dist/es2019/editor-context.js

@@ -1 +1,4 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default as EditorContext } from './ui/EditorContext';

package/dist/es2019/editor.js

@@ -1,5 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/es2019/i18n/index.js

@@ -1,3 +1,6 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
 /**
  * NOTE:
  *

package/dist/es2019/index.js

@@ -1,3 +1,6 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
 // Used in products integration code
 export { name, version } from './version-wrapper';
 export { default as Editor } from './editor';
@@ -23,8 +26,9 @@ export {
  * DO NOT USE THIS WILL BE REMOVED SOON. This was intended for internal usage only
  */
 ContextPanel } from './ui/ContextPanel';
+
 // Used in editor-test-helpers and mobile bridge
-export { getNodesCount, measurements } from './utils';
-export { setTextSelection } from '@atlaskit/editor-common/utils';
+export { getNodesCount } from './utils/getNodesCount';
+export { default as measurements } from './utils/performance/measure-enum';
 export { default as EditorActions } from './actions';
 export { createEditorContentStyle } from './ui/ContentStyles';

package/dist/es2019/labs-next.js

@@ -1 +1,4 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
 export { createDefaultPreset } from '../src/presets/default';

package/dist/es2019/preset-default.js

@@ -1 +1,4 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
 export { createDefaultPreset, useDefaultPreset } from './presets/default';

package/dist/es2019/preset-universal.js

@@ -1,2 +1,5 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
 export { default as useUniversalPreset } from './presets/useUniversalPreset';
 export { default as createUniversalPresetInternal } from './presets/universal';

package/dist/es2019/test-utils.js

@@ -1,8 +1,11 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+import { sortByOrder } from '@atlaskit/editor-common/legacy-rank-plugins';
 import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 import { basePlugin } from '@atlaskit/editor-plugins/base';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { createSchema } from './create-editor/create-schema';
-import { sortByOrder } from './create-editor/sort-by-order';
 function lightProcessPluginsList(editorPlugins) {
   /**
    * First pass to collect pluginsOptions
@@ -78,8 +81,6 @@ export const createPMSchemaAndPlugins = (inputPreset = new EditorPresetBuilder()
     editorConfig
   };
 };
-export { EventDispatcher } from './event-dispatcher';
-export { GapCursorSelection, Side as GapCursorSide } from '@atlaskit/editor-common/selection';
 export function setTextSelection(view, anchor, head) {
   const {
     state

package/dist/es2019/ui/Appearance/Comment/Comment.js

@@ -11,16 +11,16 @@ import { useIntl } from 'react-intl-next';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/new';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import messages from '@atlaskit/editor-common/messages';
 import { GRID_GUTTER } from '@atlaskit/editor-common/styles';
 import { WidthConsumer, WidthProvider } from '@atlaskit/editor-common/ui';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
 import { tableCommentEditorStyles } from '@atlaskit/editor-plugins/table/ui/common-styles';
 import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
-import messages from '../../../messages';
-import { ClickAreaBlock } from '../../Addon';
+import ClickAreaBlock from '../../Addon/ClickAreaBlock';
 import { createEditorContentStyle } from '../../ContentStyles';
 import PluginSlot from '../../PluginSlot';
-import Toolbar from '../../Toolbar';
+import { ToolbarWithSizeDetector as Toolbar } from '../../Toolbar/ToolbarWithSizeDetector';
 import WithFlash from '../../WithFlash';
 import { MainToolbar, mainToolbarCustomComponentsSlotStyle } from './Toolbar';
 const CommentEditorMargin = 14;

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

@@ -10,7 +10,7 @@ import { jsx, useTheme } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { ClickAreaBlock } from '../../Addon';
+import ClickAreaBlock from '../../Addon/ClickAreaBlock';
 import { ContextPanel } from '../../ContextPanel';
 import PluginSlot from '../../PluginSlot';
 import { contentArea, contentAreaHeightNoToolbar, contentAreaWrapper, contentAreaWrapperNoStyles, editorContentAreaStyle, editorContentGutterStyle, ScrollContainer, sidebarArea } from './StyledComponents';

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

@@ -11,7 +11,7 @@ import { injectIntl } from 'react-intl-next';
 import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
 import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
-import Toolbar from '../../Toolbar';
+import { ToolbarWithSizeDetector as Toolbar } from '../../Toolbar/ToolbarWithSizeDetector';
 import { BeforePrimaryToolbarWrapper } from './BeforeWrapper';
 import { customToolbarWrapperStyle, mainToolbarFirstChildStyle, mainToolbarIconBeforeStyle, mainToolbarSecondChildStyle, mainToolbarStyle, MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, nonCustomToolbarWrapperStyle } from './MainToolbar';
 export const EditorToolbar = /*#__PURE__*/React.memo(props => {

package/dist/es2019/ui/ContentStyles/layout.js

@@ -6,7 +6,6 @@ import { tableMarginFullWidthMode } from '@atlaskit/editor-plugins/table/ui/cons
 import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, akEditorSwoopCubicBezier, akLayoutGutterOffset, getSelectionStyles, gridMediumMaxWidth, SelectionStyle } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-export { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN };
 const isPreRelease2 = () => {
   return editorExperiment('advanced_layouts', true) || fg('platform_editor_advanced_layouts_pre_release_2');
 };
@@ -227,12 +226,12 @@ css`
 		.fabric-editor--full-width-mode .ProseMirror {
 			> .layoutSectionView-content-wrap {
 				[data-layout-section] {
-					@container editor-area (max-width:854px) {
+					@container editor-area (max-width:724px) {
 						flex-direction: column;
 					}
 				}
 
-				${layoutWithSeparatorBorderResponsiveStyles(854, viewMode)}
+				${layoutWithSeparatorBorderResponsiveStyles(724, viewMode)}
 			}
 		}
 
@@ -240,12 +239,12 @@ css`
 		.ak-editor-content-area:not(.fabric-editor--full-width-mode) .ProseMirror {
 			> .layoutSectionView-content-wrap {
 				[data-layout-section] {
-					@container editor-area (max-width:918px) {
+					@container editor-area (max-width:788px) {
 						flex-direction: column;
 					}
 				}
 
-				${layoutWithSeparatorBorderResponsiveStyles(918, viewMode)}
+				${layoutWithSeparatorBorderResponsiveStyles(788, viewMode)}
 			}
 		}
 
@@ -253,12 +252,12 @@ css`
 		.ProseMirror .fabric-editor-breakout-mark {
 			.layoutSectionView-content-wrap {
 				[data-layout-section] {
-					@container editor-area (max-width:950px) {
+					@container editor-area (max-width:820px) {
 						flex-direction: column;
 					}
 				}
 
-				${layoutWithSeparatorBorderResponsiveStyles(950, viewMode)}
+				${layoutWithSeparatorBorderResponsiveStyles(820, viewMode)}
 			}
 		}
 	`;
@@ -356,6 +355,11 @@ export const layoutStyles = viewMode => css`
 
 	${editorExperiment('advanced_layouts', true) && layoutResponsiveStyles(viewMode)}
 
+	// hide separator when element is dragging on top of a layout column
+	[data-blocks-drop-target-container] ~ [data-layout-column] > [data-layout-content]::before {
+		display: none;
+	}
+
 	.fabric-editor--full-width-mode .ProseMirror {
 		[data-layout-section] {
 			.${TableCssClassName.TABLE_CONTAINER} {

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

@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
 import isEqual from 'lodash/isEqual';
 import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { whichTransitionEvent } from '../../utils';
+import { whichTransitionEvent } from '../../utils/whichTransitionEvent';
 import { ErrorBoundary } from '../ErrorBoundary';
 import { MountPluginHooks } from './mount-plugin-hooks';
 const pluginsComponentsWrapper = css({

package/dist/es2019/ui/Toolbar/Toolbar.js

@@ -1,6 +1,6 @@
 import React from 'react';
+import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { ToolbarInner } from './ToolbarInner';
-import { ToolbarSize } from './types';
 export const Toolbar = props => {
   return /*#__PURE__*/React.createElement(ToolbarInner, {
     items: props.items,

package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -8,13 +8,13 @@ import React, { useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
+import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 import { WidthObserver } from '@atlaskit/width-detector';
 import { isFullPage } from '../../utils/is-full-page';
 import { useElementWidth } from './hooks';
 import { Toolbar } from './Toolbar';
 import { toolbarSizeToWidth, widthToToolbarSize } from './toolbar-size';
-import { ToolbarSize } from './types';
 const toolbar = css({
   width: '100%',
   position: 'relative',

package/dist/es2019/ui/Toolbar/toolbar-size.js

@@ -1,7 +1,6 @@
+import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, ToolbarWidthsNext } from '@atlaskit/editor-common/types';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { isFullPage } from '../../utils/is-full-page';
-import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, ToolbarWidthsNext } from './types';
-
 // Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
 const toolbarSizesFullPageNext = [{
   width: ToolbarWidthsFullPageNext.XXL,

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

@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { createDispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { analyticsEventKey } from '@atlaskit/editor-common/utils/analytics';
 import { deprecatedOpenHelpCommand } from '@atlaskit/editor-plugins/help-dialog';
-import { createDispatch } from '../../event-dispatcher';
 export default class WithHelpTrigger extends React.Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/utils/{index.js → whichTransitionEvent.js}

@@ -1,6 +1,3 @@
-export { getNodesCount } from './getNodesCount';
-export { default as measurements } from './performance/measure-enum';
-
 /*
  * From Modernizr
  * Returns the kind of transitionevent available for the element

package/dist/es2019/version-wrapper.js

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

package/dist/esm/actions/index.js

@@ -4,12 +4,12 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { createDispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { processRawFragmentValue, processRawValue } from '@atlaskit/editor-common/process-raw-value';
 import { analyticsEventKey } from '@atlaskit/editor-common/utils/analytics';
 import { Node } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { createDispatch } from '../event-dispatcher';
 import { getEditorValueWithMedia } from '../utils/action';
 import deprecationWarnings from '../utils/deprecation-warnings';
 import { findNodePosByFragmentLocalIds } from '../utils/nodes-by-localIds';
@@ -312,6 +312,11 @@ var EditorActions = /*#__PURE__*/function () {
       }
       return isEmptyDocument(this.editorView.state.doc);
     }
+
+    /**
+     * @deprecated - please use `replaceDocument` found in the core plugin actions instead
+     * using this will reset your Editor State which could cause some things to break (like emojis)
+     */
   }, {
     key: "replaceDocument",
     value: function replaceDocument(

package/dist/esm/composable-editor/composable-editor.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
-import { getUiComponent } from '../create-editor';
+import getUiComponent from '../create-editor/get-ui-component';
 import { CoreEditor } from './core-editor';
 export function ComposableEditor(props) {
   var AppearanceComponent = useMemo(function () {

package/dist/esm/composable-editor.js

@@ -1 +1,4 @@
+// Disable no-re-export rule for entry point files
+/* eslint-disable @atlaskit/editor/no-re-export */
+
 export { ComposableEditor } from './composable-editor/composable-editor';

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

@@ -16,17 +16,18 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, FULL_WIDTH_MODE
 import { browser } from '@atlaskit/editor-common/browser';
 import { getDocStructure } from '@atlaskit/editor-common/core-utils';
 import { countNodes as _countNodes } from '@atlaskit/editor-common/count-nodes';
+import { createDispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { getEnabledFeatureFlagKeys } from '@atlaskit/editor-common/normalize-feature-flags';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { measureRender } from '@atlaskit/editor-common/performance/measure-render';
 import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
 import { EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
 import { processRawValue, processRawValueWithoutValidation } from '@atlaskit/editor-common/process-raw-value';
+import { ReactEditorViewContext } from '@atlaskit/editor-common/ui-react';
 import { analyticsEventKey, getAnalyticsEventSeverity } from '@atlaskit/editor-common/utils/analytics';
 import { EditorState, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { createDispatch, EventDispatcher } from '../event-dispatcher';
 import { findChangedNodesFromTransaction } from '../utils/findChangedNodesFromTransaction';
 import { getNodesCount } from '../utils/getNodesCount';
 import { isFullPage } from '../utils/is-full-page';
@@ -42,7 +43,6 @@ import createPluginsList from './create-plugins-list';
 import { createSchema } from './create-schema';
 import { createFeatureFlagsFromProps } from './feature-flags-from-props';
 import { editorMessages } from './messages';
-import ReactEditorViewContext from './ReactEditorViewContext';
 var EDIT_AREA_ID = 'ak-editor-textarea';
 function handleEditorFocus(view) {
   if (view.hasFocus()) {

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

@@ -6,18 +6,19 @@ import React, { useCallback, useLayoutEffect, useMemo, useRef, useState } from '
 import { injectIntl } from 'react-intl-next';
 import uuid from 'uuid/v4';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, PLATFORMS } from '@atlaskit/editor-common/analytics';
+import { createDispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { useConstructor, usePreviousState } from '@atlaskit/editor-common/hooks';
 import { getEnabledFeatureFlagKeys } from '@atlaskit/editor-common/normalize-feature-flags';
 import { measureRender } from '@atlaskit/editor-common/performance/measure-render';
 import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
 import { EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
 import { processRawValue, processRawValueWithoutValidation } from '@atlaskit/editor-common/process-raw-value';
+import { ReactEditorViewContext } from '@atlaskit/editor-common/ui-react';
 import { analyticsEventKey, getAnalyticsEventSeverity } from '@atlaskit/editor-common/utils/analytics';
 import { EditorState, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useProviders } from '../composable-editor/hooks/useProviders';
-import { createDispatch, EventDispatcher } from '../event-dispatcher';
 import { getNodesCount } from '../utils/getNodesCount';
 import { isFullPage } from '../utils/is-full-page';
 import { RenderTracking } from '../utils/performance/components/RenderTracking';
@@ -33,7 +34,6 @@ import { handleEditorFocus } from './ReactEditorView/handleEditorFocus';
 import { useDispatchTransaction } from './ReactEditorView/useDispatchTransaction';
 import { useFireFullWidthEvent } from './ReactEditorView/useFireFullWidthEvent';
 import { usePluginPerformanceObserver } from './ReactEditorView/usePluginPerformanceObserver';
-import ReactEditorViewContext from './ReactEditorViewContext';
 var EDIT_AREA_ID = 'ak-editor-textarea';
 function ReactEditorView(props) {
   var _media, _linking, _props$render, _props$render2;