@atlaskit/editor-core 152.0.1 → 153.0.0

package/dist/es2019/plugins/find-replace/ui/Replace.js

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { jsx } from '@emotion/core';
 import Button from '@atlaskit/button/standard-button';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import Textfield from '@atlaskit/textfield';
 import { sectionWrapperStyles, replaceSectionButtonStyles } from './styles';
 import { EVENT_TYPE, ACTION, ACTION_SUBJECT, TRIGGER_METHOD } from '../../analytics/types';

package/dist/es2019/plugins/floating-toolbar/index.js

@@ -127,13 +127,13 @@ const floatingToolbarPlugin = () => ({
       name: 'floatingToolbar',
       plugin: ({
         dispatch,
-        reactContext,
-        providerFactory
+        providerFactory,
+        getIntl
       }) => floatingToolbarPluginFactory({
         floatingToolbarHandlers,
         dispatch,
-        reactContext,
-        providerFactory
+        providerFactory,
+        getIntl
       })
     }, {
       name: 'floatingToolbarData',
@@ -289,12 +289,10 @@ function floatingToolbarPluginFactory(options) {
   const {
     floatingToolbarHandlers,
     dispatch,
-    reactContext,
-    providerFactory
+    providerFactory,
+    getIntl
   } = options;
-  const {
-    intl
-  } = reactContext();
+  const intl = getIntl();
 
   const getConfigWithNodeInfo = editorState => {
     const activeConfigs = floatingToolbarHandlers.map(handler => handler(editorState, intl, providerFactory)).filter(filterUndefined).map(config => sanitizeFloatingToolbarConfig(config));

package/dist/es2019/plugins/floating-toolbar/ui/ConfirmationModal.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalTransition, ModalBody, ModalTitle, ModalHeader, ModalFooter } from '@atlaskit/modal-dialog';
 import messages from './messages';

package/dist/es2019/plugins/floating-toolbar/ui/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export default defineMessages({
   confirmModalDefaultHeading: {
     id: 'fabric.editor.floatingToolbar.confirmModalHeading',

package/dist/es2019/plugins/help-dialog/ui/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { injectIntl, defineMessages, FormattedMessage } from 'react-intl';
+import { injectIntl, defineMessages, FormattedMessage } from 'react-intl-next';
 import { browser } from '@atlaskit/editor-common';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
 import AkModalDialog, { ModalTransition, ModalBody, useModal } from '@atlaskit/modal-dialog';

package/dist/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -8,7 +8,7 @@ import { N90, N80, N30 } from '@atlaskit/theme/colors';
 import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
 import Tooltip from '@atlaskit/tooltip';
 import { PureComponent } from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { linkToolbarMessages as linkToolbarCommonMessages } from '../../../../messages';

package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
 import { Popup } from '@atlaskit/editor-common';
 import ToolbarButton from '../../../../ui/ToolbarButton';
@@ -32,8 +32,7 @@ const isDetachedElement = el => !document.body.contains(el);
 const noop = () => {};
 
 const EmojiPickerWithListeners = withOuterListeners(AkEmojiPicker);
-
-class ToolbarInsertBlock extends React.PureComponent {
+export class ToolbarInsertBlock extends React.PureComponent {
   constructor(...args) {
     super(...args);
 
@@ -556,5 +555,4 @@ class ToolbarInsertBlock extends React.PureComponent {
   }
 
 }
-
 export default injectIntl(ToolbarInsertBlock);

package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   action: {
     id: 'fabric.editor.action',

package/dist/es2019/plugins/layout/toolbar-messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const toolbarMessages = defineMessages({
   singleColumn: {
     id: 'fabric.editor.single',

package/dist/es2019/plugins/list/messages.js

@@ -1,5 +1,5 @@
 // Common Translations will live here
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   unorderedList: {
     id: 'fabric.editor.unorderedList',

package/dist/es2019/plugins/list/ui/ToolbarLists/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { PureComponent } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import BulletListIcon from '@atlaskit/icon/glyph/editor/bullet-list';
 import NumberListIcon from '@atlaskit/icon/glyph/editor/number-list';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';

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

@@ -77,21 +77,23 @@ const mediaPlugin = options => ({
         portalProviderAPI,
         reactContext,
         dispatchAnalyticsEvent
-      }) => createPlugin(schema, {
-        providerFactory,
-        nodeViews: {
-          mediaGroup: ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options),
-          mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, options),
-          media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options),
-          mediaInline: ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory)
-        },
-        errorReporter,
-        uploadErrorHandler: options && options.uploadErrorHandler,
-        waitForMediaUpload: options && options.waitForMediaUpload,
-        customDropzoneContainer: options && options.customDropzoneContainer,
-        customMediaPicker: options && options.customMediaPicker,
-        allowResizing: !!(options && options.allowResizing)
-      }, reactContext, dispatch, options)
+      }) => {
+        return createPlugin(schema, {
+          providerFactory,
+          nodeViews: {
+            mediaGroup: ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options),
+            mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, options),
+            media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options),
+            mediaInline: ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory)
+          },
+          errorReporter,
+          uploadErrorHandler: options && options.uploadErrorHandler,
+          waitForMediaUpload: options && options.waitForMediaUpload,
+          customDropzoneContainer: options && options.customDropzoneContainer,
+          customMediaPicker: options && options.customMediaPicker,
+          allowResizing: !!(options && options.allowResizing)
+        }, reactContext, dispatch, options);
+      }
     }, {
       name: 'mediaKeymap',
       plugin: () => keymapPlugin(options)

package/dist/es2019/plugins/media/nodeviews/mediaGroup.js

@@ -279,8 +279,9 @@ class MediaGroupNodeView extends ReactNodeView {
 }
 
 export const ReactMediaGroupNode = (portalProviderAPI, eventDispatcher, providerFactory, mediaOptions = {}) => (node, view, getPos) => {
+  const hasIntlContext = true;
   return new MediaGroupNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
     providerFactory,
     mediaOptions
-  }).init();
+  }, undefined, undefined, undefined, hasIntlContext).init();
 };

package/dist/es2019/plugins/media/nodeviews/mediaNodeView/index.js

@@ -152,9 +152,10 @@ class MediaNodeView extends SelectionBasedNodeView {
 }
 
 export const ReactMediaNode = (portalProviderAPI, eventDispatcher, providerFactory, mediaOptions = {}) => (node, view, getPos) => {
+  const hasIntlContext = true;
   return new MediaNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
     eventDispatcher,
     providerFactory,
     mediaOptions
-  }).init();
+  }, undefined, undefined, undefined, hasIntlContext).init();
 };

package/dist/es2019/plugins/media/nodeviews/mediaSingle.js

@@ -468,6 +468,7 @@ class MediaSingleNodeView extends ReactNodeView {
 }
 
 export const ReactMediaSingleNode = (portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, mediaOptions = {}) => (node, view, getPos) => {
+  const hasIntlContext = true;
   return new MediaSingleNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
     eventDispatcher,
     fullWidthMode: mediaOptions.fullWidthEnabled,
@@ -475,5 +476,5 @@ export const ReactMediaSingleNode = (portalProviderAPI, eventDispatcher, provide
     mediaOptions,
     dispatchAnalyticsEvent,
     isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled
-  }).init();
+  }, undefined, undefined, undefined, hasIntlContext).init();
 };

package/dist/es2019/plugins/media/pm-plugins/alt-text/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   altText: {
     id: 'fabric.editor.addAltText',

package/dist/es2019/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -5,7 +5,7 @@ import { N100, N30, R400, N80 } from '@atlaskit/theme/colors';
 import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import { messages } from '../messages';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import Button from '../../../../floating-toolbar/ui/Button';
 import PanelTextInput from '../../../../../ui/PanelTextInput';
 import * as keymaps from '../../../../../keymaps';

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

@@ -726,12 +726,13 @@ export const createPlugin = (_schema, options, reactContext, dispatch, mediaOpti
       },
 
       handleClick: (_editorView, _pos, event) => {
-        var _parentElement;
+        var _event$target;
 
-        // Workaround for Chrome given a regression introduced in prosemirror-view@1.18.6
+        const clickedInsideCaptionPlaceholder = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.closest(`[data-id="${CAPTION_PLACEHOLDER_ID}"]`); // Workaround for Chrome given a regression introduced in prosemirror-view@1.18.6
         // Returning true prevents that updateSelection() is getting called in the commit below:
         // @see https://github.com/ProseMirror/prosemirror-view/compare/1.18.5...1.18.6
-        return Boolean((browser.chrome || browser.safari) && event.target && CAPTION_PLACEHOLDER_ID === ((_parentElement = event.target.parentElement) === null || _parentElement === void 0 ? void 0 : _parentElement.dataset.id));
+
+        return Boolean((browser.chrome || browser.safari) && clickedInsideCaptionPlaceholder);
       }
     }
   });

package/dist/es2019/plugins/media/toolbar/toolbar-messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const toolbarMessages = defineMessages({
   annotate: {
     id: 'fabric.editor.annotate',

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import styled from 'styled-components';
 import { N200 } from '@atlaskit/theme/colors';
 import { messages } from './messages';

package/dist/es2019/plugins/media/ui/CaptionPlaceholder/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   placeholder: {
     id: 'fabric.editor.captionPlaceholder',

package/dist/es2019/plugins/media/ui/media-linking-toolbar-messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const mediaLinkToolbarMessages = defineMessages({
   backLink: {
     id: 'fabric.editor.backLink',

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   inviteItemTitle: {
     id: 'fabric.editor.inviteItem.title',

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import AddIcon from '@atlaskit/icon/glyph/add';
 import { N300 } from '@atlaskit/theme/colors';
 import React, { useCallback, useEffect } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { AvatarStyle, CapitalizedStyle, MentionItemStyle, NameSectionStyle, RowStyle, ROW_SIDE_PADDING, AVATAR_HEIGHT } from './styles';
 import { messages } from '../../messages';
 export const INVITE_ITEM_MIN_HEIGHT = AVATAR_HEIGHT + ROW_SIDE_PADDING * 2;

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   info: {
     id: 'fabric.editor.info',

package/dist/es2019/plugins/placeholder-text/ui/PlaceholderFloatingToolbar/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import PanelTextInput from '../../../../ui/PanelTextInput';
 import FloatingToolbar, { handlePositionCalculatedWith, getOffsetParent, getNearestNonTextNode } from '../../../../ui/FloatingToolbar';
 export const messages = defineMessages({

package/dist/es2019/plugins/quick-insert/index.js

@@ -16,9 +16,9 @@ const quickInsertPlugin = options => ({
       // It's important that this plugin is above TypeAheadPlugin
       plugin: ({
         providerFactory,
-        reactContext,
+        getIntl,
         dispatch
-      }) => quickInsertPluginFactory(quickInsert, providerFactory, reactContext().intl, dispatch, options === null || options === void 0 ? void 0 : options.emptyStateHandler)
+      }) => quickInsertPluginFactory(quickInsert, providerFactory, getIntl, dispatch, options === null || options === void 0 ? void 0 : options.emptyStateHandler)
     }];
   },
 
@@ -108,7 +108,7 @@ const setProviderState = providerState => (state, dispatch) => {
   return true;
 };
 
-function quickInsertPluginFactory(quickInsertItems, providerFactory, intl, dispatch, emptyStateHandler) {
+function quickInsertPluginFactory(quickInsertItems, providerFactory, getIntl, dispatch, emptyStateHandler) {
   return new Plugin({
     key: pluginKey,
     state: {
@@ -119,7 +119,7 @@ function quickInsertPluginFactory(quickInsertItems, providerFactory, intl, dispa
           // lazy so it doesn't run on editor initialization
           // memo here to avoid using a singleton cache, avoids editor
           // getting confused when two editors exist within the same page.
-          lazyDefaultItems: () => memoProcessItems(quickInsertItems || [], intl)
+          lazyDefaultItems: () => memoProcessItems(quickInsertItems || [], getIntl())
         };
       },
 

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

@@ -107,7 +107,8 @@ export const arrow = (dir, endOfTextblock) => (state, dispatch, view) => {
 
 
   if (selection instanceof GapCursorSelection && // next node allow gap cursor position
-  isValidTargetNode(isBackward(dir) ? $pos.nodeBefore : $pos.nodeAfter) && (isBackward(dir) && selection.side === Side.LEFT || isForward(dir) && selection.side === Side.RIGHT)) {
+  isValidTargetNode(isBackward(dir) ? $pos.nodeBefore : $pos.nodeAfter) && ( // gap cursor changes block node
+  isBackward(dir) && selection.side === Side.LEFT || isForward(dir) && selection.side === Side.RIGHT)) {
     // reverse cursor position
     if (dispatch) {
       dispatch(tr.setSelection(new GapCursorSelection($pos, selection.side === Side.RIGHT ? Side.LEFT : Side.RIGHT)).scrollIntoView());

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

@@ -44,7 +44,9 @@ export const createPlugin = (dispatch, dispatchAnalyticsEvent, options = {}) =>
           return;
         }
 
-        const analyticsPayload = getNodeSelectionAnalyticsPayload(state.selection) || getAllSelectionAnalyticsPayload(state.selection) || !editorView.mouseDown && (getRangeSelectionAnalyticsPayload(state.selection, state.doc) || getCellSelectionAnalyticsPayload(state)); // We have to use dispatchAnalyticsEvent over any of the analytics plugin helpers
+        const analyticsPayload = getNodeSelectionAnalyticsPayload(state.selection) || getAllSelectionAnalyticsPayload(state.selection) || // We handle all range/cell selections except click and drag here, which is
+        // handled in mouseup handler below
+        !editorView.mouseDown && (getRangeSelectionAnalyticsPayload(state.selection, state.doc) || getCellSelectionAnalyticsPayload(state)); // We have to use dispatchAnalyticsEvent over any of the analytics plugin helpers
         // as there were several issues caused by the fact that adding analytics through
         // the plugin adds a new step to the transaction
         // This causes prosemirror to run through some different code paths, eg. attempting

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   placeholder: {
     id: 'fabric.editor.statusPlaceholder',

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common';
 import { Status } from '@atlaskit/status/element';
@@ -93,7 +93,10 @@ export class StatusNodeView extends ReactNodeView {
 
 }
 export default function statusNodeView(portalProviderAPI, eventDispatcher, options) {
-  return (node, view, getPos) => new StatusNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
-    options
-  }).init();
+  return (node, view, getPos) => {
+    const hasIntlContext = true;
+    return new StatusNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
+      options
+    }, undefined, undefined, undefined, hasIntlContext).init();
+  };
 }

package/dist/es2019/plugins/table/pm-plugins/table-resizing/utils/resize-state.js

@@ -148,7 +148,8 @@ export const bulkColumnsResize = (resizeState, columnsIndexes, sourceColumnIndex
   });
   let newState = { ...resizeState,
     cols: cols.map(col => {
-      if (columnsIndexes.indexOf(col.index) > -1 || columnsIndexes.indexOf(sourceColumnIndex) > -1 && col.index < colIndex) {
+      if (columnsIndexes.indexOf(col.index) > -1 || // take from prev columns only if dragging the first handle to the left
+      columnsIndexes.indexOf(sourceColumnIndex) > -1 && col.index < colIndex) {
         return col;
       }
 

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import commonMessages from '../../messages';
 import { clearHoverSelection, hoverTable } from './commands';

package/dist/es2019/plugins/table/ui/FloatingContextualButton/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { findDomRefAtPos } from 'prosemirror-utils';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { Popup } from '@atlaskit/editor-common';
 import { akEditorFloatingOverlapPanelZIndex, akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
@@ -49,7 +49,7 @@ export class FloatingContextualButtonInner extends React.Component {
         formatMessage
       },
       dispatchAnalyticsEvent
-    } = this.props; //  : Props & InjectedIntlProps
+    } = this.props; //  : Props & WrappedComponentProps
 
     const domAtPos = editorView.domAtPos.bind(editorView);
     let targetCellRef;

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import { splitCell } from '@atlaskit/editor-tables/utils';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '../../../../keymaps';
 import ColorPalette from '../../../../ui/ColorPalette';
 import cellBackgroundColorPalette from '../../../../ui/ColorPalette/Palettes/cellBackgroundColorPalette';
@@ -61,8 +61,7 @@ export const messages = defineMessages({
     description: `Distribute widths between selected columns`
   }
 });
-
-class ContextualMenu extends Component {
+export class ContextualMenu extends Component {
   constructor(...args) {
     super(...args);
 

package/dist/es2019/plugins/table/ui/FloatingDeleteButton/DeleteButton.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { TableCssClassName as ClassName } from '../../types';
 
 const DeleteButton = ({

package/dist/es2019/plugins/table/ui/FloatingInsertButton/InsertButton.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { tableMarginTop } from '@atlaskit/editor-common';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import Tooltip from '@atlaskit/tooltip';

package/dist/es2019/plugins/table/ui/FloatingInsertButton/index.js

@@ -5,7 +5,7 @@ import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { Popup } from '@atlaskit/editor-common';
 import { closestElement } from '../../../../utils/dom';
 import { INPUT_METHOD } from '../../../analytics';
@@ -15,8 +15,7 @@ import { checkIfNumberColumnEnabled } from '../../utils';
 import getPopupOptions from './getPopupOptions';
 import InsertButton from './InsertButton';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, CONTENT_COMPONENT } from '../../../analytics/types/enums';
-
-class FloatingInsertButton extends React.Component {
+export class FloatingInsertButton extends React.Component {
   constructor(props) {
     super(props);
     this.insertColumn = this.insertColumn.bind(this);

package/dist/es2019/plugins/table/ui/LayoutButton/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import classnames from 'classnames';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { Popup } from '@atlaskit/editor-common';
 import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
 import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';

package/dist/es2019/plugins/table/ui/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export default defineMessages({
   insertColumn: {
     id: 'fabric.editor.insertColumn',

package/dist/es2019/plugins/tasks-and-decisions/nodeviews/decisionItem.js

@@ -48,5 +48,6 @@ class Decision extends ReactNodeView {
 }
 
 export const decisionItemNodeView = (portalProviderAPI, eventDispatcher) => (node, view, getPos) => {
-  return new Decision(node, view, getPos, portalProviderAPI, eventDispatcher, {}).init();
+  const hasIntlContext = true;
+  return new Decision(node, view, getPos, portalProviderAPI, eventDispatcher, {}, undefined, undefined, undefined, hasIntlContext).init();
 };

package/dist/es2019/plugins/tasks-and-decisions/nodeviews/taskItem.js

@@ -118,8 +118,9 @@ class Task extends ReactNodeView {
 
 export function taskItemNodeViewFactory(portalProviderAPI, eventDispatcher, providerFactory) {
   return (node, view, getPos) => {
+    const hasIntlContext = true;
     return new Task(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory
-    }).init();
+    }, undefined, undefined, undefined, hasIntlContext).init();
   };
 }

package/dist/es2019/plugins/tasks-and-decisions/pm-plugins/keymaps.js

@@ -173,7 +173,8 @@ const deleteHandler = filter([isInsideTaskOrDecisionItem, isEmptySelectionAtEnd]
   } // if nested, just unindent
 
 
-  if ($next.node($next.depth - 2).type === taskList || $next.node($next.depth - 1).type === taskList && $next.parent.type === taskList) {
+  if ($next.node($next.depth - 2).type === taskList || // this is for the case when we are on a non-nested item and next one is nested
+  $next.node($next.depth - 1).type === taskList && $next.parent.type === taskList) {
     const tr = liftBlock(state.tr, $next, $next);
 
     if (dispatch && tr) {

package/dist/es2019/plugins/tasks-and-decisions/ui/Decision/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import { DecisionItem } from '@atlaskit/task-decision';
 const messages = defineMessages({
   placeholder: {

package/dist/es2019/plugins/tasks-and-decisions/ui/Task/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent } from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import { ProviderFactory, WithProviders } from '@atlaskit/editor-common';
 import TaskItemWithProviders from './task-item-with-providers';
 const messages = defineMessages({

package/dist/es2019/plugins/tasks-and-decisions/ui/ToolbarDecision/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
 import { messages } from '../../../insert-block/ui/ToolbarInsertBlock/messages';

package/dist/es2019/plugins/tasks-and-decisions/ui/ToolbarTask/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import TaskIcon from '@atlaskit/icon/glyph/editor/task';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
 import { messages } from '../../../insert-block/ui/ToolbarInsertBlock/messages';

package/dist/es2019/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
@@ -34,8 +34,7 @@ export const messages = defineMessages({
     description: 'Fewer colors'
   }
 });
-
-class ToolbarTextColor extends React.Component {
+export class ToolbarTextColor extends React.Component {
   constructor(...args) {
     super(...args);
 
@@ -274,5 +273,4 @@ class ToolbarTextColor extends React.Component {
   }
 
 }
-
 export default injectIntl(ToolbarTextColor);