@atlaskit/editor-core 165.0.0 → 166.0.0

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

@@ -5,14 +5,13 @@ import { emoji } from '@atlaskit/adf-schema';
 import { Fragment } from 'prosemirror-model';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { EmojiTypeAheadItem, SearchSort, recordSelectionSucceededSli, recordSelectionFailedSli } from '@atlaskit/emoji';
+import { getInlineNodeViewProducer } from '../../nodeviews/getInlineNodeViewProducer';
 import { inputRulePlugin as asciiInputRulePlugin } from './pm-plugins/ascii-input-rules';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../analytics';
 import { IconEmoji } from '../quick-insert/assets';
-import emojiNodeView from './nodeviews/emoji';
-import emojiNodeViewNext from './nodeviews/emoji-next';
+import { EmojiNodeView } from './nodeviews/emoji';
 import { EmojiContextProvider } from './ui/EmojiContextProvider';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
-import { getFeatureFlags } from '../feature-flags-context';
 import { openTypeAheadAtCursor } from '../type-ahead/transforms/open-typeahead-at-cursor';
 export const emojiToTypeaheadItem = (emoji, emojiProvider) => ({
   title: emoji.shortName || '',
@@ -181,12 +180,7 @@ const emojiPlugin = options => {
     pmPlugins() {
       return [{
         name: 'emoji',
-        plugin: ({
-          providerFactory,
-          dispatch,
-          portalProviderAPI,
-          eventDispatcher
-        }) => emojiPluginFactory(dispatch, providerFactory, portalProviderAPI, eventDispatcher, options)
+        plugin: pmPluginFactoryParams => createEmojiPlugin(pmPluginFactoryParams)
       }, {
         name: 'emojiAsciiInputRule',
         plugin: ({
@@ -271,7 +265,7 @@ export const emojiPluginKey = new PluginKey('emojiPlugin');
 export function getEmojiPluginState(state) {
   return emojiPluginKey.getState(state) || {};
 }
-export function emojiPluginFactory(dispatch, providerFactory, portalProviderAPI, eventDispatcher, options) {
+export function createEmojiPlugin(pmPluginFactoryParams) {
   return new SafePlugin({
     key: emojiPluginKey,
     state: {
@@ -294,14 +288,14 @@ export function emojiPluginFactory(dispatch, providerFactory, portalProviderAPI,
             newPluginState = { ...pluginState,
               emojiProvider: params.provider
             };
-            dispatch(emojiPluginKey, newPluginState);
+            pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
             return newPluginState;
 
           case ACTIONS.SET_ASCII_MAP:
             newPluginState = { ...pluginState,
               asciiMap: params.asciiMap
             };
-            dispatch(emojiPluginKey, newPluginState);
+            pmPluginFactoryParams.dispatch(emojiPluginKey, newPluginState);
             return newPluginState;
         }
 
@@ -311,12 +305,13 @@ export function emojiPluginFactory(dispatch, providerFactory, portalProviderAPI,
     },
     props: {
       nodeViews: {
-        emoji(node, view, getPos) {
-          const featureFlags = getFeatureFlags(view.state);
-          const createEmojiNodeView = featureFlags !== null && featureFlags !== void 0 && featureFlags.nextEmojiNodeView ? emojiNodeViewNext(providerFactory, options) : emojiNodeView(portalProviderAPI, eventDispatcher, providerFactory, options);
-          return createEmojiNodeView(node, view, getPos);
-        }
-
+        emoji: getInlineNodeViewProducer({
+          pmPluginFactoryParams,
+          Component: EmojiNodeView,
+          extraComponentProps: {
+            providerFactory: pmPluginFactoryParams.providerFactory
+          }
+        })
       }
     },
 
@@ -340,11 +335,11 @@ export function emojiPluginFactory(dispatch, providerFactory, portalProviderAPI,
         return;
       };
 
-      providerFactory.subscribe('emojiProvider', providerHandler);
+      pmPluginFactoryParams.providerFactory.subscribe('emojiProvider', providerHandler);
       return {
         destroy() {
-          if (providerFactory) {
-            providerFactory.unsubscribe('emojiProvider', providerHandler);
+          if (pmPluginFactoryParams.providerFactory) {
+            pmPluginFactoryParams.providerFactory.unsubscribe('emojiProvider', providerHandler);
           }
         }
 

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

@@ -1,34 +1,15 @@
 import React from 'react';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import Emoji from '../ui/Emoji';
-import { ReactNodeView } from '../../../nodeviews';
-export class EmojiNodeView extends ReactNodeView {
-  createDomRef() {
-    return super.createDomRef();
-  }
-
-  render(props) {
-    const {
-      providerFactory,
-      options
-    } = props;
-    const {
-      shortName,
-      id,
-      text
-    } = this.node.attrs;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Emoji, {
-      providers: providerFactory,
-      id: id,
-      shortName: shortName,
-      fallback: text
-    }), options && options.allowZeroWidthSpaceAfter && ZERO_WIDTH_SPACE);
-  }
-
-}
-export default function emojiNodeView(portalProviderAPI, eventDispatcher, providerFactory, options) {
-  return (node, view, getPos) => new EmojiNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
-    providerFactory,
-    options
-  }).init();
+export function EmojiNodeView(props) {
+  const {
+    shortName,
+    id,
+    text
+  } = props.node.attrs;
+  return /*#__PURE__*/React.createElement(Emoji, {
+    providers: props.providerFactory,
+    id: id,
+    shortName: shortName,
+    fallback: text
+  });
 }

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

@@ -1,8 +1,6 @@
 import { css } from '@emotion/react';
-import { N0, N20, N900 } from '@atlaskit/theme/colors';
-import { borderRadius, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
 import { EmojiSharedCssClassName } from '@atlaskit/editor-common/emoji';
-import { SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 export const emojiStyles = css`
   .${EmojiSharedCssClassName.EMOJI_CONTAINER} {
     display: inline-block;
@@ -24,83 +22,4 @@ export const emojiStyles = css`
       }
     }
   }
-`;
-const grid = gridSize() / 2;
-const fontSize = fontSizeSmall();
-const lineHeight = 4 * grid / fontSize;
-const maxWidth = 105 * grid; // ~420px
-
-const leftAndRightTextPadding = 2 * grid;
-const topAndBottomPadding = grid / 4;
-const marginDistance = 2 * grid;
-export const emojiStylesNext = css`
-  .editor-emoji {
-    position: relative;
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    background-repeat: none;
-    background-size: contain;
-    cursor: pointer;
-    vertical-align: middle;
-
-    &.editor-emoji-loading {
-      border-radius: ${borderRadius()}px;
-      background: ${N20};
-    }
-
-    &.editor-emoji-fallback {
-      display: inline;
-      background: transparent;
-      vertical-align: baseline;
-    }
-
-    &.ProseMirror-selectednode:empty {
-      outline: none;
-    }
-
-    &:not(.editor-emoji-fallback) {
-      font-size: 0px;
-    }
-
-    &:not(.editor-emoji-fallback)::before {
-      content: attr(data-emoji-shortname);
-      display: block;
-      box-sizing: border-box;
-      width: auto;
-      position: absolute;
-      top: 100%;
-      left: 50%;
-      transform: translate(-50%, ${marginDistance}px);
-
-      // packages/css-packs/reduced-ui-pack/src/tooltip.js:25
-      color: ${N0};
-      background-color: ${N900};
-      font-size: ${relativeFontSizeToBase16(fontSize)};
-      line-height: ${lineHeight};
-      max-width: ${maxWidth}px;
-      border-radius: ${borderRadius()}px;
-      overflow: hidden;
-      padding: ${topAndBottomPadding}px ${leftAndRightTextPadding}px;
-      pointer-events: none;
-      text-decoration: none;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      z-index: 10000;
-
-      opacity: 0; // invisible by default
-      transition: opacity 0.35s; // (durationStep * 14)
-    }
-
-    &:not(.editor-emoji-fallback):hover::before {
-      opacity: 1;
-      transition: opacity 0s 0.35s; // (durationStep * 14)
-    }
-
-    &.${akEditorSelectedNodeClassName} {
-      z-index: 2;
-      border-radius: 2px;
-      ${getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.BoxShadow])}
-    }
-  }
 `;

package/dist/es2019/plugins/expand/ui/styles.js

@@ -19,10 +19,10 @@ const EXPAND_ICON_COLOR = props => css`
 `;
 
 const ACTIVE_STATE_BACKGROUND_COLOR = themed({
-  dark: `#0C294F`
+  dark: `#0C294F4B`
 });
 const ACTIVE_STATE_BORDER = themed({
-  dark: `1px solid #4794ff`
+  dark: `1px solid #4794ff4B`
 });
 const ACTIVE_STATE_BORDER_RADIUS = themed({
   dark: '3px'

package/dist/es2019/plugins/extension/ui/styles.js

@@ -1,5 +1,6 @@
 import { css } from '@emotion/react';
 import { blockNodesVerticalMargin, akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackground, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { token } from '@atlaskit/tokens';
 export const extensionStyles = css`
   .extensionView-content-wrap,
   .bodiedExtensionView-content-wrap {
@@ -20,8 +21,9 @@ export const extensionStyles = css`
     }
 
     &.danger > span > .extension-container {
-      box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px ${akEditorDeleteBorder};
-      background-color: ${akEditorDeleteBackground};
+      box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
+        ${token('color.border.danger', akEditorDeleteBorder)};
+      background-color: ${token('color.background.danger', akEditorDeleteBackground)};
     }
 
     &.inline {

package/dist/es2019/plugins/feature-flags-context/feature-flags-from-props.js

@@ -12,7 +12,7 @@ const safeNumberFeatureFlag = value => {
 
 
 export function createFeatureFlagsFromProps(props) {
-  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$collabEdit, _props$collabEdit2, _props$featureFlags37, _props$featureFlags38;
+  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$allowTables, _props$featureFlags3, _props$featureFlags4, _props$allowTables2, _props$featureFlags5, _props$featureFlags6, _props$allowTables3, _props$featureFlags7, _props$featureFlags8, _props$allowTables4, _props$featureFlags9, _props$featureFlags10, _props$allowTables5, _props$allowExtension, _props$featureFlags11, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$collabEdit, _props$collabEdit2, _props$featureFlags34, _props$featureFlags35;
 
   const normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return { ...normalizedFeatureFlags,
@@ -28,29 +28,27 @@ export function createFeatureFlagsFromProps(props) {
     singleLayout: typeof props.allowLayouts === 'object' && !!((_props$allowLayouts = props.allowLayouts) !== null && _props$allowLayouts !== void 0 && _props$allowLayouts.UNSAFE_allowSingleColumnLayout),
     undoRedoButtons: props.UNSAFE_allowUndoRedoButtons,
     catchAllTracking: (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 ? void 0 : (_props$performanceTra2 = _props$performanceTra.catchAllTracking) === null || _props$performanceTra2 === void 0 ? void 0 : _props$performanceTra2.enabled,
-    nextEmojiNodeView: ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.nextEmojiNodeView) === true,
-    stickyHeadersOptimization: typeof ((_props$featureFlags2 = props.featureFlags) === null || _props$featureFlags2 === void 0 ? void 0 : _props$featureFlags2.stickyHeadersOptimization) === 'boolean' ? !!((_props$featureFlags3 = props.featureFlags) !== null && _props$featureFlags3 !== void 0 && _props$featureFlags3.stickyHeadersOptimization) : typeof props.allowTables === 'object' && !!((_props$allowTables = props.allowTables) !== null && _props$allowTables !== void 0 && _props$allowTables.stickyHeadersOptimization),
-    initialRenderOptimization: typeof ((_props$featureFlags4 = props.featureFlags) === null || _props$featureFlags4 === void 0 ? void 0 : _props$featureFlags4.initialRenderOptimization) === 'boolean' ? !!((_props$featureFlags5 = props.featureFlags) !== null && _props$featureFlags5 !== void 0 && _props$featureFlags5.initialRenderOptimization) : typeof props.allowTables === 'object' && !!((_props$allowTables2 = props.allowTables) !== null && _props$allowTables2 !== void 0 && _props$allowTables2.initialRenderOptimization),
-    mouseMoveOptimization: typeof ((_props$featureFlags6 = props.featureFlags) === null || _props$featureFlags6 === void 0 ? void 0 : _props$featureFlags6.mouseMoveOptimization) === 'boolean' ? !!((_props$featureFlags7 = props.featureFlags) !== null && _props$featureFlags7 !== void 0 && _props$featureFlags7.mouseMoveOptimization) : typeof props.allowTables === 'object' && !!((_props$allowTables3 = props.allowTables) !== null && _props$allowTables3 !== void 0 && _props$allowTables3.mouseMoveOptimization),
-    tableRenderOptimization: typeof ((_props$featureFlags8 = props.featureFlags) === null || _props$featureFlags8 === void 0 ? void 0 : _props$featureFlags8.tableRenderOptimization) === 'boolean' ? !!((_props$featureFlags9 = props.featureFlags) !== null && _props$featureFlags9 !== void 0 && _props$featureFlags9.tableRenderOptimization) : typeof props.allowTables === 'object' && !!((_props$allowTables4 = props.allowTables) !== null && _props$allowTables4 !== void 0 && _props$allowTables4.tableRenderOptimization),
-    tableOverflowShadowsOptimization: typeof ((_props$featureFlags10 = props.featureFlags) === null || _props$featureFlags10 === void 0 ? void 0 : _props$featureFlags10.tableOverflowShadowsOptimization) === 'boolean' ? !!((_props$featureFlags11 = props.featureFlags) !== null && _props$featureFlags11 !== void 0 && _props$featureFlags11.tableOverflowShadowsOptimization) : typeof props.allowTables === 'object' && !!((_props$allowTables5 = props.allowTables) !== null && _props$allowTables5 !== void 0 && _props$allowTables5.tableOverflowShadowsOptimization),
+    stickyHeadersOptimization: typeof ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.stickyHeadersOptimization) === 'boolean' ? !!((_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.stickyHeadersOptimization) : typeof props.allowTables === 'object' && !!((_props$allowTables = props.allowTables) !== null && _props$allowTables !== void 0 && _props$allowTables.stickyHeadersOptimization),
+    initialRenderOptimization: typeof ((_props$featureFlags3 = props.featureFlags) === null || _props$featureFlags3 === void 0 ? void 0 : _props$featureFlags3.initialRenderOptimization) === 'boolean' ? !!((_props$featureFlags4 = props.featureFlags) !== null && _props$featureFlags4 !== void 0 && _props$featureFlags4.initialRenderOptimization) : typeof props.allowTables === 'object' && !!((_props$allowTables2 = props.allowTables) !== null && _props$allowTables2 !== void 0 && _props$allowTables2.initialRenderOptimization),
+    mouseMoveOptimization: typeof ((_props$featureFlags5 = props.featureFlags) === null || _props$featureFlags5 === void 0 ? void 0 : _props$featureFlags5.mouseMoveOptimization) === 'boolean' ? !!((_props$featureFlags6 = props.featureFlags) !== null && _props$featureFlags6 !== void 0 && _props$featureFlags6.mouseMoveOptimization) : typeof props.allowTables === 'object' && !!((_props$allowTables3 = props.allowTables) !== null && _props$allowTables3 !== void 0 && _props$allowTables3.mouseMoveOptimization),
+    tableRenderOptimization: typeof ((_props$featureFlags7 = props.featureFlags) === null || _props$featureFlags7 === void 0 ? void 0 : _props$featureFlags7.tableRenderOptimization) === 'boolean' ? !!((_props$featureFlags8 = props.featureFlags) !== null && _props$featureFlags8 !== void 0 && _props$featureFlags8.tableRenderOptimization) : typeof props.allowTables === 'object' && !!((_props$allowTables4 = props.allowTables) !== null && _props$allowTables4 !== void 0 && _props$allowTables4.tableRenderOptimization),
+    tableOverflowShadowsOptimization: typeof ((_props$featureFlags9 = props.featureFlags) === null || _props$featureFlags9 === void 0 ? void 0 : _props$featureFlags9.tableOverflowShadowsOptimization) === 'boolean' ? !!((_props$featureFlags10 = props.featureFlags) !== null && _props$featureFlags10 !== void 0 && _props$featureFlags10.tableOverflowShadowsOptimization) : typeof props.allowTables === 'object' && !!((_props$allowTables5 = props.allowTables) !== null && _props$allowTables5 !== void 0 && _props$allowTables5.tableOverflowShadowsOptimization),
     extendFloatingToolbar: Boolean(typeof props.allowExtension === 'object' && ((_props$allowExtension = props.allowExtension) === null || _props$allowExtension === void 0 ? void 0 : _props$allowExtension.allowExtendFloatingToolbars)),
-    displayInlineBlockForInlineNodes: Boolean(typeof ((_props$featureFlags12 = props.featureFlags) === null || _props$featureFlags12 === void 0 ? void 0 : _props$featureFlags12.displayInlineBlockForInlineNodes) === 'boolean' ? !!((_props$featureFlags13 = props.featureFlags) !== null && _props$featureFlags13 !== void 0 && _props$featureFlags13.displayInlineBlockForInlineNodes) : false),
-    useUnpredictableInputRule: Boolean(typeof ((_props$featureFlags14 = props.featureFlags) === null || _props$featureFlags14 === void 0 ? void 0 : _props$featureFlags14.useUnpredictableInputRule) === 'boolean' ? !!((_props$featureFlags15 = props.featureFlags) !== null && _props$featureFlags15 !== void 0 && _props$featureFlags15.useUnpredictableInputRule) : props.UNSAFE_allowUndoRedoButtons ? false : true),
-    showAvatarGroupAsPlugin: Boolean(typeof ((_props$featureFlags16 = props.featureFlags) === null || _props$featureFlags16 === void 0 ? void 0 : _props$featureFlags16.showAvatarGroupAsPlugin) === 'boolean' ? !!((_props$featureFlags17 = props.featureFlags) !== null && _props$featureFlags17 !== void 0 && _props$featureFlags17.showAvatarGroupAsPlugin) : false),
-    errorBoundaryDocStructure: Boolean(typeof ((_props$featureFlags18 = props.featureFlags) === null || _props$featureFlags18 === void 0 ? void 0 : _props$featureFlags18.useErrorBoundaryDocStructure) === 'boolean' ? !!((_props$featureFlags19 = props.featureFlags) !== null && _props$featureFlags19 !== void 0 && _props$featureFlags19.useErrorBoundaryDocStructure) : false),
-    synchronyErrorDocStructure: Boolean(typeof ((_props$featureFlags20 = props.featureFlags) === null || _props$featureFlags20 === void 0 ? void 0 : _props$featureFlags20.synchronyErrorDocStructure) === 'boolean' ? !!((_props$featureFlags21 = props.featureFlags) !== null && _props$featureFlags21 !== void 0 && _props$featureFlags21.synchronyErrorDocStructure) : false),
-    enableViewUpdateSubscription: Boolean(typeof ((_props$featureFlags22 = props.featureFlags) === null || _props$featureFlags22 === void 0 ? void 0 : _props$featureFlags22.enableViewUpdateSubscription) === 'boolean' ? !!((_props$featureFlags23 = props.featureFlags) !== null && _props$featureFlags23 !== void 0 && _props$featureFlags23.enableViewUpdateSubscription) : false),
-    plainTextPasteLinkification: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.plainTextPasteLinkification) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.plainTextPasteLinkification) : false),
-    collabAvatarScroll: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.collabAvatarScroll) : false),
-    ufo: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.ufo) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29.ufo) : false),
+    useUnpredictableInputRule: Boolean(typeof ((_props$featureFlags11 = props.featureFlags) === null || _props$featureFlags11 === void 0 ? void 0 : _props$featureFlags11.useUnpredictableInputRule) === 'boolean' ? !!((_props$featureFlags12 = props.featureFlags) !== null && _props$featureFlags12 !== void 0 && _props$featureFlags12.useUnpredictableInputRule) : props.UNSAFE_allowUndoRedoButtons ? false : true),
+    showAvatarGroupAsPlugin: Boolean(typeof ((_props$featureFlags13 = props.featureFlags) === null || _props$featureFlags13 === void 0 ? void 0 : _props$featureFlags13.showAvatarGroupAsPlugin) === 'boolean' ? !!((_props$featureFlags14 = props.featureFlags) !== null && _props$featureFlags14 !== void 0 && _props$featureFlags14.showAvatarGroupAsPlugin) : false),
+    errorBoundaryDocStructure: Boolean(typeof ((_props$featureFlags15 = props.featureFlags) === null || _props$featureFlags15 === void 0 ? void 0 : _props$featureFlags15.useErrorBoundaryDocStructure) === 'boolean' ? !!((_props$featureFlags16 = props.featureFlags) !== null && _props$featureFlags16 !== void 0 && _props$featureFlags16.useErrorBoundaryDocStructure) : false),
+    synchronyErrorDocStructure: Boolean(typeof ((_props$featureFlags17 = props.featureFlags) === null || _props$featureFlags17 === void 0 ? void 0 : _props$featureFlags17.synchronyErrorDocStructure) === 'boolean' ? !!((_props$featureFlags18 = props.featureFlags) !== null && _props$featureFlags18 !== void 0 && _props$featureFlags18.synchronyErrorDocStructure) : false),
+    enableViewUpdateSubscription: Boolean(typeof ((_props$featureFlags19 = props.featureFlags) === null || _props$featureFlags19 === void 0 ? void 0 : _props$featureFlags19.enableViewUpdateSubscription) === 'boolean' ? !!((_props$featureFlags20 = props.featureFlags) !== null && _props$featureFlags20 !== void 0 && _props$featureFlags20.enableViewUpdateSubscription) : false),
+    plainTextPasteLinkification: Boolean(typeof ((_props$featureFlags21 = props.featureFlags) === null || _props$featureFlags21 === void 0 ? void 0 : _props$featureFlags21.plainTextPasteLinkification) === 'boolean' ? !!((_props$featureFlags22 = props.featureFlags) !== null && _props$featureFlags22 !== void 0 && _props$featureFlags22.plainTextPasteLinkification) : false),
+    collabAvatarScroll: Boolean(typeof ((_props$featureFlags23 = props.featureFlags) === null || _props$featureFlags23 === void 0 ? void 0 : _props$featureFlags23.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags24 = props.featureFlags) !== null && _props$featureFlags24 !== void 0 && _props$featureFlags24.collabAvatarScroll) : false),
+    ufo: Boolean(typeof ((_props$featureFlags25 = props.featureFlags) === null || _props$featureFlags25 === void 0 ? void 0 : _props$featureFlags25.ufo) === 'boolean' ? !!((_props$featureFlags26 = props.featureFlags) !== null && _props$featureFlags26 !== void 0 && _props$featureFlags26.ufo) : false),
     codeBlockSyntaxHighlighting: Boolean(typeof normalizedFeatureFlags.codeBlockSyntaxHighlighting === 'boolean' ? !!normalizedFeatureFlags.codeBlockSyntaxHighlighting && !browser.safari : false),
-    twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags30 = props.featureFlags) === null || _props$featureFlags30 === void 0 ? void 0 : _props$featureFlags30.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags31 = props.featureFlags) !== null && _props$featureFlags31 !== void 0 && _props$featureFlags31.twoLineEditorToolbar) : false),
-    codeBidiWarnings: Boolean(typeof ((_props$featureFlags32 = props.featureFlags) === null || _props$featureFlags32 === void 0 ? void 0 : _props$featureFlags32.codeBidiWarnings) === 'boolean' ? !!((_props$featureFlags33 = props.featureFlags) !== null && _props$featureFlags33 !== void 0 && _props$featureFlags33.codeBidiWarnings) : true),
-    saferDispatchedTransactions: Boolean(typeof normalizedFeatureFlags.saferDispatchedTransactions === 'boolean' && !!normalizedFeatureFlags.saferDispatchedTransactions || (typeof ((_props$featureFlags34 = props.featureFlags) === null || _props$featureFlags34 === void 0 ? void 0 : _props$featureFlags34.saferDispatchedTransactions) === 'boolean' ? !!((_props$featureFlags35 = props.featureFlags) !== null && _props$featureFlags35 !== void 0 && _props$featureFlags35.saferDispatchedTransactions) : false)),
-    maxUnsafeChromeSpellcheckingVersion: safeNumberFeatureFlag((_props$featureFlags36 = props.featureFlags) === null || _props$featureFlags36 === void 0 ? void 0 : _props$featureFlags36.maxUnsafeChromeSpellcheckingVersion),
+    twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags27 = props.featureFlags) === null || _props$featureFlags27 === void 0 ? void 0 : _props$featureFlags27.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags28 = props.featureFlags) !== null && _props$featureFlags28 !== void 0 && _props$featureFlags28.twoLineEditorToolbar) : false),
+    codeBidiWarnings: Boolean(typeof ((_props$featureFlags29 = props.featureFlags) === null || _props$featureFlags29 === void 0 ? void 0 : _props$featureFlags29.codeBidiWarnings) === 'boolean' ? !!((_props$featureFlags30 = props.featureFlags) !== null && _props$featureFlags30 !== void 0 && _props$featureFlags30.codeBidiWarnings) : true),
+    saferDispatchedTransactions: Boolean(typeof normalizedFeatureFlags.saferDispatchedTransactions === 'boolean' && !!normalizedFeatureFlags.saferDispatchedTransactions || (typeof ((_props$featureFlags31 = props.featureFlags) === null || _props$featureFlags31 === void 0 ? void 0 : _props$featureFlags31.saferDispatchedTransactions) === 'boolean' ? !!((_props$featureFlags32 = props.featureFlags) !== null && _props$featureFlags32 !== void 0 && _props$featureFlags32.saferDispatchedTransactions) : false)),
+    maxUnsafeChromeSpellcheckingVersion: safeNumberFeatureFlag((_props$featureFlags33 = props.featureFlags) === null || _props$featureFlags33 === void 0 ? void 0 : _props$featureFlags33.maxUnsafeChromeSpellcheckingVersion),
     useNativeCollabPlugin: Boolean(typeof ((_props$collabEdit = props.collabEdit) === null || _props$collabEdit === void 0 ? void 0 : _props$collabEdit.useNativePlugin) === 'boolean' ? !!((_props$collabEdit2 = props.collabEdit) !== null && _props$collabEdit2 !== void 0 && _props$collabEdit2.useNativePlugin) : false),
-    chromeCursorHandlerFixedVersion: typeof ((_props$featureFlags37 = props.featureFlags) === null || _props$featureFlags37 === void 0 ? void 0 : _props$featureFlags37.chromeCursorHandlerFixedVersion) === 'string' ? Number(props.featureFlags.chromeCursorHandlerFixedVersion) || undefined : undefined,
-    viewChangingExperimentToolbarStyle: typeof ((_props$featureFlags38 = props.featureFlags) === null || _props$featureFlags38 === void 0 ? void 0 : _props$featureFlags38['view-changing-experiment-toolbar-style']) === 'string' ? props.featureFlags['view-changing-experiment-toolbar-style'] || undefined : undefined
+    chromeCursorHandlerFixedVersion: typeof ((_props$featureFlags34 = props.featureFlags) === null || _props$featureFlags34 === void 0 ? void 0 : _props$featureFlags34.chromeCursorHandlerFixedVersion) === 'string' ? Number(props.featureFlags.chromeCursorHandlerFixedVersion) || undefined : undefined,
+    viewChangingExperimentToolbarStyle: typeof ((_props$featureFlags35 = props.featureFlags) === null || _props$featureFlags35 === void 0 ? void 0 : _props$featureFlags35['view-changing-experiment-toolbar-style']) === 'string' ? props.featureFlags['view-changing-experiment-toolbar-style'] || undefined : undefined
   };
 }

package/dist/es2019/plugins/hyperlink/pm-plugins/input-rule.js

@@ -1,6 +1,5 @@
 import { createRule, createPlugin } from '../../../utils/input-rules';
 import { LinkMatcher, normalizeUrl } from '../utils';
-import { queueCards } from '../../card/pm-plugins/actions';
 import { INPUT_METHOD, addAnalytics } from '../../analytics';
 import { getLinkCreationAnalyticsEvent } from '../analytics';
 export function createLinkInputRule(regexp, skipAnalytics = false, useUnpredictableInputRule = true) {
@@ -21,13 +20,7 @@ export function createLinkInputRule(regexp, skipAnalytics = false, useUnpredicta
     });
     const from = start;
     const to = Math.min(start + link.text.length, state.doc.content.size);
-    const tr = queueCards([{
-      url: link.url,
-      pos: from,
-      appearance: 'inline',
-      compareLinkText: true,
-      source: INPUT_METHOD.AUTO_DETECT
-    }])(state.tr.addMark(from, to, markType)); // Keep old behavior that will delete the space after the link
+    const tr = state.tr.addMark(from, to, markType); // Keep old behavior that will delete the space after the link
 
     if (useUnpredictableInputRule || to === end) {
       tr.insertText(' ');

package/dist/es2019/plugins/hyperlink/pm-plugins/keymap.js

@@ -3,7 +3,6 @@ import { getLinkMatch } from '@atlaskit/adf-schema';
 import * as keymaps from '../../../keymaps';
 import { stateKey } from '../pm-plugins/main';
 import { showLinkToolbar, hideLinkToolbar } from '../commands';
-import { queueCards } from '../../card/pm-plugins/actions';
 import { INPUT_METHOD, addAnalytics } from '../../analytics';
 import { getLinkCreationAnalyticsEvent } from '../analytics';
 export function createKeymapPlugin(skipAnalytics = false) {
@@ -54,13 +53,7 @@ const mayConvertLastWordToHyperlink = skipAnalytics => {
       const markType = state.schema.mark('link', {
         href: url
       });
-      const tr = queueCards([{
-        url,
-        pos: start,
-        appearance: 'inline',
-        compareLinkText: true,
-        source: INPUT_METHOD.AUTO_DETECT
-      }])(state.tr.addMark(start, end, markType));
+      const tr = state.tr.addMark(start, end, markType);
 
       if (dispatch) {
         if (skipAnalytics) {

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

@@ -3,6 +3,7 @@ import { gridSize } from '@atlaskit/theme/constants';
 import { N40A, N50A } from '@atlaskit/theme/colors';
 import { columnLayoutSharedStyle } from '@atlaskit/editor-common/styles';
 import { gridMediumMaxWidth, akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akLayoutGutterOffset, akEditorSwoopCubicBezier, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { token } from '@atlaskit/tokens';
 import { TableCssClassName } from '../table/types';
 import { tableMarginFullWidthMode } from '../table/ui/consts';
 export const LAYOUT_SECTION_MARGIN = gridSize();
@@ -91,8 +92,8 @@ export const layoutStyles = css`
       }
 
       &.selected.danger > [data-layout-column] {
-        background-color: ${akEditorDeleteBackground};
-        border-color: ${akEditorDeleteBorder};
+        background-color: ${token('color.background.danger', akEditorDeleteBackground)};
+        border-color: ${token('color.border.danger', akEditorDeleteBorder)};
       }
 
       &.${akEditorSelectedNodeClassName}:not(.danger) {

package/dist/es2019/plugins/list/commands/indent-list.js

@@ -6,6 +6,7 @@ import { findFirstParentListNode } from '../utils/find';
 import { MAX_NESTED_LIST_INDENTATION } from '../types';
 import { isInsideListItem, isInsideTableCell, getListItemAttributes } from '../utils/selection';
 import { getCommonListAnalyticsAttributes } from '../utils/analytics';
+import { closeHistory } from 'prosemirror-history';
 export function indentList(inputMethod = INPUT_METHOD.KEYBOARD) {
   return function (state, dispatch) {
     const {
@@ -17,8 +18,10 @@ export function indentList(inputMethod = INPUT_METHOD.KEYBOARD) {
 
     if (!isInsideListItem(state)) {
       return false;
-    }
+    } // Save the history, so it could undo/revert to the same state before the indent, see https://product-fabric.atlassian.net/browse/ED-14753
+
 
+    closeHistory(tr);
     const firstListItemSelectedAttributes = getListItemAttributes($from);
     const parentListNode = findFirstParentListNode($from);
 

package/dist/es2019/plugins/list/commands/outdent-list.js

@@ -4,6 +4,7 @@ import { isBulletList } from '../utils/node';
 import { findFirstParentListNode } from '../utils/find';
 import { getCommonListAnalyticsAttributes } from '../utils/analytics';
 import { outdentListItemsSelected as outdentListAction } from '../actions/outdent-list-items-selected';
+import { closeHistory } from 'prosemirror-history';
 export function outdentList(inputMethod = INPUT_METHOD.KEYBOARD) {
   return function (state, dispatch) {
     if (!isInsideListItem(state)) {
@@ -18,8 +19,10 @@ export function outdentList(inputMethod = INPUT_METHOD.KEYBOARD) {
     if (!parentListNode) {
       // Even though this is a non-operation, we don't want to send this event to the browser. Because if we return false, the browser will move the focus to another place
       return true;
-    }
+    } // Save the history, so it could undo/revert to the same state before the outdent, see https://product-fabric.atlassian.net/browse/ED-14753
+
 
+    closeHistory(state.tr);
     const actionSubjectId = isBulletList(parentListNode.node) ? ACTION_SUBJECT_ID.FORMAT_LIST_BULLET : ACTION_SUBJECT_ID.FORMAT_LIST_NUMBER;
     let customTr = state.tr;
     outdentListAction(customTr);

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

@@ -227,7 +227,7 @@ const extractListFromParagraph = (node, parent, schema) => {
  */
 
 
-const splitIntoParagraphs = ({
+export const splitIntoParagraphs = ({
   fragment,
   blockMarks = [],
   schema
@@ -239,8 +239,14 @@ const splitIntoParagraphs = ({
     hardBreak,
     paragraph
   } = schema.nodes;
-  fragment.forEach(node => {
-    if (lastNode && lastNode.type === hardBreak && node.type === hardBreak) {
+  fragment.forEach((node, i) => {
+    // ED-14725 Fixed the issue that it make duplicated line
+    // when pasting <br /> from google docs.
+    if (i === 0 && node.type === hardBreak) {
+      paragraphs.push(paragraph.createChecked(undefined, curChildren, [...blockMarks]));
+      lastNode = node;
+      return;
+    } else if (lastNode && lastNode.type === hardBreak && node.type === hardBreak) {
       // double hardbreak
       // backtrack a little; remove the trailing hardbreak we added last loop
       curChildren.pop(); // create a new paragraph
@@ -261,7 +267,6 @@ const splitIntoParagraphs = ({
 
   return Fragment.from(paragraphs.length ? paragraphs : [paragraph.createAndFill(undefined, undefined, [...blockMarks])]);
 };
-
 export const splitParagraphs = (slice, schema) => {
   // exclude Text nodes with a code mark, since we transform those later
   // into a codeblock

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

@@ -3,6 +3,7 @@ import { mediaSingleSharedStyle, richMediaClassName } from '@atlaskit/editor-com
 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';
+import { token } from '@atlaskit/tokens';
 export const mediaStyles = css`
   .ProseMirror {
     ${mediaSingleSharedStyle} & [layout='full-width'] .${richMediaClassName},
@@ -115,35 +116,36 @@ export const mediaStyles = css`
   /* Danger when top level node for smart cards / inline links */
   .danger > div > div > .media-card-frame,
   .danger > span > a {
-    background-color: ${akEditorDeleteBackground};
+    background-color: ${token('color.background.danger', akEditorDeleteBackground)};
     box-shadow: 0px 0px 0px ${akEditorSelectedBorderBoldSize}px
-      ${akEditorDeleteBorder};
+      ${token('color.border.danger', akEditorDeleteBorder)};
     transition: background-color 0s, box-shadow 0s;
   }
   .mediaGroupView-content-wrap.danger {
     /* Media inline */
     .${fileCardImageViewSelectedSelector}::after {
-      border: 1px solid ${akEditorDeleteIconColor};
+      border: 1px solid ${token('color.border.danger', akEditorDeleteIconColor)};
     }
   }
   /* Danger when nested node or common */
   .danger {
     /* Media single */
     .${richMediaClassName} .${fileCardImageViewSelector}::after {
-      border: 1px solid ${akEditorDeleteIconColor};
+      border: 1px solid ${token('color.border.danger', akEditorDeleteIconColor)};
     }
     /* Media single video player */
     .${richMediaClassName} .${inlinePlayerClassName}::after {
-      border: 1px solid ${akEditorDeleteIconColor};
+      border: 1px solid ${token('color.border.danger', akEditorDeleteIconColor)};
     }
     /* New file experience */
     .${richMediaClassName} .${newFileExperienceClassName} {
-      box-shadow: 0 0 0 1px ${akEditorDeleteIconColor} !important;
+      box-shadow: 0 0 0 1px
+        ${token('color.border.danger', akEditorDeleteIconColor)} !important;
     }
     /* Media resize handlers */
     .richMedia-resize-handle-right::after,
     .richMedia-resize-handle-left::after {
-      background: ${akEditorDeleteIconColor};
+      background: ${token('color.icon.danger', akEditorDeleteIconColor)};
     }
 
     /* Smart cards */

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

@@ -52,12 +52,7 @@ const mentionsPlugin = options => {
     pmPlugins() {
       return [{
         name: 'mention',
-        plugin: ({
-          providerFactory,
-          dispatch,
-          portalProviderAPI,
-          eventDispatcher
-        }) => createMentionPlugin(dispatch, providerFactory, portalProviderAPI, eventDispatcher, fireEvent, options)
+        plugin: pmPluginFactoryParams => createMentionPlugin(pmPluginFactoryParams, fireEvent, options)
       }];
     },
 

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

@@ -1,37 +1,18 @@
 import React from 'react';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import Mention from '../ui/Mention';
-import { ReactNodeView } from '../../../nodeviews';
-export class MentionNodeView extends ReactNodeView {
-  createDomRef() {
-    return super.createDomRef();
-  }
-
-  render(props) {
-    const {
-      providerFactory,
-      options
-    } = props;
-    const {
-      id,
-      text,
-      accessLevel
-    } = this.node.attrs;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Mention, {
-      id: id,
-      text: text,
-      accessLevel: accessLevel,
-      providers: providerFactory
-    }), options && options.allowZeroWidthSpaceAfter && ZERO_WIDTH_SPACE);
-  }
-
-}
-export default function mentionNodeView(portalProviderAPI, eventDispatcher, providerFactory, options) {
-  return (node, view, getPos) => {
-    const hasIntlContext = true;
-    return new MentionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
-      providerFactory,
-      options
-    }, undefined, undefined, undefined, hasIntlContext).init();
-  };
-}
+export const MentionNodeView = props => {
+  const {
+    providerFactory
+  } = props;
+  const {
+    id,
+    text,
+    accessLevel
+  } = props.node.attrs;
+  return /*#__PURE__*/React.createElement(Mention, {
+    id: id,
+    text: text,
+    accessLevel: accessLevel,
+    providers: providerFactory
+  });
+};