@atlaskit/editor-core 174.0.0 → 175.0.0

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

@@ -16,17 +16,18 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+import memoizeOne from 'memoize-one';
 import React from 'react';
 import uuid from 'uuid';
-import memoizeOne from 'memoize-one';
-import { sniffUserBrowserExtensions } from '@atlaskit/editor-common/utils';
 import { ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { IntlErrorBoundary } from '@atlaskit/editor-common/ui';
+import { sniffUserBrowserExtensions } from '@atlaskit/editor-common/utils';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../plugins/analytics';
 import { editorAnalyticsChannel } from '../plugins/analytics/consts';
 import { getFeatureFlags } from '../plugins/feature-flags-context';
 import { getDocStructure } from '../utils/document-logger';
 import { WithEditorView } from './WithEditorView';
+import { isOutdatedBrowser } from '@atlaskit/editor-common/utils';
 export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundaryWithEditorView, _React$Component);
 
@@ -55,7 +56,9 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
 
     _defineProperty(_assertThisInitialized(_this), "sendErrorData", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(analyticsErrorPayload) {
-        var product, error, errorInfo, errorStack, sharedId, attributes, _this$experienceStore;
+        var _window, _window$navigator;
+
+        var product, error, errorInfo, errorStack, sharedId, browserInfo, attributes, _this$experienceStore;
 
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -68,16 +71,18 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
                 product = _context.sent;
                 error = analyticsErrorPayload.error, errorInfo = analyticsErrorPayload.errorInfo, errorStack = analyticsErrorPayload.errorStack;
                 sharedId = uuid();
+                browserInfo = ((_window = window) === null || _window === void 0 ? void 0 : (_window$navigator = _window.navigator) === null || _window$navigator === void 0 ? void 0 : _window$navigator.userAgent) || 'unknown';
                 attributes = {
                   product: product,
-                  browserInfo: window && window.navigator && window.navigator.userAgent ? window.navigator.userAgent : 'unknown',
+                  browserInfo: browserInfo,
                   error: error,
                   errorInfo: errorInfo,
                   errorId: sharedId,
                   browserExtensions: _this.browserExtensions,
                   docStructure: _this.featureFlags.errorBoundaryDocStructure && _this.props.editorView ? getDocStructure(_this.props.editorView.state.doc, {
                     compact: true
-                  }) : undefined
+                  }) : undefined,
+                  outdatedBrowser: isOutdatedBrowser(browserInfo)
                 };
 
                 _this.fireAnalyticsEvent({
@@ -103,7 +108,7 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
                   }));
                 }
 
-              case 9:
+              case 10:
               case "end":
                 return _context.stop();
             }

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

@@ -47,7 +47,6 @@ import { EVENT_NAME_DISPATCH_TRANSACTION, EVENT_NAME_STATE_APPLY, EVENT_NAME_UPD
 import { PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD, DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS } from './consts';
 import { getContextIdentifier } from '../plugins/base/pm-plugins/context-identifier';
 import ReactEditorViewContext from './ReactEditorViewContext';
-import { pluginKey as widthPluginKey } from '../plugins/width';
 import { createInsertNodeAPI } from '../insert-api/api';
 import { createEditorAnalyticsAPI } from '../analytics-api/api';
 import { createEditorSelectionAPI } from '../selection-api/api';
@@ -78,7 +77,7 @@ export function shouldReconfigureState(props, nextProps) {
   }
 
   var mobileProperties = props.appearance === 'mobile' ? ['featureFlags', 'quickInsert'] : [];
-  var properties = ['appearance', 'persistScrollGutter', 'UNSAFE_allowUndoRedoButtons', 'placeholder'].concat(mobileProperties);
+  var properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder'].concat(mobileProperties);
   return properties.reduce(function (acc, curr) {
     return acc || props[curr] !== nextProps[curr];
   }, false);
@@ -835,17 +834,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         }
       });
       var editorSelectionAPI = createEditorSelectionAPI();
-
-      var getEditorContainerWidth = function getEditorContainerWidth() {
-        if (!_this2.view) {
-          return null;
-        }
-
-        var state = _this2.view.state;
-        return widthPluginKey.getState(state) || null;
-      };
-
-      var builtinPlugins = createPluginList(editorProps, prevEditorProps, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth);
+      var builtinPlugins = createPluginList(editorProps, prevEditorProps, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI);
 
       if (editorPlugins && editorPlugins.length > 0) {
         builtinPlugins.push.apply(builtinPlugins, _toConsumableArray(editorPlugins));

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

@@ -5,9 +5,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, // tablesPlugin,
-tablesPlugin, tasksAndDecisionsPlugin, textColorPlugin, cardPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, analyticsPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin } from '../plugins'; // import { tablesPlugin } from '@atlaskit/editor-plugin-table';
-
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, cardPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, analyticsPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin } from '../plugins';
+import { tablesPlugin } from '@atlaskit/editor-plugin-table';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 import { GUTTER_SIZE_MOBILE_IN_PX } from '../plugins/base/pm-plugins/scroll-gutter';
 import { createFeatureFlagsFromProps } from '../plugins/feature-flags-context/feature-flags-from-props';
@@ -76,7 +75,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
     blockType: {
       lastNodeMustBeParagraph: appearance === 'comment' || appearance === 'chromeless',
       allowBlockType: props.allowBlockType,
-      isUndoRedoButtonsEnabled: props.UNSAFE_allowUndoRedoButtons
+      isUndoRedoButtonsEnabled: props.allowUndoRedoButtons
     },
     placeholder: {
       placeholder: props.placeholder,
@@ -84,7 +83,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
       placeholderBracketHint: props.placeholderBracketHint
     },
     textFormatting: _objectSpread(_objectSpread({}, props.textFormatting || {}), {}, {
-      responsiveToolbarMenu: ((_props$textFormatting = props.textFormatting) === null || _props$textFormatting === void 0 ? void 0 : _props$textFormatting.responsiveToolbarMenu) != null ? props.textFormatting.responsiveToolbarMenu : props.UNSAFE_allowUndoRedoButtons
+      responsiveToolbarMenu: ((_props$textFormatting = props.textFormatting) === null || _props$textFormatting === void 0 ? void 0 : _props$textFormatting.responsiveToolbarMenu) != null ? props.textFormatting.responsiveToolbarMenu : props.allowUndoRedoButtons
     }),
     annotationProviders: props.annotationProviders,
     submitEditor: props.onSave,
@@ -227,7 +226,6 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       wasFullWidthEnabled: prevProps && prevProps.appearance === 'full-width',
       editorAnalyticsAPI: editorAnalyticsAPI,
       editorSelectionAPI: editorSelectionAPI,
-      getEditorContainerWidth: getEditorContainerWidth,
       getEditorFeatureFlags: getEditorFeatureFlags
     }]);
   }
@@ -374,7 +372,7 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     preset.add(scrollIntoViewPlugin);
   }
 
-  if (isMobile || props.UNSAFE_allowUndoRedoButtons) {
+  if (isMobile || props.allowUndoRedoButtons) {
     preset.add(historyPlugin);
   }
 

package/dist/esm/editor.js

@@ -606,7 +606,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
                     contextPanel: _this5.props.contextPanel,
                     collabEdit: _this5.props.collabEdit,
                     persistScrollGutter: _this5.props.persistScrollGutter,
-                    enableToolbarMinWidth: ((_this5$props$featureF = _this5.props.featureFlags) === null || _this5$props$featureF === void 0 ? void 0 : _this5$props$featureF.toolbarMinWidthOverflow) != null ? !!((_this5$props$featureF2 = _this5.props.featureFlags) !== null && _this5$props$featureF2 !== void 0 && _this5$props$featureF2.toolbarMinWidthOverflow) : _this5.props.UNSAFE_allowUndoRedoButtons,
+                    enableToolbarMinWidth: ((_this5$props$featureF = _this5.props.featureFlags) === null || _this5$props$featureF === void 0 ? void 0 : _this5$props$featureF.toolbarMinWidthOverflow) != null ? !!((_this5$props$featureF2 = _this5.props.featureFlags) !== null && _this5$props$featureF2 !== void 0 && _this5$props$featureF2.toolbarMinWidthOverflow) : _this5.props.allowUndoRedoButtons,
                     useStickyToolbar: _this5.props.useStickyToolbar,
                     featureFlags: featureFlags
                   }));

package/dist/esm/extensibility.js

@@ -4,7 +4,7 @@ export { toJSON } from './utils';
 export { default as Extension } from './plugins/extension/ui/Extension';
 export { default as ExtensionNodeWrapper } from './plugins/extension/ui/Extension/ExtensionNodeWrapper';
 export { ExtensionNode } from './plugins/extension/nodeviews/extension';
-export { pluginKey as tablePluginKey } from './plugins/table/pm-plugins/plugin-key';
+export { pluginKey as tablePluginKey } from '@atlaskit/editor-plugin-table/plugin-key';
 export var EmitterEvents = {
   TABLE_DELETED: 'TABLE_DELETED'
 };

package/dist/esm/index.js

@@ -28,7 +28,7 @@ export { toggleSuperscript, toggleSuperscriptWithAnalytics, toggleSubscript, tog
 export { subscribeToToolbarAndPickerUpdates } from './plugins/view-update-subscription/subscribe/toolbarAndPickerUpdates';
 export { subscribeTypeAheadUpdates } from './plugins/view-update-subscription/subscribe/type-ahead-updates';
 export { insertBlockType, insertBlockTypesWithAnalytics, setBlockType, setBlockTypeWithAnalytics } from './plugins/block-type/commands';
-export { createTable } from './plugins/table/commands';
+export { createTable } from '@atlaskit/editor-plugin-table/commands';
 export { insertTaskDecisionCommand } from './plugins/tasks-and-decisions/commands';
 export { EventDispatcher } from './event-dispatcher';
 export { pluginKey as statusPluginKey } from './plugins/status/plugin';

package/dist/esm/labs/next/full-page.js

@@ -17,7 +17,7 @@ import ContentStyles from '../../ui/ContentStyles';
 import WidthEmitter from '../../ui/WidthEmitter';
 import { ClickAreaBlock } from '../../ui/Addon';
 import { scrollbarStyles } from '../../ui/styles';
-import { tableFullPageEditorStyles } from '../../plugins/table/ui/common-styles';
+import { tableFullPageEditorStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';
 import AvatarsWithPluginState from '../../plugins/collab-edit/ui';
 import { Editor, EditorContent, useEditorSharedConfig } from './Editor';
 import { Toolbar } from './Toolbar';

package/dist/esm/labs/next/presets/cxhtml.js

@@ -1,7 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 // #region Imports
 import React from 'react';
-import { tablesPlugin, panelPlugin, listPlugin, textColorPlugin, breakoutPlugin, jiraIssuePlugin, extensionPlugin, rulePlugin, datePlugin, layoutPlugin, indentationPlugin, cardPlugin, statusPlugin, mediaPlugin, mentionsPlugin, tasksAndDecisionsPlugin, insertBlockPlugin, basePlugin, placeholderPlugin } from '../../../plugins';
+import { tablesPlugin } from '@atlaskit/editor-plugin-table';
+import { panelPlugin, listPlugin, textColorPlugin, breakoutPlugin, jiraIssuePlugin, extensionPlugin, rulePlugin, datePlugin, layoutPlugin, indentationPlugin, cardPlugin, statusPlugin, mediaPlugin, mentionsPlugin, tasksAndDecisionsPlugin, insertBlockPlugin, basePlugin, placeholderPlugin } from '../../../plugins';
 import { PresetProvider } from '../Editor';
 import { useDefaultPreset } from './default'; // #endregion
 

package/dist/esm/labs/next/presets/mobile.js

@@ -17,7 +17,7 @@ import panelPlugin from '../../../plugins/panel';
 import placeholderPlugin from '../../../plugins/placeholder';
 import rulePlugin from '../../../plugins/rule';
 import statusPlugin from '../../../plugins/status';
-import tablesPlugin from '../../../plugins/table';
+import { tablesPlugin } from '@atlaskit/editor-plugin-table';
 import tasksAndDecisionsPlugin from '../../../plugins/tasks-and-decisions';
 import textColorPlugin from '../../../plugins/text-color';
 import maxContentSizePlugin from '../../../plugins/max-content-size';

package/dist/esm/nodeviews/getPerformanceOptions.js

@@ -1,45 +1,2 @@
-import { startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
-import { getParticipantsCount } from '../plugins/collab-edit/get-participants-count';
-import { analyticsPluginKey } from '../plugins/analytics/plugin-key';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../plugins/analytics'; // This was existing logic when converting from ReactNodeView
-// our current sampling for this event is not bound by node.type
-
-export var nodeViewRenderedEventsCounter = 0;
-var DEFAULT_SAMPLING_RATE = 100;
-var DEFAULT_SLOW_THRESHOLD = 7;
-export function getPerformanceOptions(view) {
-  var pluginState = analyticsPluginKey.getState(view.state);
-  var nodeViewTracking = pluginState && pluginState.performanceTracking ? pluginState.performanceTracking.nodeViewTracking || {} : {};
-  var samplingRate = nodeViewTracking.samplingRate || DEFAULT_SAMPLING_RATE;
-  var slowThreshold = nodeViewTracking.slowThreshold || DEFAULT_SLOW_THRESHOLD;
-  return {
-    trackingEnabled: !!nodeViewTracking.enabled,
-    samplingRate: samplingRate,
-    slowThreshold: slowThreshold
-  };
-}
-export function startMeasureReactNodeViewRendered(_ref) {
-  var nodeTypeName = _ref.nodeTypeName;
-  startMeasure("\uD83E\uDD89".concat(nodeTypeName, "::ReactNodeView"));
-}
-export function stopMeasureReactNodeViewRendered(_ref2) {
-  var nodeTypeName = _ref2.nodeTypeName,
-      dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
-      editorState = _ref2.editorState,
-      samplingRate = _ref2.samplingRate,
-      slowThreshold = _ref2.slowThreshold;
-  stopMeasure("\uD83E\uDD89".concat(nodeTypeName, "::ReactNodeView"), function (duration) {
-    if (++nodeViewRenderedEventsCounter % samplingRate === 0 && duration > slowThreshold) {
-      dispatchAnalyticsEvent({
-        action: ACTION.REACT_NODEVIEW_RENDERED,
-        actionSubject: ACTION_SUBJECT.EDITOR,
-        eventType: EVENT_TYPE.OPERATIONAL,
-        attributes: {
-          node: nodeTypeName,
-          duration: duration,
-          participants: getParticipantsCount(editorState)
-        }
-      });
-    }
-  });
-}
+import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '@atlaskit/editor-common/utils';
+export { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered };

package/dist/esm/plugins/block-type/commands/block-type.js

@@ -4,7 +4,6 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-import { Selection } from 'prosemirror-state';
 import { findWrapping } from 'prosemirror-transform';
 import { safeInsert } from 'prosemirror-utils';
 import { CODE_BLOCK, BLOCK_QUOTE, PANEL, HEADINGS_BY_NAME, NORMAL_TEXT } from '../types';
@@ -14,6 +13,7 @@ import { withAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE }
 import { filterChildrenBetween } from '../../../utils';
 import { PanelType } from '@atlaskit/adf-schema';
 import { CellSelection } from '@atlaskit/editor-tables';
+import { transformToCodeBlockAction } from './transform-to-code-block';
 export function setBlockType(name) {
   return function (state, dispatch) {
     var nodes = state.schema.nodes;
@@ -230,7 +230,7 @@ export var insertBlockTypesWithAnalytics = function insertBlockTypesWithAnalytic
 };
 /**
  * Function will add wrapping node.
- * 1. If currently selected blocks can be wrapped in the warpper type it will wrap them.
+ * 1. If currently selected blocks can be wrapped in the wrapper type it will wrap them.
  * 2. If current block can not be wrapped inside wrapping block it will create a new block below selection,
  *  and set selection on it.
  */
@@ -275,19 +275,24 @@ function insertCodeBlock() {
     var _state$selection$$fro;
 
     var tr = state.tr;
-    var _state$selection2 = state.selection,
-        $to = _state$selection2.$to,
-        $from = _state$selection2.$from;
+    var from = state.selection.from;
     var codeBlock = state.schema.nodes.codeBlock;
-    var grandParentType = (_state$selection$$fro = state.selection.$from.node(-1)) === null || _state$selection$$fro === void 0 ? void 0 : _state$selection$$fro.type;
-    var parentType = state.selection.$from.parent.type;
-    /** We always want to append a block type unless we're inserting into a paragraph
-     * AND it's a valid child of the grandparent node
+    var grandParentNodeType = (_state$selection$$fro = state.selection.$from.node(-1)) === null || _state$selection$$fro === void 0 ? void 0 : _state$selection$$fro.type;
+    var parentNodeType = state.selection.$from.parent.type;
+    /** We always want to append a codeBlock unless we're inserting into a paragraph
+     * AND it's a valid child of the grandparent node.
+     * Insert the current selection as codeBlock content unless it contains nodes other
+     * than paragraphs and inline.
      */
 
-    if (shouldSplitSelectedNodeOnNodeInsertion(parentType, grandParentType, codeBlock.createAndFill())) {
-      tr.replaceRangeWith($from.pos, $to.pos, codeBlock.createAndFill());
-      tr.setSelection(Selection.near(tr.doc.resolve(state.selection.to)));
+    var canInsertCodeBlock = shouldSplitSelectedNodeOnNodeInsertion({
+      parentNodeType: parentNodeType,
+      grandParentNodeType: grandParentNodeType,
+      content: codeBlock.createAndFill()
+    }) && contentAllowedInCodeBlock(state);
+
+    if (canInsertCodeBlock) {
+      tr = transformToCodeBlockAction(state, from);
     } else {
       safeInsert(codeBlock.createAndFill())(tr).scrollIntoView();
     }
@@ -299,6 +304,27 @@ function insertCodeBlock() {
     return true;
   };
 }
+/**
+ * Check if the current selection contains any nodes that are not permitted
+ * as codeBlock child nodes. Note that this allows paragraphs and inline nodes
+ * as we extract their text content.
+ */
+
+
+function contentAllowedInCodeBlock(state) {
+  var _state$selection2 = state.selection,
+      $from = _state$selection2.$from,
+      $to = _state$selection2.$to;
+  var isAllowedChild = true;
+  state.doc.nodesBetween($from.pos, $to.pos, function (node) {
+    if (!isAllowedChild) {
+      return false;
+    }
+
+    return isAllowedChild = node.type === state.schema.nodes.listItem || node.type === state.schema.nodes.bulletList || node.type === state.schema.nodes.orderedList || node.type === state.schema.nodes.paragraph || node.isInline || node.isText;
+  });
+  return isAllowedChild;
+}
 
 export var cleanUpAtTheStartOfDocument = function cleanUpAtTheStartOfDocument(state, dispatch) {
   var _ref3 = state.selection,

package/dist/esm/plugins/block-type/commands/transform-to-code-block.js

@@ -1,34 +1,59 @@
 import { TextSelection } from 'prosemirror-state';
 import { mapSlice } from '../../../utils/slice';
-export function transformToCodeBlockAction(state, start, end, attrs) {
-  if (!state.selection.empty) {
-    // Don't do anything, if there is something selected
-    return state.tr;
-  }
-
+import { Fragment } from 'prosemirror-model';
+import { timestampToString } from '@atlaskit/editor-common/utils';
+export function transformToCodeBlockAction(state, start, attrs) {
   var startOfCodeBlockText = state.selection.$from;
-  var endLinePosition = startOfCodeBlockText.end();
-  var startLinePosition = startOfCodeBlockText.start();
-  var parentStartPosition = startOfCodeBlockText.before();
-  var codeBlockSlice = mapSlice(state.doc.slice(startOfCodeBlockText.pos, endLinePosition), function (node) {
+  var endPosition = state.selection.empty ? startOfCodeBlockText.end() : state.selection.$to.pos;
+  var startLinePosition = startOfCodeBlockText.start(); //when cmd+A is used to select the content. start position should be 0.
+
+  var parentStartPosition = startOfCodeBlockText.depth === 0 ? 0 : startOfCodeBlockText.before();
+  var contentSlice = state.doc.slice(startOfCodeBlockText.pos, endPosition);
+  var codeBlockSlice = mapSlice(contentSlice, function (node, parent, index) {
     if (node.type === state.schema.nodes.hardBreak) {
       return state.schema.text('\n');
     }
 
     if (node.isText) {
       return node.mark([]);
-    } else if (node.isInline) {
+    }
+
+    if (node.isInline) {
+      // Convert dates
+      if (node.attrs.timestamp) {
+        return state.schema.text(timestampToString(node.attrs.timestamp, null));
+      } // Convert links
+
+
+      if (node.attrs.url) {
+        return state.schema.text(node.attrs.url);
+      }
+
       return node.attrs.text ? state.schema.text(node.attrs.text) : null;
-    } else {
-      return node.content.childCount ? node.content : null;
+    } // if the current node is the last child of the Slice exit early to prevent
+    // adding additional line breaks
+
+
+    if (contentSlice.content.childCount - 1 === index) {
+      return node.content;
+    } //useful to decide whether to append line breaks when the content has list items.
+
+
+    var isParentLastChild = parent && contentSlice.content.childCount - 1 === index; // add line breaks at the end of each paragraph to mimic layout of selected content
+    // do not add line breaks when the 'paragraph' parent is last child.
+
+    if (node.content.childCount && node.type === state.schema.nodes.paragraph && !isParentLastChild) {
+      return node.content.append(Fragment.from(state.schema.text('\n\n')));
     }
+
+    return node.content.childCount ? node.content : null;
   });
   var tr = state.tr; // Replace current block node
 
   var startMapped = startLinePosition === start ? parentStartPosition : start;
   var codeBlock = state.schema.nodes.codeBlock;
   var codeBlockNode = codeBlock.createChecked(attrs, codeBlockSlice.content);
-  tr.replaceWith(startMapped, Math.min(endLinePosition, tr.doc.content.size), codeBlockNode); // Reposition cursor when inserting into layouts or table headers
+  tr.replaceWith(startMapped, Math.min(endPosition, tr.doc.content.size), codeBlockNode); // Reposition cursor when inserting into layouts or table headers
 
   var mapped = tr.doc.resolve(tr.mapping.map(startMapped) + 1);
   var selection = TextSelection.findFrom(mapped, 1, true);

package/dist/esm/plugins/block-type/pm-plugins/input-rule.js

@@ -104,7 +104,16 @@ function getCodeBlockRules(schema) {
     },
     eventType: EVENT_TYPE.TRACK
   });
+
+  var validMatchLength = function validMatchLength(match) {
+    return match.length > 0 && match[0].length === 3;
+  };
+
   var threeTildeRule = createRule(/(?!\s)(`{3,})$/, function (state, match, start, end) {
+    if (!validMatchLength(match)) {
+      return null;
+    }
+
     var attributes = {};
 
     if (match[4]) {
@@ -112,7 +121,7 @@ function getCodeBlockRules(schema) {
     }
 
     if (isConvertableToCodeBlock(state)) {
-      return transformToCodeBlockAction(state, start, end, attributes);
+      return transformToCodeBlockAction(state, start, attributes);
     }
 
     var tr = state.tr;
@@ -122,6 +131,10 @@ function getCodeBlockRules(schema) {
     return tr;
   });
   var leftNodeReplacementThreeTildeRule = createRule(new RegExp("((".concat(leafNodeReplacementCharacter, "`{3,})|^\\s(`{3,}))(\\S*)$")), function (state, match, start, end) {
+    if (!validMatchLength(match)) {
+      return null;
+    }
+
     var attributes = {};
 
     if (match[4]) {
@@ -151,8 +164,7 @@ export function inputRulePlugin(schema, featureFlags) {
 
   if (rules.length !== 0) {
     return createPlugin('block-type', rules, {
-      isBlockNodeRule: true,
-      useUnpredictableInputRule: featureFlags.useUnpredictableInputRule
+      isBlockNodeRule: true
     });
   }
 

package/dist/esm/plugins/block-type/pm-plugins/keymap.js

@@ -1,21 +1,22 @@
-import { chainCommands } from 'prosemirror-commands';
-import { undoInputRule } from 'prosemirror-inputrules';
 import { redo, undo } from 'prosemirror-history';
 import * as keymaps from '../../../keymaps';
 import * as commands from '../../../commands';
 import * as blockTypes from '../types';
 import { keymap } from '../../../utils/keymap';
-import { cleanUpAtTheStartOfDocument, insertBlockTypesWithAnalytics } from '../../block-type/commands';
+import { cleanUpAtTheStartOfDocument, insertBlockTypesWithAnalytics } from '../commands';
+import { deleteEmptyParagraphAndMoveBlockUp } from '../../../utils/commands';
 import { INPUT_METHOD } from '../../analytics';
-var tryUndoInputRuleElseUndoHistory = chainCommands(undoInputRule, undo);
+import { isNodeAWrappingBlockNode } from '../utils';
 export default function keymapPlugin(schema, featureFlags) {
   var list = {};
   keymaps.bindKeymapWithCommand(keymaps.insertNewLine.common, commands.insertNewLineWithAnalytics, list);
   keymaps.bindKeymapWithCommand(keymaps.moveUp.common, commands.createNewParagraphAbove, list);
   keymaps.bindKeymapWithCommand(keymaps.moveDown.common, commands.createNewParagraphBelow, list);
   keymaps.bindKeymapWithCommand(keymaps.findKeyMapForBrowser(keymaps.redo), redo, list);
-  keymaps.bindKeymapWithCommand(keymaps.undo.common, featureFlags.useUnpredictableInputRule ? tryUndoInputRuleElseUndoHistory : undo, list);
+  keymaps.bindKeymapWithCommand(keymaps.undo.common, undo, list);
   keymaps.bindKeymapWithCommand(keymaps.backspace.common, cleanUpAtTheStartOfDocument, list);
+  keymaps.bindKeymapWithCommand(keymaps.deleteKey.common, deleteEmptyParagraphAndMoveBlockUp(isNodeAWrappingBlockNode), list);
+  keymaps.bindKeymapWithCommand(keymaps.forwardDelete.mac, deleteEmptyParagraphAndMoveBlockUp(isNodeAWrappingBlockNode), list);
 
   if (schema.nodes[blockTypes.BLOCK_QUOTE.nodeName]) {
     keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.toggleBlockQuote), insertBlockTypesWithAnalytics(blockTypes.BLOCK_QUOTE.name, INPUT_METHOD.KEYBOARD), list);

package/dist/esm/plugins/block-type/utils.js

@@ -0,0 +1,10 @@
+import { WRAPPER_BLOCK_TYPES } from './types';
+export var isNodeAWrappingBlockNode = function isNodeAWrappingBlockNode(node) {
+  if (!node) {
+    return false;
+  }
+
+  return WRAPPER_BLOCK_TYPES.some(function (blockNode) {
+    return blockNode.name === node.type.name;
+  });
+};

package/dist/esm/plugins/breakout/index.js

@@ -9,17 +9,23 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { breakout } from '@atlaskit/adf-schema';
-import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
+import { calcBreakoutWidthPx } from '@atlaskit/editor-common/utils';
 import WithPluginState from '../../ui/WithPluginState';
 import { pluginKey as widthPluginKey } from '../width';
 import LayoutButton from './ui/LayoutButton';
 import { BreakoutCssClassName } from './constants';
 import { pluginKey } from './plugin-key';
-import { parsePx } from '../../utils/dom';
 import { findSupportedNodeForBreakout } from './utils/find-breakout-node';
+import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
 
 var BreakoutView = /*#__PURE__*/function () {
-  function BreakoutView(node, view, eventDispatcher) {
+  function BreakoutView(
+  /**
+   * Note: this is actually a PMMark -- however our version
+   * of the prosemirror and prosemirror types mean using PMNode
+   * is not problematic.
+   */
+  mark, view, eventDispatcher) {
     var _this = this;
 
     _classCallCheck(this, BreakoutView);
@@ -32,21 +38,27 @@ var BreakoutView = /*#__PURE__*/function () {
         return;
       }
 
-      var width = calcBreakoutWidth(_this.node.attrs.mode, widthState.width);
-      var newStyle = "width: ".concat(width, "; ");
-      var lineLength = widthState.lineLength;
-      var widthPx = parsePx(width);
+      var containerStyle = "";
+      var contentStyle = "";
+      var breakoutWidthPx = calcBreakoutWidthPx(_this.mark.attrs.mode, widthState.width);
 
-      if (lineLength && widthPx) {
-        var marginLeftPx = -(widthPx - lineLength) / 2;
-        newStyle += "transform: none; margin-left: ".concat(marginLeftPx, "px;");
+      if (widthState.lineLength) {
+        if (breakoutWidthPx < widthState.lineLength) {
+          breakoutWidthPx = widthState.lineLength;
+        }
+
+        containerStyle += "\n        transform: none;\n        display: flex;\n        justify-content: center;\n        "; // There is a delay in the animation because widthState is delayed.
+        // When the editor goes full width the animation for the editor
+        // begins and finishes before widthState can update the new dimensions.
+
+        contentStyle += "\n        min-width: ".concat(breakoutWidthPx, "px;\n        transition: min-width 0.5s ").concat(akEditorSwoopCubicBezier, ";\n      ");
       } else {
         // fallback method
         // (lineLength is not normally undefined, but might be in e.g. SSR or initial render)
         //
         // this approach doesn't work well with position: fixed, so
         // it breaks things like sticky headers
-        newStyle += "transform: translateX(-50%); margin-left: 50%;";
+        containerStyle += "width: ".concat(breakoutWidthPx, "px; transform: translateX(-50%); margin-left: 50%;");
       } // NOTE: This is a hack to ignore mutation since mark NodeView doesn't support
       // `ignoreMutation` life-cycle event. @see ED-9947
 
@@ -61,9 +73,12 @@ var BreakoutView = /*#__PURE__*/function () {
       }
 
       if (typeof _this.dom.style.cssText !== 'undefined') {
-        _this.dom.style.cssText = newStyle;
+        _this.dom.style.cssText = containerStyle;
+        _this.contentDOM.style.cssText = contentStyle;
       } else {
-        _this.dom.setAttribute('style', newStyle);
+        _this.dom.setAttribute('style', containerStyle);
+
+        _this.contentDOM.setAttribute('style', contentStyle);
       }
     });
 
@@ -71,10 +86,10 @@ var BreakoutView = /*#__PURE__*/function () {
     contentDOM.className = BreakoutCssClassName.BREAKOUT_MARK_DOM;
     var dom = document.createElement('div');
     dom.className = BreakoutCssClassName.BREAKOUT_MARK;
-    dom.setAttribute('data-layout', node.attrs.mode);
+    dom.setAttribute('data-layout', mark.attrs.mode);
     dom.appendChild(contentDOM);
     this.dom = dom;
-    this.node = node;
+    this.mark = mark;
     this.view = view;
     this.contentDOM = contentDOM;
     this.eventDispatcher = eventDispatcher;
@@ -131,8 +146,12 @@ function createPlugin(_ref) {
     key: pluginKey,
     props: {
       nodeViews: {
-        breakout: function breakout(node, view) {
-          return new BreakoutView(node, view, eventDispatcher);
+        // Note: When we upgrade to prosemirror 1.27.2 -- we should
+        // move this to markViews.
+        // See the following link for more details:
+        // https://prosemirror.net/docs/ref/#view.EditorProps.nodeViews.
+        breakout: function breakout(mark, view) {
+          return new BreakoutView(mark, view, eventDispatcher);
         }
       }
     }