@atlaskit/editor-core 191.3.1 → 191.4.0

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

@@ -1,15 +1,15 @@
 /** @jsx jsx */
 
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import Toolbar from '../../Toolbar';
-import { mainToolbarStyle, mainToolbarIconBeforeStyle, mainToolbarFirstChildStyle, mainToolbarSecondChildStyle, nonCustomToolbarWrapperStyle, customToolbarWrapperStyle, MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT } from './MainToolbar';
-import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
 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 { usePresetContext } from '../../../presets/context';
+import Toolbar from '../../Toolbar';
 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 => {
   var _props$featureFlags, _props$customPrimaryT, _props$featureFlags2, _props$featureFlags3, _editorAPI$avatarGrou, _props$collabEdit, _props$collabEdit2, _props$collabEdit3;
   const [shouldSplitToolbar, setShouldSplitToolbar] = useState(false);

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

@@ -1,13 +1,12 @@
 import { css } from '@emotion/react';
-import { N30 } from '@atlaskit/theme/colors';
-import { akEditorFloatingDialogZIndex, akEditorSwoopCubicBezier, akEditorToolbarKeylineHeight, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorFloatingDialogZIndex, akEditorMobileMaxWidth, akEditorSwoopCubicBezier, akEditorToolbarKeylineHeight } from '@atlaskit/editor-shared-styles';
 export const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
 const toolbarLineHeight = 56;
 
 // box-shadow is overriden by the mainToolbar
 const mainToolbarWithKeyline = css`
   box-shadow: 0 ${akEditorToolbarKeylineHeight}px 0 0
-    ${`var(--ds-border, ${N30})`};
+    ${"var(--ds-background-accent-gray-subtlest, #F1F2F4)"};
 `;
 const mainToolbarTwoLineStyle = css`
   @media (max-width: ${MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT}px) {

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

@@ -1,9 +1,9 @@
 import { css } from '@emotion/react';
-import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorSwoopCubicBezier, akLayoutGutterOffset, ATLASSIAN_NAVIGATION_HEIGHT, akEditorContextPanelWidth } from '@atlaskit/editor-shared-styles';
-import { taskListSelector, decisionListSelector } from '@atlaskit/adf-schema';
-import { createEditorContentStyle } from '../../ContentStyles';
+import { decisionListSelector, taskListSelector } from '@atlaskit/adf-schema';
 import { tableFullPageEditorStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';
 import { tableMarginFullWidthMode } from '@atlaskit/editor-plugin-table/ui/consts';
+import { akEditorContextPanelWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorSwoopCubicBezier, akLayoutGutterOffset, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
+import { createEditorContentStyle } from '../../ContentStyles';
 import { scrollbarStyles } from '../../styles';
 const SWOOP_ANIMATION = `0.5s ${akEditorSwoopCubicBezier}`;
 const TOTAL_PADDING = akEditorGutterPadding * 2;

package/dist/es2019/ui/AppearanceComponents/Mobile.js

@@ -1,11 +1,11 @@
 /** @jsx jsx */
-import React, { useCallback, forwardRef } from 'react';
+import React, { forwardRef, useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
-import WithFlash from '../WithFlash';
-import { createEditorContentStyle } from '../ContentStyles';
-import { ClickAreaMobile as ClickArea } from '../Addon';
-import { usePresetContext } from '../../presets/context';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { usePresetContext } from '../../presets/context';
+import { ClickAreaMobile as ClickArea } from '../Addon';
+import { createEditorContentStyle } from '../ContentStyles';
+import WithFlash from '../WithFlash';
 
 // Only mobile bridge is using this appearance. We have some plans to decouple the appearances from editor-core. So it doesn't make sense to move this plugin to a separated package for now.
 // Copied packages/editor/editor-mobile-bridge/src/editor/editor-plugins/mobile-dimensions/index.ts

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

@@ -1,11 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { PureComponent } from 'react';
-import { inputStyle } from './styles';
+import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { messages } from './messages';
+import { inputStyle } from './styles';
 class ChromeCollapsed extends PureComponent {
   constructor(...args) {
     super(...args);

package/dist/es2019/ui/ChromeCollapsed/styles.js

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
 import { akEditorSubtleAccent, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { borderRadius } from '@atlaskit/theme/constants';
 import { N300, N50 } from '@atlaskit/theme/colors';
+import { borderRadius } from '@atlaskit/theme/constants';
 export const inputStyle = css`
   /* Normal .className gets overridden by input[type=text] hence this hack to produce input.className */
   input& {

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

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { IntlProviderIfMissingWrapper } from '@atlaskit/editor-common/ui';
 import React from 'react';
-import Editor from '../../editor';
+import { IntlProviderIfMissingWrapper } from '@atlaskit/editor-common/ui';
 import { ComposableEditor } from '../../composable-editor';
+import Editor from '../../editor';
 import EditorWithActions from '../../EditorWithActions';
 import ChromeCollapsed from '../ChromeCollapsed';
 export default class CollapsedEditor extends React.Component {

package/dist/es2019/ui/ContentStyles/code-block.js

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
+import { CodeBlockSharedCssClassName, codeBlockSharedStyles } from '@atlaskit/editor-common/styles';
+import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 import { R75 } from '@atlaskit/theme/colors';
-import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorDeleteIconColor, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
-import { codeBlockSharedStyles, CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 const GutterDangerOverlay = () => css`
   &::after {
     height: 100%;

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

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
 import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { SelectionStyle, getSelectionStyles, akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 export const dateStyles = css`
   .${DateSharedCssClassName.DATE_CONTAINER} {
     .${DateSharedCssClassName.DATE_WRAPPER} {

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

@@ -1,9 +1,9 @@
 import { css } from '@emotion/react';
-import { N40A, N50A, N80A, R300, R50 } from '@atlaskit/theme/colors';
 import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
+import { expandClassNames } from '@atlaskit/editor-common/styles';
 import { sharedExpandStyles } from '@atlaskit/editor-common/ui';
 import { akEditorSelectedNodeClassName, akLayoutGutterOffset, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
-import { expandClassNames } from '@atlaskit/editor-common/styles';
+import { N40A, N50A, N80A, R300, R50 } from '@atlaskit/theme/colors';
 const EXPAND_SELECTED_BACKGROUND = "var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0.6))";
 const EXPAND_ICON_COLOR = () => css`
   color: ${`var(--ds-icon-subtle, ${N80A})`};

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

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { blockNodesVerticalMargin, akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackground, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
 export const extensionStyles = css`
   .multiBodiedExtensionView-content-wrap {

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

@@ -1,31 +1,31 @@
 /** @jsx jsx */
 import React, { useMemo } from 'react';
-import { jsx, css, useTheme } from '@emotion/react';
-import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles, resizerStyles, gridStyles, smartCardStyles, embedCardStyles, codeBlockInListSafariFix, unsupportedStyles, SmartCardSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackgroundWithOpacity, akEditorSelectedNodeClassName, blockNodesVerticalMargin, editorFontSize, getSelectionStyles, SelectionStyle, akEditorLineHeight, akEditorSelectedBorderColor } from '@atlaskit/editor-shared-styles';
-import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
+import { css, jsx, useTheme } from '@emotion/react';
 import { telepointerStyle } from '@atlaskit/editor-common/collab';
-import { tableStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';
+import { EmojiSharedCssClassName } from '@atlaskit/editor-common/emoji';
+import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
+import { gapCursorStyles } from '@atlaskit/editor-common/selection';
+import { annotationSharedStyles, blockMarksSharedStyles, codeBlockInListSafariFix, dateSharedStyle, embedCardStyles, gridStyles, indentationSharedStyles, listsSharedStyles, paragraphSharedStyles, resizerStyles, shadowSharedStyle, SmartCardSharedCssClassName, smartCardSharedStyles, smartCardStyles, tasksAndDecisionsStyles, textColorStyles, unsupportedStyles, whitespaceSharedStyles } from '@atlaskit/editor-common/styles';
+import { MediaSharedClassNames } from '@atlaskit/editor-common/styles';
+import { codeMarkSharedStyles, linkSharedStyle, ruleSharedStyles } from '@atlaskit/editor-common/styles';
+import { browser } from '@atlaskit/editor-common/utils';
 import { blocktypeStyles } from '@atlaskit/editor-plugin-block-type/styles';
+import { findReplaceStyles } from '@atlaskit/editor-plugin-find-replace/styles';
 import { textHighlightStyle } from '@atlaskit/editor-plugin-paste-options-toolbar/styles';
+import { placeholderTextStyles } from '@atlaskit/editor-plugin-placeholder-text/styles';
+import { tableStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';
+import { akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorLineHeight, akEditorSelectedBorderColor, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, editorFontSize, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
+import { N200, N30A, N500 } from '@atlaskit/theme/colors';
+import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewProducer.styles';
 import { codeBlockStyles } from './code-block';
-import { mediaStyles } from './media';
+import { dateStyles } from './date';
+import { expandStyles } from './expand';
+import { extensionStyles } from './extension';
 import { layoutStyles } from './layout';
+import { mediaStyles } from './media';
 import { panelStyles } from './panel';
-import { placeholderTextStyles } from '@atlaskit/editor-plugin-placeholder-text/styles';
-import { extensionStyles } from './extension';
-import { expandStyles } from './expand';
-import { MediaSharedClassNames } from '@atlaskit/editor-common/styles';
-import { findReplaceStyles } from '@atlaskit/editor-plugin-find-replace/styles';
-import { taskDecisionStyles } from './tasks-and-decisions';
 import { statusStyles } from './status';
-import { dateStyles } from './date';
-import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewProducer.styles';
-import { linkSharedStyle, codeMarkSharedStyles, ruleSharedStyles } from '@atlaskit/editor-common/styles';
-import { browser } from '@atlaskit/editor-common/utils';
-import { EmojiSharedCssClassName } from '@atlaskit/editor-common/emoji';
-import { N500, N30A, N200 } from '@atlaskit/theme/colors';
-import { gapCursorStyles } from '@atlaskit/editor-common/selection';
+import { taskDecisionStyles } from './tasks-and-decisions';
 export const linkStyles = css`
   .ProseMirror {
     ${linkSharedStyle}

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

@@ -1,9 +1,9 @@
 import { css } from '@emotion/react';
-import { N40A, N50A } from '@atlaskit/theme/colors';
-import { columnLayoutSharedStyle, LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from '@atlaskit/editor-common/styles';
-import { gridMediumMaxWidth, akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akLayoutGutterOffset, akEditorSwoopCubicBezier, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { columnLayoutSharedStyle, LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN } from '@atlaskit/editor-common/styles';
 import { TableCssClassName } from '@atlaskit/editor-plugin-table/types';
 import { tableMarginFullWidthMode } from '@atlaskit/editor-plugin-table/ui/consts';
+import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, akEditorSwoopCubicBezier, akLayoutGutterOffset, getSelectionStyles, gridMediumMaxWidth, SelectionStyle } from '@atlaskit/editor-shared-styles';
+import { N40A, N50A } from '@atlaskit/theme/colors';
 export { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN };
 export const layoutStyles = css`
   .ProseMirror {

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

@@ -1,9 +1,9 @@
 import { css } from '@emotion/react';
+import { mediaInlineImageStyles } from '@atlaskit/editor-common/media-inline';
 import { mediaSingleSharedStyle, richMediaClassName } from '@atlaskit/editor-common/styles';
 import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorSelectedBorderBoldSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import { fileCardImageViewSelector, inlinePlayerClassName, newFileExperienceClassName } from '@atlaskit/media-card';
 import { B200, N60, Y500 } from '@atlaskit/theme/colors';
-import { mediaInlineImageStyles } from '@atlaskit/editor-common/media-inline';
 export const mediaStyles = css`
   .ProseMirror {
     ${mediaSingleSharedStyle} & [layout='full-width'] .${richMediaClassName},

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

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { panelSharedStyles, PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
-import { SelectionStyle, getSelectionStyles, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorDeleteIconColor, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { PanelSharedCssClassName, panelSharedStyles } from '@atlaskit/editor-common/panel';
+import { akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 export const panelStyles = () => css`
   .ProseMirror {
     .${PanelSharedCssClassName.prefix} {

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

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
 import { StatusSharedCssClassName, TableSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { SelectionStyle, getSelectionStyles, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 export const statusStyles = css`
   .${TableSharedCssClassName.TABLE_CELL_WRAPPER},
     .${TableSharedCssClassName.TABLE_HEADER_CELL_WRAPPER},

package/dist/es2019/ui/ContentStyles/tasks-and-decisions.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
 import { TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { SelectionStyle, getSelectionStyles, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 export const taskDecisionStyles = css`
   [data-decision-wrapper] {
     cursor: pointer;

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

@@ -4,14 +4,14 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { useContext } from 'react';
 import { css, jsx } from '@emotion/react';
 import Transition from 'react-transition-group/Transition';
-import { N30 } from '@atlaskit/theme/colors';
-import { akEditorSwoopCubicBezier, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth, akEditorBreakoutPadding, akEditorContextPanelWidth, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
 import { ContextPanelConsumer, WidthContext } from '@atlaskit/editor-common/ui';
-import WithPluginState from '../WithPluginState';
-import WithEditorActions from '../WithEditorActions';
+import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
+import { akEditorBreakoutPadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorSwoopCubicBezier, akEditorWideLayoutWidth, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { N30 } from '@atlaskit/theme/colors';
 import { getChildBreakoutModes } from '../../utils/document';
-import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
+import WithEditorActions from '../WithEditorActions';
+import WithPluginState from '../WithPluginState';
 const ANIM_SPEED_MS = 500;
 const EDITOR_WIDTH = akEditorDefaultLayoutWidth + akEditorBreakoutPadding;
 const WIDE_EDITOR_WIDTH = akEditorWideLayoutWidth + akEditorBreakoutPadding;
@@ -176,6 +176,7 @@ export class SwappableContentArea extends React.PureComponent {
 // It might be that we need to inject the pluginInjectionApi
 // via context so that we can use it in this file (similar to
 // WithEditorActions). To be investigated further.
+
 // @ts-ignore
 const widthPluginKey = {
   key: 'widthPlugin$',

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { logException } from '@atlaskit/editor-common/monitoring';
 import { ACTION, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { logException } from '@atlaskit/editor-common/monitoring';
 export class ErrorBoundary extends React.Component {
   constructor(...args) {
     super(...args);

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

@@ -2,13 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
-import { WidthObserver } from '@atlaskit/width-detector';
 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 { widthToToolbarSize, toolbarSizeToWidth } from './toolbar-size';
 import { Toolbar } from './Toolbar';
+import { toolbarSizeToWidth, widthToToolbarSize } from './toolbar-size';
 import { ToolbarSize } from './types';
-import { isFullPage } from '../../utils/is-full-page';
 const toolbar = css`
   width: 100%;
   position: relative;

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

@@ -1,3 +1,3 @@
-import { ToolbarButton, TOOLBAR_BUTTON } from '@atlaskit/editor-common/ui-menu';
+import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 export { TOOLBAR_BUTTON };
 export default ToolbarButton;

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

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
-import ReactDOM from 'react-dom';
 import { PureComponent } from 'react';
+import { jsx } from '@emotion/react';
 import PropTypes from 'prop-types';
-import Spinner from '@atlaskit/spinner';
-import { Popup } from '@atlaskit/editor-common/ui';
+import ReactDOM from 'react-dom';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/custom-theme-button';
-import ToolbarButton from '../ToolbarButton';
-import withOuterListeners from '../with-outer-listeners';
-import { wrapper, buttonContent, confirmationPopup, confirmationText, confirmationHeader, confirmationImg } from './styles';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { createDispatch } from '../../event-dispatcher';
-import deprecationWarnings from '../../utils/deprecation-warnings';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { Popup } from '@atlaskit/editor-common/ui';
 import { analyticsEventKey } from '@atlaskit/editor-common/utils';
+import Spinner from '@atlaskit/spinner';
+import { createDispatch } from '../../event-dispatcher';
 import { usePresetContext } from '../../presets/context';
+import deprecationWarnings from '../../utils/deprecation-warnings';
+import ToolbarButton from '../ToolbarButton';
+import withOuterListeners from '../with-outer-listeners';
+import { buttonContent, confirmationHeader, confirmationImg, confirmationPopup, confirmationText, wrapper } from './styles';
 const PopupWithOutsideListeners = withOuterListeners(Popup);
 const POPUP_HEIGHT = 388;
 const POPUP_WIDTH = 280;

package/dist/es2019/ui/ToolbarFeedback/styles.js

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { N60A, N400, P400 } from '@atlaskit/theme/colors';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { N400, N60A, P400 } from '@atlaskit/theme/colors';
+import { borderRadius } from '@atlaskit/theme/constants';
 export const buttonContent = css`
   display: flex;
   height: 24px;

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

@@ -1,8 +1,8 @@
 import React from 'react';
+import { injectIntl } from 'react-intl-next';
 import QuestionIcon from '@atlaskit/icon/glyph/question';
 import ToolbarButton from '../ToolbarButton';
 import WithHelpTrigger from '../WithHelpTrigger';
-import { injectIntl } from 'react-intl-next';
 import { messages } from './messages';
 const TooltipHelpTrigger = ({
   title = 'Open help dialog',

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

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

package/dist/es2019/use-preset.js

@@ -33,7 +33,7 @@ import { usePresetContext } from './presets/context';
  * }
  * ```
  */
-export function usePreset(createPreset, dependencies) {
+export function usePreset(createPreset, dependencies = []) {
   const editorApi = usePresetContext();
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const preset = useMemo(createPreset, dependencies);

package/dist/es2019/utils/document.js

@@ -1,6 +1,6 @@
+import { getStepRange, processRawValue } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { getBreakoutMode } from './node-width';
-import { processRawValue, getStepRange } from '@atlaskit/editor-common/utils';
 export { isInEmptyLine } from '@atlaskit/editor-common/utils';
 export function processRawFragmentValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
   if (!value) {

package/dist/es2019/utils/extensions.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import Loadable from 'react-loadable';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { getQuickInsertItemsFromModule, resolveImport } from '@atlaskit/editor-common/extensions';
 import { combineProviders } from '@atlaskit/editor-common/provider-helpers';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 /**
  * Utils to send analytics event when a extension is inserted using quickInsert
  */

package/dist/es2019/utils/performance/components/RenderTracking.js

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import debounce from 'lodash/debounce';
-import { useComponentRenderTracking } from '@atlaskit/editor-common/utils';
 import { EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { useComponentRenderTracking } from '@atlaskit/editor-common/utils';
 export function RenderTracking(props) {
   const debouncedHandleAnalyticsEvent = useMemo(() => debounce(props.handleAnalyticsEvent, 500), [props.handleAnalyticsEvent]);
   useComponentRenderTracking({

package/dist/es2019/utils/performance/plugin-performance-observer.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { PluginPerformanceReport } from './plugin-performance-report';
-import { DEFAULT_USE_PERFORMANCE_MARK, EVENT_NAME_DISPATCH_TRANSACTION } from './track-transactions';
 import { SimpleMeasurementLogger } from './simple-measure-to-entries';
+import { DEFAULT_USE_PERFORMANCE_MARK, EVENT_NAME_DISPATCH_TRANSACTION } from './track-transactions';
 export class PluginPerformanceObserver {
   constructor(callback) {
     _defineProperty(this, "getNodeCounts", () => [{

package/dist/es2019/utils/performance/plugin-performance-report.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { outlier } from './outlier';
-import { EVENT_NAME_STATE_APPLY, EVENT_NAME_UPDATE_STATE, EVENT_NAME_ON_CHANGE, EVENT_NAME_VIEW_STATE_UPDATED } from './track-transactions';
+import { EVENT_NAME_ON_CHANGE, EVENT_NAME_STATE_APPLY, EVENT_NAME_UPDATE_STATE, EVENT_NAME_VIEW_STATE_UPDATED } from './track-transactions';
 export class PluginPerformanceReport {
   constructor(entry) {
     _defineProperty(this, "count", 0);

package/dist/es2019/utils/performance/simple-measure-to-entries.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { EVENT_NAME_DISPATCH_TRANSACTION, EVENT_NAME_STATE_APPLY, EVENT_NAME_UPDATE_STATE, EVENT_NAME_VIEW_STATE_UPDATED, EVENT_NAME_ON_CHANGE } from './track-transactions';
+import { EVENT_NAME_DISPATCH_TRANSACTION, EVENT_NAME_ON_CHANGE, EVENT_NAME_STATE_APPLY, EVENT_NAME_UPDATE_STATE, EVENT_NAME_VIEW_STATE_UPDATED } from './track-transactions';
 const EVENT_NAMES = [EVENT_NAME_STATE_APPLY, EVENT_NAME_UPDATE_STATE, EVENT_NAME_VIEW_STATE_UPDATED, EVENT_NAME_ON_CHANGE, EVENT_NAME_DISPATCH_TRANSACTION];
 
 /**

package/dist/es2019/utils/performance/track-transactions.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { isPerformanceAPIAvailable, startMeasure, stopMeasure, getTimeSince } from '@atlaskit/editor-common/utils';
+import { getTimeSince, isPerformanceAPIAvailable, startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 export const EVENT_NAME_STATE_APPLY = `🦉 EditorView::state::apply`;
 export const EVENT_NAME_UPDATE_STATE = `🦉 EditorView::updateState`;
 export const EVENT_NAME_VIEW_STATE_UPDATED = `🦉 EditorView::onEditorViewStateUpdated`;

package/dist/es2019/utils/prepare-extension-provider.js

@@ -1,5 +1,5 @@
-import { combineExtensionProviders } from '@atlaskit/editor-common/extensions';
 import memoizeOne from 'memoize-one';
+import { combineExtensionProviders } from '@atlaskit/editor-common/extensions';
 function prepareExtensionProvidersInternal(editorActions, extensionProviders) {
   if (!extensionProviders) {
     return;

package/dist/es2019/utils/prepare-quick-insert-provider.js

@@ -1,4 +1,4 @@
-import { extensionProviderToQuickInsertProvider, combineQuickInsertProviders } from './extensions';
+import { combineQuickInsertProviders, extensionProviderToQuickInsertProvider } from './extensions';
 
 /**
  *

package/dist/es2019/version-wrapper.js

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

package/dist/esm/actions/index.js

@@ -3,10 +3,10 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { analyticsEventKey, findNodePosByLocalIds, isEmptyDocument, processRawValue } from '@atlaskit/editor-common/utils';
 import { Node } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { analyticsEventKey, isEmptyDocument, processRawValue, findNodePosByLocalIds } from '@atlaskit/editor-common/utils';
 import { createDispatch } from '../event-dispatcher';
 import { toJSON } from '../utils';
 import { __temporaryFixForConfigPanel as _temporaryFixForConfigPanel, getEditorValueWithMedia } from '../utils/action';

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

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @jsx jsx */
-import { memo, Fragment, useCallback } from 'react';
+import { Fragment, memo, useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { PortalProviderWithThemeProviders, PortalRenderer } from '@atlaskit/editor-common/portal-provider';
@@ -13,8 +13,8 @@ import ErrorBoundary from '../create-editor/ErrorBoundary';
 import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
 import ReactEditorView from '../create-editor/ReactEditorView';
 import { ContextAdapter } from '../nodeviews/context-adapter';
-import EditorContext from '../ui/EditorContext';
 import { useSetPresetContext } from '../presets/context';
+import EditorContext from '../ui/EditorContext';
 import { RenderTracking } from '../utils/performance/components/RenderTracking';
 import { getBaseFontSize } from './utils/getBaseFontSize';
 /**

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

@@ -1,27 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { useRef, useCallback, useMemo } from 'react';
+import { useCallback, useMemo, useRef } from 'react';
 import { jsx } from '@emotion/react';
+import isEqual from 'lodash/isEqual';
 import uuid from 'uuid/v4';
 import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import { useConstructor } from '@atlaskit/editor-common/hooks';
 import { EditorExperience, ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { getAnalyticsAppearance, startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import { basePlugin } from '@atlaskit/editor-plugin-base';
-import isEqual from 'lodash/isEqual';
 import EditorActions from '../actions';
 import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
-import { name, version } from '../version-wrapper';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { useConstructor } from '@atlaskit/editor-common/hooks';
 import { useEditorContext } from '../ui/EditorContext';
 import measurements from '../utils/performance/measure-enum';
+import { name, version } from '../version-wrapper';
 import { EditorInternal } from './editor-internal';
-import sendDurationAnalytics from './utils/sendDurationAnalytics';
-import trackEditorActions from './utils/trackEditorActions';
 import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
-import useProviderFactory from './hooks/useProviderFactory';
 import useMemoEditorProps from './hooks/useMemoEditorProps';
+import useProviderFactory from './hooks/useProviderFactory';
+import sendDurationAnalytics from './utils/sendDurationAnalytics';
+import trackEditorActions from './utils/trackEditorActions';
 
 /**
  * Editor wrapper that deals with the lifecycle logic of the editor

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

@@ -14,11 +14,11 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import uuid from 'uuid';
 import { ACTION, ACTION_SUBJECT, editorAnalyticsChannel, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { getDocStructure } from '@atlaskit/editor-common/core-utils';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { IntlErrorBoundary } from '@atlaskit/editor-common/ui';
 import { isOutdatedBrowser, sniffUserBrowserExtensions } from '@atlaskit/editor-common/utils';
-import { getDocStructure } from '@atlaskit/editor-common/core-utils';
 import { WithEditorView } from './WithEditorView';
 export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundaryWithEditorView, _React$Component);