@atlaskit/editor-core 153.1.1 → 154.0.0

package/dist/es2019/plugins/media/styles.js

@@ -1,5 +1,5 @@
 import { css } from 'styled-components';
-import { mediaSingleSharedStyle, richMediaClassName } from '@atlaskit/editor-common';
+import { mediaSingleSharedStyle, richMediaClassName } from '@atlaskit/editor-common/styles';
 import { akEditorDeleteBorder, akEditorDeleteBackground, akEditorSelectedBorderBoldSize, akEditorMediaResizeHandlerPaddingWide, akEditorMediaResizeHandlerPadding, akEditorSelectedNodeClassName, akEditorDeleteIconColor } from '@atlaskit/editor-shared-styles';
 import { N60, B200 } from '@atlaskit/theme/colors';
 import { fileCardImageViewSelector, fileCardImageViewSelectedSelector, inlinePlayerClassName, newFileExperienceClassName } from '@atlaskit/media-card';

package/dist/es2019/plugins/media/toolbar/index.js

@@ -81,13 +81,17 @@ const generateMediaCardFloatingToolbar = (state, intl, mediaPluginState) => {
     type: 'dropdown',
     title: intl.formatMessage(messages.displayThumbnail),
     options: [{
+      id: 'editor.media.view.switcher.inline',
       title: intl.formatMessage(cardMessages.inline),
       selected: false,
+      disabled: false,
       onClick: changeMediaCardToInline,
       testId: 'inline-appearance'
     }, {
+      id: 'editor.media.view.switcher.thumbnail',
       title: intl.formatMessage(messages.displayThumbnail),
       selected: true,
+      disabled: false,
       onClick: () => {
         return true;
       },
@@ -143,15 +147,19 @@ const generateMediaInlineFloatingToolbar = (state, intl, mediaPluginState) => {
     type: 'dropdown',
     title: intl.formatMessage(cardMessages.inline),
     options: [{
+      id: 'editor.media.view.switcher.inline',
       title: intl.formatMessage(cardMessages.inline),
       selected: true,
+      disabled: false,
       onClick: () => {
         return true;
       },
       testId: 'inline-appearance'
     }, {
+      id: 'editor.media.view.switcher.thumbnail',
       title: intl.formatMessage(messages.displayThumbnail),
       selected: false,
+      disabled: false,
       onClick: changeInlineToMediaCard,
       testId: 'thumbnail-appearance'
     }]

package/dist/es2019/plugins/media/ui/MediaLinkingToolbar.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { ErrorMessage } from '@atlaskit/editor-common';
+import { ErrorMessage } from '@atlaskit/editor-common/ui';
 import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
 import EditorUnlinkIcon from '@atlaskit/icon/glyph/editor/unlink'; // Common Translations will live here
 

package/dist/es2019/plugins/media/ui/MediaPicker/DropzoneWrapper.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Dropzone } from '@atlaskit/media-picker';
 import PickerFacadeProvider from './PickerFacadeProvider';
-import { findOverflowScrollParent } from '@atlaskit/editor-common';
+import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 export const DropzoneWrapper = ({
   mediaState,
   isActive,

package/dist/es2019/plugins/media/ui/MediaPicker/PickerFacadeProvider.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { MediaPicker } from '@atlaskit/media-picker';
-import { ErrorReporter } from '@atlaskit/editor-common';
+import { ErrorReporter } from '@atlaskit/editor-common/utils';
 import PickerFacade from '../../picker-facade';
 const dummyMediaPickerObject = {
   on: () => {},

package/dist/es2019/plugins/media/ui/ResizableMediaSingle/index.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from 'prosemirror-utils';
 import { getMediaClient } from '@atlaskit/media-client';
-import { calcPctFromPx, calcColumnsFromPx, wrappedLayouts } from '@atlaskit/editor-common';
+import { calcPctFromPx, calcColumnsFromPx, wrappedLayouts } from '@atlaskit/editor-common/ui';
 import { akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { Wrapper } from './styled';
 import Resizer from '../../../../ui/Resizer';

package/dist/es2019/plugins/media/ui/ResizableMediaSingle/styled.js

@@ -1,4 +1,4 @@
-import { MediaSingleDimensionHelper } from '@atlaskit/editor-common';
+import { MediaSingleDimensionHelper } from '@atlaskit/editor-common/ui';
 import styled from 'styled-components';
 export const Wrapper = styled.div`
   & > div {

package/dist/es2019/plugins/media/utils/media-single.js

@@ -1,6 +1,6 @@
 import { Fragment, Slice } from 'prosemirror-model';
 import { safeInsert as pmSafeInsert, hasParentNodeOfType } from 'prosemirror-utils';
-import { calcPxFromPct, wrappedLayouts } from '@atlaskit/editor-common';
+import { calcPxFromPct, wrappedLayouts } from '@atlaskit/editor-common/ui';
 import { akEditorBreakoutPadding, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
 import { checkNodeDown, isEmptyParagraph } from '../../../utils';
 import { copyOptionalAttrsFromMediaState } from '../utils/media-common';

package/dist/es2019/plugins/mentions/nodeviews/mention.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common';
+import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import Mention from '../ui/Mention';
 import { ReactNodeView } from '../../../nodeviews';
 import InlineNodeWrapper, { createMobileInlineDomRef } from '../../../ui/InlineNodeWrapper';

package/dist/es2019/plugins/mentions/styles.js

@@ -1,5 +1,5 @@
 import { css } from 'styled-components';
-import { MentionSharedCssClassName } from '@atlaskit/editor-common';
+import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
 import { SelectionStyle, getSelectionStyles, akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackgroundWithOpacity, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import { N500, N30A } from '@atlaskit/theme/colors';
 export const mentionsStyles = css`

package/dist/es2019/plugins/mentions/ui/Mention/index.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { PureComponent } from 'react';
 import { ResourcedMention } from '@atlaskit/mention/element';
-import { ProviderFactory, WithProviders } from '@atlaskit/editor-common';
+import { ProviderFactory, WithProviders } from '@atlaskit/editor-common/provider-factory';
 export default class Mention extends PureComponent {
   constructor(props) {
     super(props);

package/dist/es2019/plugins/mobile-dimensions/actions.js

@@ -4,4 +4,5 @@ export let MobileDimensionsActionTypes;
   MobileDimensionsActionTypes["SET_KEYBOARD_HEIGHT"] = "SET_KEYBOARD_HEIGHT";
   MobileDimensionsActionTypes["SET_WINDOW_HEIGHT"] = "SET_WINDOW_HEIGHT";
   MobileDimensionsActionTypes["SET_MOBILE_PADDING_TOP"] = "SET_MOBILE_PADDING_TOP";
+  MobileDimensionsActionTypes["SET_IS_EXPANDED"] = "SET_IS_EXPANDED";
 })(MobileDimensionsActionTypes || (MobileDimensionsActionTypes = {}));

package/dist/es2019/plugins/mobile-dimensions/commands.js

@@ -11,4 +11,8 @@ export const setWindowHeight = windowHeight => createCommand({
 export const setMobilePaddingTop = paddingTop => createCommand({
   type: MobileDimensionsActionTypes.SET_MOBILE_PADDING_TOP,
   paddingTop
+});
+export const setIsExpanded = isExpanded => createCommand({
+  type: MobileDimensionsActionTypes.SET_IS_EXPANDED,
+  isExpanded
 });

package/dist/es2019/plugins/mobile-dimensions/index.js

@@ -7,7 +7,8 @@ export const MIN_TAP_SIZE_PX = 44;
 const getInitialState = () => ({
   keyboardHeight: -1,
   mobilePaddingTop: 0,
-  windowHeight: window.innerHeight
+  windowHeight: window.innerHeight,
+  isExpanded: false
 });
 /**
  * Plugin to store the dimensions of the mobile such as keyboard height and window size
@@ -22,6 +23,10 @@ const createPlugin = dispatch => {
 
     view(editorView) {
       const handleResize = () => {
+        if (rafId) {
+          window.cancelAnimationFrame(rafId);
+        }
+
         let windowInnerHeight = window.innerHeight;
         let count = 0;
 
@@ -37,7 +42,11 @@ const createPlugin = dispatch => {
             } else {
               rafId = requestAnimationFrame(checkWindowHeight);
             }
+          } else {
+            rafId = requestAnimationFrame(checkWindowHeight);
           }
+
+          windowInnerHeight = window.innerHeight;
         };
 
         rafId = requestAnimationFrame(checkWindowHeight);

package/dist/es2019/plugins/mobile-dimensions/reducer.js

@@ -15,6 +15,11 @@ export default function (state, action) {
       return { ...state,
         mobilePaddingTop: action.paddingTop
       };
+
+    case MobileDimensionsActionTypes.SET_IS_EXPANDED:
+      return { ...state,
+        isExpanded: action.isExpanded
+      };
   }
 
   return state;

package/dist/es2019/plugins/panel/actions.js

@@ -2,7 +2,7 @@ import { removeParentNodeOfType, findSelectedNodeOfType, removeSelectedNode, fin
 import { NodeSelection } from 'prosemirror-state';
 import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, addAnalytics } from '../analytics';
 import { findPanel } from './utils';
-import { getPanelTypeBackground } from '@atlaskit/editor-common';
+import { getPanelTypeBackground } from '@atlaskit/editor-common/styles';
 export const removePanel = () => (state, dispatch) => {
   const {
     schema: {
@@ -56,13 +56,19 @@ export const changePanelType = (panelType, panelOptions = {}, allowCustomPanel =
   if (allowCustomPanel) {
     let previousColor = panelNode.node.attrs.panelColor || getPanelTypeBackground(previousType);
     let previousIcon = panelNode.node.attrs.panelIcon;
+    let previousIconId = panelNode.node.attrs.panelIconId;
+    let previousIconText = panelNode.node.attrs.panelIconText;
     let newPanelOptions = {
       color: previousColor,
       emoji: previousIcon,
+      emojiId: previousIconId,
+      emojiText: previousIconText,
       ...panelOptions
     };
     newTr = tr.setNodeMarkup(panelNode.pos, nodes.panel, {
       panelIcon: newPanelOptions.emoji,
+      panelIconId: newPanelOptions.emojiId,
+      panelIconText: newPanelOptions.emojiText,
       panelColor: newPanelOptions.color,
       panelType
     });

package/dist/es2019/plugins/panel/index.js

@@ -139,6 +139,8 @@ const panelPlugin = (options = {}) => ({
             return insertPanelTypeWithAnalytics({
               panelType: PanelType.CUSTOM,
               panelIcon: ':rainbow:',
+              panelIconId: '1f308',
+              panelIconText: '🌈',
               panelColor: T50
             }, state, insert);
           }

package/dist/es2019/plugins/panel/nodeviews/panel.js

@@ -1,25 +1,21 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { DOMSerializer } from 'prosemirror-model';
-import InfoIcon from '@atlaskit/icon/glyph/editor/info';
-import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
-import NoteIcon from '@atlaskit/icon/glyph/editor/note';
-import WarningIcon from '@atlaskit/icon/glyph/editor/warning';
-import ErrorIcon from '@atlaskit/icon/glyph/editor/error';
 import TipIcon from '@atlaskit/icon/glyph/editor/hint';
 import { PanelType } from '@atlaskit/adf-schema';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common';
-import { Emoji } from '@atlaskit/editor-common';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { Emoji } from '@atlaskit/editor-common/emoji';
 import { panelAttrsToDom } from '../utils';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
+import { PanelInfoIcon, PanelSuccessIcon, PanelNoteIcon, PanelWarningIcon, PanelErrorIcon } from '@atlaskit/editor-common/icons';
 export const panelIcons = {
-  info: InfoIcon,
-  success: SuccessIcon,
-  note: NoteIcon,
+  info: PanelInfoIcon,
+  success: PanelSuccessIcon,
+  note: PanelNoteIcon,
   tip: TipIcon,
-  warning: WarningIcon,
-  error: ErrorIcon,
-  custom: InfoIcon
+  warning: PanelWarningIcon,
+  error: PanelErrorIcon,
+  custom: PanelInfoIcon
 };
 export const PanelIcon = props => {
   const {
@@ -27,7 +23,9 @@ export const PanelIcon = props => {
     providerFactory,
     panelAttributes: {
       panelType,
-      panelIcon
+      panelIcon,
+      panelIconId,
+      panelIconText
     }
   } = props;
 
@@ -35,6 +33,8 @@ export const PanelIcon = props => {
     return /*#__PURE__*/React.createElement(Emoji, {
       providers: providerFactory,
       shortName: panelIcon,
+      id: panelIconId,
+      fallback: panelIconText,
       showTooltip: false,
       allowTextFallback: false,
       fitToHeight: akEditorCustomIconSize
@@ -77,7 +77,7 @@ class PanelNodeView {
 
   ignoreMutation(mutation) {
     // ignore mutation if it caused by the icon.
-    return mutation.target === this.icon;
+    return mutation.target === this.icon || mutation.target.parentNode === this.icon;
   }
 
 }

package/dist/es2019/plugins/panel/pm-plugins/main.js

@@ -1,5 +1,5 @@
 import { Plugin } from 'prosemirror-state';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { getPanelNodeView } from '../nodeviews/panel';
 import { pluginKey } from '../types';
 import { createSelectionClickHandler } from '../../selection/utils';

package/dist/es2019/plugins/panel/styles.js

@@ -1,5 +1,5 @@
 import { css } from 'styled-components';
-import { panelSharedStyles, PanelSharedCssClassName } from '@atlaskit/editor-common';
+import { panelSharedStyles, PanelSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { SelectionStyle, getSelectionStyles, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorDeleteIconColor, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 export const panelStyles = css`
   .ProseMirror {

package/dist/es2019/plugins/panel/toolbar.js

@@ -9,7 +9,7 @@ import commonMessages from '../../messages';
 import { removePanel, changePanelType } from './actions';
 import { hoverDecoration } from '../base/pm-plugins/decoration';
 import { panelBackgroundPalette } from '../../ui/ColorPalette/Palettes/panelBackgroundPalette';
-import { getPanelTypeBackground } from '@atlaskit/editor-common';
+import { getPanelTypeBackground } from '@atlaskit/editor-common/styles';
 import { findPanel } from './utils';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { DEFAULT_BORDER_COLOR } from '../../ui/ColorPalette/Palettes';
@@ -17,12 +17,30 @@ import { PanelType } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, withAnalytics } from '../analytics';
 import { messages } from './message';
 export const panelIconMap = {
-  [PanelType.INFO]: ':info:',
-  [PanelType.NOTE]: ':note:',
-  [PanelType.WARNING]: ':warning:',
-  [PanelType.ERROR]: ':cross_mark:',
-  [PanelType.SUCCESS]: ':check_mark:',
-  [PanelType.TIP]: ':tip:'
+  [PanelType.INFO]: {
+    shortName: ':info:',
+    id: 'atlassian-info'
+  },
+  [PanelType.NOTE]: {
+    shortName: ':note:',
+    id: 'atlassian-note'
+  },
+  [PanelType.WARNING]: {
+    shortName: ':warning:',
+    id: 'atlassian-warning'
+  },
+  [PanelType.ERROR]: {
+    shortName: ':cross_mark:',
+    id: 'atlassian-cross_mark'
+  },
+  [PanelType.SUCCESS]: {
+    shortName: ':check_mark:',
+    id: 'atlassian-check_mark'
+  },
+  [PanelType.TIP]: {
+    shortName: ':tip:',
+    id: 'atlassian-tip'
+  }
 };
 export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabled, isCustomPanelEditable, providerFactory, activePanelType, activePanelColor, activePanelIcon) => {
   const items = [{
@@ -72,9 +90,10 @@ export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabl
 
       let previousColor = panelNode.node.attrs.panelColor || getPanelTypeBackground(panelNode.node.attrs.panelType);
       const emojiInfo = panelNode.node.attrs.panelType;
-      const panelInfo = panelIconMap[emojiInfo];
-      const previousEmoji = panelInfo ? {
-        emoji: panelInfo
+      const panelEmoji = panelIconMap[emojiInfo];
+      const previousEmoji = panelEmoji ? {
+        emoji: panelEmoji.shortName,
+        emojiId: panelEmoji.id
       } : {};
 
       if (previousColor === color) {
@@ -111,9 +130,11 @@ export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabl
 
       let previousIcon = panelNode.node.attrs.panelIcon || '';
 
-      if (previousIcon === emoji) {
+      if (previousIcon === emoji.shortName) {
         changePanelType(PanelType.CUSTOM, {
-          emoji
+          emoji: emoji.shortName,
+          emojiId: emoji.id,
+          emojiText: emoji.fallback
         }, true)(state, dispatch);
         return false;
       }
@@ -123,13 +144,15 @@ export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabl
         actionSubject: ACTION_SUBJECT.PANEL,
         actionSubjectId: ACTION_SUBJECT_ID.PANEL,
         attributes: {
-          newIcon: emoji,
+          newIcon: emoji.shortName,
           previousIcon: previousIcon
         },
         eventType: EVENT_TYPE.TRACK
       };
       withAnalytics(payload)(changePanelType(PanelType.CUSTOM, {
-        emoji
+        emoji: emoji.shortName,
+        emojiId: emoji.id,
+        emojiText: emoji.fallback
       }, true))(state, dispatch);
       return false;
     };
@@ -155,7 +178,9 @@ export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabl
         eventType: EVENT_TYPE.TRACK
       };
       withAnalytics(payload)(changePanelType(PanelType.CUSTOM, {
-        emoji: undefined
+        emoji: undefined,
+        emojiId: undefined,
+        emojiText: undefined
       }, isCustomPanelEnabled))(state, dispatch);
       return false;
     };
@@ -184,7 +209,7 @@ export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabl
         selectType: 'emoji',
         options: [],
         selected: activePanelType === PanelType.CUSTOM && !!activePanelIcon,
-        onChange: emojiShortName => changeEmoji(emojiShortName)
+        onChange: emoji => changeEmoji(emoji)
       };
       const removeEmojiButton = {
         id: 'editor.panel.removeEmoji',

package/dist/es2019/plugins/panel/utils.js

@@ -1,6 +1,6 @@
 import { findSelectedNodeOfType, findParentNodeOfType } from 'prosemirror-utils';
 import { PanelType } from '@atlaskit/adf-schema';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles';
 export const findPanel = (state, selection) => {
   const {
     panel
@@ -11,11 +11,13 @@ export const panelAttrsToDom = (attrs, allowCustomPanel) => {
   const {
     panelColor,
     panelType,
-    panelIcon
+    panelIcon,
+    panelIconId,
+    panelIconText
   } = attrs;
   const isCustomPanel = panelType === PanelType.CUSTOM && allowCustomPanel;
   const style = panelColor && isCustomPanel ? `background-color: ${panelColor}` : '';
-  const hasIcon = !isCustomPanel || !!panelIcon;
+  const hasIcon = !isCustomPanel || !!panelIcon || !!panelIconId;
   let panelAttrs = {
     class: PanelSharedCssClassName.prefix,
     'data-panel-type': panelType || PanelType.INFO,
@@ -24,7 +26,9 @@ export const panelAttrsToDom = (attrs, allowCustomPanel) => {
 
   if (panelColor && isCustomPanel) {
     panelAttrs = { ...panelAttrs,
-      'data-panel-color': panelColor
+      'data-panel-color': panelColor,
+      'data-panel-icon-id': panelIconId,
+      'data-panel-icon-text': panelIconText
     };
   }
 

package/dist/es2019/plugins/paste/pm-plugins/main.js

@@ -19,7 +19,7 @@ import { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToC
 import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent } from './analytics';
 import { analyticsPluginKey, PasteTypes } from '../../analytics';
 import { insideTable, measurements } from '../../../utils';
-import { measureRender } from '@atlaskit/editor-common';
+import { measureRender } from '@atlaskit/editor-common/utils';
 import { transformSliceToCorrectMediaWrapper, unwrapNestedMediaElements } from '../../media/utils/media-common';
 import { transformSliceToRemoveColumnsWidths, transformSliceRemoveCellBackgroundColor } from '../../table/commands/misc';
 import { upgradeTextToLists, splitParagraphs } from '../../list/transforms';

package/dist/es2019/plugins/rule/styles.js

@@ -1,5 +1,5 @@
 import { css } from 'styled-components';
-import { ruleSharedStyles } from '@atlaskit/editor-common';
+import { ruleSharedStyles } from '@atlaskit/editor-common/styles';
 import { akEditorLineHeight, akEditorSelectedBorderColor, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 export const ruleStyles = css`
   .ProseMirror {

package/dist/es2019/plugins/selection/gap-cursor/actions.js

@@ -1,6 +1,6 @@
 import { Selection, TextSelection, NodeSelection } from 'prosemirror-state';
 import { removeNodeBefore, findDomRefAtPos } from 'prosemirror-utils';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common';
+import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import { Direction, isBackward, isForward } from './direction';
 import { GapCursorSelection, Side } from './selection';
 import { isTextBlockNearPos, getMediaNearPos } from './utils';

package/dist/es2019/plugins/selection/pm-plugins/selection-main.js

@@ -1,5 +1,5 @@
 import { Plugin, NodeSelection, TextSelection } from 'prosemirror-state';
-import { browser } from '@atlaskit/editor-common';
+import { browser } from '@atlaskit/editor-common/utils';
 import { createPluginState, getPluginState } from '../plugin-factory';
 import { selectionPluginKey } from '../types';
 import { getDecorations, shouldRecalcDecorations, getNodeSelectionAnalyticsPayload, getRangeSelectionAnalyticsPayload, getAllSelectionAnalyticsPayload, getCellSelectionAnalyticsPayload } from '../utils';

package/dist/es2019/plugins/status/nodeviews/status.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common';
+import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import { Status } from '@atlaskit/status/element';
 import { ReactNodeView } from '../../../nodeviews';
 import InlineNodeWrapper, { createMobileInlineDomRef } from '../../../ui/InlineNodeWrapper';
@@ -82,7 +82,7 @@ export class StatusNodeView extends ReactNodeView {
     } = this.node.attrs;
     return /*#__PURE__*/React.createElement(InlineNodeWrapper, {
       useInlineWrapper: options && options.useInlineWrapper
-    }, /*#__PURE__*/React.createElement(IntlStatusContainerView, {
+    }, options && options.allowZeroWidthSpaceAfter && ZERO_WIDTH_SPACE, /*#__PURE__*/React.createElement(IntlStatusContainerView, {
       view: this.view,
       text: text,
       color: color,

package/dist/es2019/plugins/status/plugin.js

@@ -1,6 +1,4 @@
 import { NodeSelection, Plugin, TextSelection } from 'prosemirror-state';
-import { Decoration, DecorationSet } from 'prosemirror-view';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common';
 import statusNodeView from './nodeviews/status';
 import { pluginKey } from './plugin-key';
 import { isEmptyStatus, mayGetStatusAtSelection } from './utils';
@@ -104,32 +102,7 @@ const createPlugin = (dispatch, portalProviderAPI, eventDispatcher, options) =>
   props: {
     nodeViews: {
       status: statusNodeView(portalProviderAPI, eventDispatcher, options)
-    },
-
-    decorations(state) {
-      const {
-        tr
-      } = state;
-      const nodeAtSelection = tr.doc.nodeAt(tr.selection.from);
-
-      if (options && options.allowZeroWidthSpaceAfter && nodeAtSelection && nodeAtSelection.type === state.schema.nodes.status) {
-        const delayedNodeRendering = () => {
-          return document.createTextNode(ZERO_WIDTH_SPACE);
-        };
-
-        const decoration = Decoration.widget(tr.selection.from, delayedNodeRendering, {
-          side: 1,
-          key: '#status-zero-width-char-decoration'
-        });
-        const {
-          doc
-        } = state;
-        return DecorationSet.create(doc, [decoration]);
-      }
-
-      return null;
     }
-
   }
 });
 

package/dist/es2019/plugins/status/styles.js

@@ -1,7 +1,19 @@
 import { css } from 'styled-components';
-import { StatusSharedCssClassName } from '@atlaskit/editor-common';
+import { StatusSharedCssClassName, TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { SelectionStyle, getSelectionStyles, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 export const statusStyles = css`
+  .${TableSharedCssClassName.TABLE_CELL_WRAPPER},
+    .${TableSharedCssClassName.TABLE_HEADER_CELL_WRAPPER},
+    [data-layout-section] {
+    .${StatusSharedCssClassName.STATUS_CONTAINER} {
+      max-width: 100%;
+      line-height: 0;
+
+      > span {
+        width: 100%;
+      }
+    }
+  }
   .${StatusSharedCssClassName.STATUS_CONTAINER} {
     // these two styles can be removed when displayInlineBlockForInlineNodes is enabled by default
     // as it will make all inline nodes inline-block by default

package/dist/es2019/plugins/status/ui/statusPicker.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import styled from 'styled-components';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { StatusPicker as AkStatusPicker } from '@atlaskit/status/picker';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';

package/dist/es2019/plugins/table/commands/collapse.js

@@ -1,13 +1,13 @@
 import { collapseSelectedTable } from '../utils/collapse';
 export const wrapTableInExpand = (state, dispatch) => {
-  const canCollapseTr = collapseSelectedTable(state.tr);
+  const collapseTr = collapseSelectedTable(state.tr);
 
-  if (!canCollapseTr) {
+  if (!collapseTr) {
     return false;
   }
 
   if (dispatch) {
-    dispatch(canCollapseTr);
+    dispatch(collapseTr);
   }
 
   return true;

package/dist/es2019/plugins/table/commands/sort.js

@@ -2,7 +2,7 @@ import { Selection } from 'prosemirror-state';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findCellRectClosestToPos } from '@atlaskit/editor-tables/utils';
 import { convertArrayOfRowsToTableNode, convertTableNodeToArrayOfRows, findTable, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
-import { createCompareNodes } from '@atlaskit/editor-common';
+import { createCompareNodes } from '@atlaskit/editor-common/utils';
 import { pluginKey } from '../../card/pm-plugins/main';
 import { createCommand, getPluginState } from '../pm-plugins/plugin-factory';
 import { TableSortStep, TableSortOrder as SortOrder } from '@atlaskit/adf-schema/steps';