@atlaskit/editor-core 187.16.1 → 187.17.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-core
 
+## 187.17.1
+
+### Patch Changes
+
+- [`9d2794a7753`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d2794a7753) - Add `executeCommand` to `pluginInjectionAPI` which should be used to dispatch a `PluginCommand` - from the `commands` property of a plugin.
+- Updated dependencies
+
+## 187.17.0
+
+### Minor Changes
+
+- [`fb3dab2b017`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fb3dab2b017) - Decouple `better-type-history` plugin from `base` plugin
+
+### Patch Changes
+
+- [`93a1fd7ce1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/93a1fd7ce1e) - Removed ResizeLabel
+
 ## 187.16.1
 
 ### Patch Changes

package/dist/cjs/create-editor/ReactEditorViewInternal.js

@@ -110,6 +110,9 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       var _this$view;
       return (_this$view = _this.view) === null || _this$view === void 0 ? void 0 : _this$view.state;
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getEditorView", function () {
+      return _this.view;
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatFullWidthAppearance", function (appearance) {
       if (appearance === 'full-width') {
         return _analytics.FULL_WIDTH_MODE.FULL_WIDTH;
@@ -530,7 +533,8 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "editor", _this.createEditor(_this.props.editorProps.assistiveLabel));
     _this.pluginInjectionAPI = new _preset.EditorPluginInjectionAPI({
-      getEditorState: _this.getEditorState
+      getEditorState: _this.getEditorState,
+      getEditorView: _this.getEditorView
     });
     _this.eventDispatcher = new _eventDispatcher.EventDispatcher();
     _this.dispatch = (0, _eventDispatcher.createDispatch)(_this.eventDispatcher);

package/dist/cjs/plugins/base/index.js

@@ -17,7 +17,6 @@ var _disableSpellChecking = _interopRequireDefault(require("./pm-plugins/disable
 var _contextIdentifier = _interopRequireDefault(require("./pm-plugins/context-identifier"));
 var _newlinePreserveMarks = _interopRequireDefault(require("./pm-plugins/newline-preserve-marks"));
 var _inlineCursorTarget = _interopRequireDefault(require("./pm-plugins/inline-cursor-target"));
-var _betterTypeHistory = _interopRequireDefault(require("./pm-plugins/better-type-history"));
 var _scrollGutter = _interopRequireDefault(require("./pm-plugins/scroll-gutter"));
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _frozenEditor = _interopRequireDefault(require("./pm-plugins/frozen-editor"));
@@ -97,13 +96,6 @@ var basePlugin = function basePlugin(options, api) {
             providerFactory = _ref4.providerFactory;
           return (0, _contextIdentifier.default)(dispatch, providerFactory);
         }
-      }, {
-        name: 'betterTypeHistory',
-        plugin: function plugin(_ref5) {
-          var dispatch = _ref5.dispatch,
-            providerFactory = _ref5.providerFactory;
-          return (0, _betterTypeHistory.default)();
-        }
       });
       if (options && options.allowScrollGutter) {
         plugins.push({

package/dist/cjs/plugins/better-type-history/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _main = _interopRequireDefault(require("./pm-plugins/main"));
+var _pluginKey = require("./pm-plugins/plugin-key");
+/**
+ * This plugin is aiming to improve undo behaviour for some of our more custom applications, very specific text
+ * paste events, splitting blocks of text, new lines.
+ */
+var betterTypeHistory = function betterTypeHistory() {
+  return {
+    name: 'betterTypeHistory',
+    actions: {
+      flagPasteEvent: function flagPasteEvent(tr) {
+        tr.setMeta(_pluginKey.pluginKey, true);
+        return tr;
+      }
+    },
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'betterTypeHistory',
+        plugin: function plugin() {
+          return (0, _main.default)();
+        }
+      }];
+    }
+  };
+};
+var _default = betterTypeHistory;
+exports.default = _default;

package/dist/cjs/plugins/{base/pm-plugins/better-type-history.js → better-type-history/pm-plugins/main.js}

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pluginKey = exports.default = void 0;
+exports.default = void 0;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _history = require("@atlaskit/editor-prosemirror/history");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _step = require("../../../utils/step");
+var _pluginKey = require("./plugin-key");
 var getEnterKeyboardActionStep = function getEnterKeyboardActionStep(trs) {
   var firstTr = trs.length === 1 && trs[0];
   if (!firstTr || !firstTr.docChanged || !firstTr.isGeneric || !(firstTr.selection instanceof _state.TextSelection)) {
@@ -38,14 +39,12 @@ var isSliceAddingNewlineChar = function isSliceAddingNewlineChar(slice, schema)
   var newLine = _model.Fragment.from(schema.text('\n'));
   return slice.content.eq(newLine);
 };
-var pluginKey = new _state.PluginKey('betterTypeHistoryPlugin');
-exports.pluginKey = pluginKey;
 var _default = function _default() {
   return new _safePlugin.SafePlugin({
-    key: pluginKey,
+    key: _pluginKey.pluginKey,
     appendTransaction: function appendTransaction(transactions, oldState, newState) {
       var hasHandlePasteMeta = transactions.find(function (tran) {
-        return tran.getMeta(pluginKey);
+        return tran.getMeta(_pluginKey.pluginKey);
       });
       if (hasHandlePasteMeta) {
         return (0, _history.closeHistory)(newState.tr);

package/dist/cjs/plugins/better-type-history/pm-plugins/plugin-key.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginKey = void 0;
+var _state = require("@atlaskit/editor-prosemirror/state");
+var pluginKey = new _state.PluginKey('betterTypeHistoryPlugin');
+exports.pluginKey = pluginKey;

package/dist/cjs/plugins/index.js

@@ -41,6 +41,12 @@ Object.defineProperty(exports, "beforePrimaryToolbarPlugin", {
     return _beforePrimaryToolbar.default;
   }
 });
+Object.defineProperty(exports, "betterTypeHistoryPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _betterTypeHistory.default;
+  }
+});
 Object.defineProperty(exports, "blockPluginStateKey", {
   enumerable: true,
   get: function get() {
@@ -379,6 +385,7 @@ Object.defineProperty(exports, "viewUpdateSubscriptionPlugin", {
 });
 var _base = _interopRequireDefault(require("./base"));
 var _blockType = _interopRequireWildcard(require("./block-type"));
+var _betterTypeHistory = _interopRequireDefault(require("./better-type-history"));
 var _clearMarksOnChangeToEmptyDocument = _interopRequireDefault(require("./clear-marks-on-change-to-empty-document"));
 var _codeBlock = _interopRequireDefault(require("./code-block"));
 var _collabEdit = _interopRequireDefault(require("./collab-edit"));

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

@@ -19,7 +19,6 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _reactIntlNext = require("react-intl-next");
 var _picker = require("@atlaskit/emoji/picker");
 var _ui = require("@atlaskit/editor-common/ui");
-var _preset = require("@atlaskit/editor-common/preset");
 var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButton"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _actions = require("../../../date/actions");
@@ -172,22 +171,15 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleLinkPanel", function (inputMethod) {
-      var _pluginInjectionApi$d, _pluginInjectionApi$d2;
-      var _this$props = _this.props,
-        editorView = _this$props.editorView,
-        pluginInjectionApi = _this$props.pluginInjectionApi;
-      var state = editorView.state,
-        dispatch = editorView.dispatch;
-
-      // We should update this to use `pluginInjectionApi.executeCommand` once available
-      (0, _preset.pluginCommandToPMCommand)(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.hyperlink) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.commands.showLinkToolbar(inputMethod))(state, dispatch);
-      return true;
+      var _pluginInjectionApi$e, _pluginInjectionApi$d, _pluginInjectionApi$d2;
+      var pluginInjectionApi = _this.props.pluginInjectionApi;
+      return (_pluginInjectionApi$e = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.executeCommand(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.hyperlink) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.commands.showLinkToolbar(inputMethod))) !== null && _pluginInjectionApi$e !== void 0 ? _pluginInjectionApi$e : false;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertMention", function (inputMethod) {
       var _pluginInjectionApi$d3;
-      var _this$props2 = _this.props,
-        editorView = _this$props2.editorView,
-        pluginInjectionApi = _this$props2.pluginInjectionApi;
+      var _this$props = _this.props,
+        editorView = _this$props.editorView,
+        pluginInjectionApi = _this$props.pluginInjectionApi;
       if (!editorView) {
         return true;
       }
@@ -200,9 +192,9 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertTable", function (inputMethod) {
       var _pluginInjectionApi$d4, _pluginInjectionApi$d5, _pluginInjectionApi$d6, _pluginInjectionApi$d7;
-      var _this$props3 = _this.props,
-        pluginInjectionApi = _this$props3.pluginInjectionApi,
-        editorView = _this$props3.editorView;
+      var _this$props2 = _this.props,
+        pluginInjectionApi = _this$props2.pluginInjectionApi,
+        editorView = _this$props2.editorView;
       var state = editorView.state,
         dispatch = editorView.dispatch;
       return (_pluginInjectionApi$d4 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d5 = pluginInjectionApi.dependencies.table) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : (_pluginInjectionApi$d6 = (_pluginInjectionApi$d7 = _pluginInjectionApi$d5.actions).insertTable) === null || _pluginInjectionApi$d6 === void 0 ? void 0 : _pluginInjectionApi$d6.call(_pluginInjectionApi$d7, {
@@ -236,9 +228,9 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       return true;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openMediaPicker", function (inputMethod) {
-      var _this$props4 = _this.props,
-        onShowMediaPicker = _this$props4.onShowMediaPicker,
-        dispatchAnalyticsEvent = _this$props4.dispatchAnalyticsEvent;
+      var _this$props3 = _this.props,
+        onShowMediaPicker = _this$props3.onShowMediaPicker,
+        dispatchAnalyticsEvent = _this$props3.dispatchAnalyticsEvent;
       if (onShowMediaPicker) {
         onShowMediaPicker();
         if (dispatchAnalyticsEvent) {
@@ -265,11 +257,11 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       };
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertHorizontalRule", function (inputMethod) {
-      var _this$props5 = _this.props,
-        _this$props5$editorVi = _this$props5.editorView,
-        state = _this$props5$editorVi.state,
-        dispatch = _this$props5$editorVi.dispatch,
-        featureFlags = _this$props5.featureFlags;
+      var _this$props4 = _this.props,
+        _this$props4$editorVi = _this$props4.editorView,
+        state = _this$props4$editorVi.state,
+        dispatch = _this$props4$editorVi.dispatch,
+        featureFlags = _this$props4.featureFlags;
       return (0, _commands4.insertHorizontalRule)(inputMethod, featureFlags)(state, dispatch);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
@@ -280,9 +272,9 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertBlockType", function (itemName) {
       return function () {
-        var _this$props6 = _this.props,
-          editorView = _this$props6.editorView,
-          onInsertBlockType = _this$props6.onInsertBlockType;
+        var _this$props5 = _this.props,
+          editorView = _this$props5.editorView,
+          onInsertBlockType = _this$props5.onInsertBlockType;
         var state = editorView.state,
           dispatch = editorView.dispatch;
         onInsertBlockType(itemName)(state, dispatch);
@@ -301,11 +293,11 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onItemActivated", function (_ref2) {
       var item = _ref2.item,
         inputMethod = _ref2.inputMethod;
-      var _this$props7 = _this.props,
-        editorView = _this$props7.editorView,
-        editorActions = _this$props7.editorActions,
-        handleImageUpload = _this$props7.handleImageUpload,
-        expandEnabled = _this$props7.expandEnabled;
+      var _this$props6 = _this.props,
+        editorView = _this$props6.editorView,
+        editorActions = _this$props6.editorActions,
+        handleImageUpload = _this$props6.handleImageUpload,
+        expandEnabled = _this$props6.expandEnabled;
 
       // need to do this before inserting nodes so scrollIntoView works properly
       if (!editorView.hasFocus()) {
@@ -421,12 +413,12 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     key: "renderPopup",
     value: function renderPopup() {
       var emojiPickerOpen = this.state.emojiPickerOpen;
-      var _this$props8 = this.props,
-        popupsMountPoint = _this$props8.popupsMountPoint,
-        popupsBoundariesElement = _this$props8.popupsBoundariesElement,
-        popupsScrollableElement = _this$props8.popupsScrollableElement,
-        emojiProvider = _this$props8.emojiProvider,
-        replacePlusMenuWithElementBrowser = _this$props8.replacePlusMenuWithElementBrowser;
+      var _this$props7 = this.props,
+        popupsMountPoint = _this$props7.popupsMountPoint,
+        popupsBoundariesElement = _this$props7.popupsBoundariesElement,
+        popupsScrollableElement = _this$props7.popupsScrollableElement,
+        emojiProvider = _this$props7.emojiProvider,
+        replacePlusMenuWithElementBrowser = _this$props7.replacePlusMenuWithElementBrowser;
       var dropdownEmoji = this.state.dropdownItems.some(function (_ref4) {
         var name = _ref4.value.name;
         return name === 'emoji';
@@ -462,9 +454,9 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         buttons = _this$state.buttons,
         dropdownItems = _this$state.dropdownItems,
         emojiPickerOpen = _this$state.emojiPickerOpen;
-      var _this$props9 = this.props,
-        isDisabled = _this$props9.isDisabled,
-        isReducedSpacing = _this$props9.isReducedSpacing;
+      var _this$props8 = this.props,
+        isDisabled = _this$props8.isDisabled,
+        isReducedSpacing = _this$props8.isReducedSpacing;
       if (buttons.length === 0 && dropdownItems.length === 0) {
         return null;
       }

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

@@ -395,7 +395,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
           gutterOffset: _mediaSingle.MEDIA_SINGLE_GUTTER_SIZE
         })
       };
-      var ResizableMediaSingleProps = _objectSpread({
+      var resizableMediaSingleProps = _objectSpread({
         view: view,
         getPos: getPos,
         updateSize: this.updateSize,
@@ -429,7 +429,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         ref: this.captionPlaceHolderRef,
         onClick: this.clickPlaceholder
       }));
-      return canResize ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? (0, _react.jsx)(_ResizableMediaSingleNext.default, ResizableMediaSingleProps, MediaChildren) : (0, _react.jsx)(_ResizableMediaSingle.default, (0, _extends2.default)({}, ResizableMediaSingleProps, {
+      return canResize ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? (0, _react.jsx)(_ResizableMediaSingleNext.default, resizableMediaSingleProps, MediaChildren) : (0, _react.jsx)(_ResizableMediaSingle.default, (0, _extends2.default)({}, resizableMediaSingleProps, {
         lineLength: contentWidthForLegacyExperience
       }), MediaChildren) : (0, _react.jsx)(_ui.MediaSingle, mediaSingleProps, MediaChildren);
     }

package/dist/cjs/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resizerNextTestId = exports.default = exports.UnwrappedResizableMediaSingleNext = void 0;
+exports.resizerNextTestId = exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -24,9 +24,6 @@ var _utils2 = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _styled = require("./styled");
 var _resizer = require("@atlaskit/editor-common/resizer");
-var _ResizeLabel = _interopRequireDefault(require("../../../../ui/Resizer/ResizeLabel"));
-var _reactIntlNext = require("react-intl-next");
-var _resizableMediaSingleMessages = require("./resizable-media-single-messages");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _styles = require("@atlaskit/editor-common/styles");
@@ -474,7 +471,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         fullWidthMode = _this$props8.fullWidthMode,
         selected = _this$props8.selected,
         children = _this$props8.children,
-        intl = _this$props8.intl,
         lineLength = _this$props8.lineLength;
       var _this$state = this.state,
         isResizing = _this$state.isResizing,
@@ -495,8 +491,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
       });
       var resizerNextClassName = (0, _classnames.default)(className, _styles.resizerStyles);
-      var showSizeGuide = selected || isResizing;
-      var label = layout === 'full-width' ? intl.formatMessage(_resizableMediaSingleMessages.messages.fullWidthImage) : "".concat(this.state.size.width, " x ").concat(this.state.size.height);
       var maxWidth = this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
       return (0, _react2.jsx)("div", {
         ref: this.saveWrapper,
@@ -522,14 +516,10 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         snap: this.state.snaps,
         resizeRatio: _utils2.nonWrappedLayouts.includes(layout) ? 2 : 1,
         "data-testid": resizerNextTestId
-      }, showSizeGuide && (0, _react2.jsx)(_ResizeLabel.default, {
-        label: label,
-        containerWidth: this.state.size.width
-      }), children));
+      }, children));
     }
   }]);
   return ResizableMediaSingleNext;
-}(_react.default.Component); // for testing purpose
-exports.UnwrappedResizableMediaSingleNext = ResizableMediaSingleNext;
-var _default = (0, _reactIntlNext.injectIntl)(ResizableMediaSingleNext);
+}(_react.default.Component);
+var _default = ResizableMediaSingleNext;
 exports.default = _default;

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

@@ -36,7 +36,6 @@ var _transforms = require("../../list/transforms");
 var _paste = require("@atlaskit/editor-common/paste");
 var _utils5 = require("../../tasks-and-decisions/utils");
 var _utils6 = require("../../annotation/utils");
-var _betterTypeHistory = require("../../base/pm-plugins/better-type-history");
 var _clipboardTextSerializer = require("./clipboard-text-serializer");
 var _tinyMCE = require("../util/tinyMCE");
 var _utils7 = require("@atlaskit/editor-tables/utils");
@@ -212,8 +211,9 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
             });
             return tableExists;
           });
-          if (!isPastingTextInsidePlaceholderText && !isPastingTable && !isPastingOverLayoutColumns) {
-            tr.setMeta(_betterTypeHistory.pluginKey, true);
+          if (!isPastingTextInsidePlaceholderText && !isPastingTable && !isPastingOverLayoutColumns && pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.dependencies.betterTypeHistory) {
+            var _pluginInjectionApi$d;
+            tr = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.betterTypeHistory) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.flagPasteEvent(tr);
           }
           (0, _card.addLinkMetadata)(view.state.selection, tr, {
             action: isPlainText ? _analytics2.ACTION.PASTED_AS_PLAIN : _analytics2.ACTION.PASTED,
@@ -241,14 +241,14 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
           // force a "paste as plain text" action by clearing the markdownSlice.
           markdownSlice = !((_markdownSlice = markdownSlice) !== null && _markdownSlice !== void 0 && _markdownSlice.size) ? undefined : markdownSlice;
           if (markdownSlice) {
-            var _pluginInjectionApi$d, _pluginInjectionApi$d2;
+            var _pluginInjectionApi$d2, _pluginInjectionApi$d3;
             // linkify text prior to converting to macro
             if ((0, _analytics.handlePasteLinkOnSelectedTextWithAnalytics)(view, event, markdownSlice, _analytics2.PasteTypes.markdown)(state, dispatch)) {
               return true;
             }
 
             // run macro autoconvert prior to other conversions
-            if ((0, _handlers.handleMacroAutoConvert)(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.actions) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
+            if ((0, _handlers.handleMacroAutoConvert)(text, markdownSlice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : (_pluginInjectionApi$d3 = _pluginInjectionApi$d2.actions) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
               // TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
               (0, _analytics.sendPasteAnalyticsEvent)(view, event, markdownSlice, {
                 type: _analytics2.PasteTypes.markdown
@@ -313,7 +313,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
 
         // finally, handle rich-text copy-paste
         if (isRichText) {
-          var _pluginInjectionApi$d3, _pluginInjectionApi$d4;
+          var _pluginInjectionApi$d4, _pluginInjectionApi$d5;
           // linkify the text where possible
           slice = (0, _utils.linkifyContent)(state.schema)(slice);
           if ((0, _analytics.handlePasteLinkOnSelectedTextWithAnalytics)(view, event, slice, _analytics2.PasteTypes.richText)(state, dispatch)) {
@@ -321,7 +321,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
           }
 
           // run macro autoconvert prior to other conversions
-          if ((0, _handlers.handleMacroAutoConvert)(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : (_pluginInjectionApi$d4 = _pluginInjectionApi$d3.actions) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
+          if ((0, _handlers.handleMacroAutoConvert)(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.actions) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
             // TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
             (0, _analytics.sendPasteAnalyticsEvent)(view, event, slice, {
               type: _analytics2.PasteTypes.richText

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.16.1";
+var version = "187.17.1";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "187.16.1",
+	"version": "187.17.1",
 	"sideEffects": false
 }

package/dist/es2019/create-editor/ReactEditorViewInternal.js

@@ -107,6 +107,7 @@ export class ReactEditorView extends React.Component {
       var _this$view;
       return (_this$view = this.view) === null || _this$view === void 0 ? void 0 : _this$view.state;
     });
+    _defineProperty(this, "getEditorView", () => this.view);
     _defineProperty(this, "formatFullWidthAppearance", appearance => {
       if (appearance === 'full-width') {
         return FULL_WIDTH_MODE.FULL_WIDTH;
@@ -528,7 +529,8 @@ export class ReactEditorView extends React.Component {
     });
     _defineProperty(this, "editor", this.createEditor(this.props.editorProps.assistiveLabel));
     this.pluginInjectionAPI = new EditorPluginInjectionAPI({
-      getEditorState: this.getEditorState
+      getEditorState: this.getEditorState,
+      getEditorView: this.getEditorView
     });
     this.eventDispatcher = new EventDispatcher();
     this.dispatch = createDispatch(this.eventDispatcher);

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

@@ -9,7 +9,6 @@ import disableSpellcheckingPlugin from './pm-plugins/disable-spell-checking';
 import contextIdentifierPlugin from './pm-plugins/context-identifier';
 import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
 import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
-import betterTypeHistoryPlugin from './pm-plugins/better-type-history';
 import scrollGutter from './pm-plugins/scroll-gutter';
 import { keymap } from '@atlaskit/editor-common/keymaps';
 import frozenEditor from './pm-plugins/frozen-editor';
@@ -75,12 +74,6 @@ const basePlugin = (options, api) => {
           dispatch,
           providerFactory
         }) => contextIdentifierPlugin(dispatch, providerFactory)
-      }, {
-        name: 'betterTypeHistory',
-        plugin: ({
-          dispatch,
-          providerFactory
-        }) => betterTypeHistoryPlugin()
       });
       if (options && options.allowScrollGutter) {
         plugins.push({

package/dist/es2019/plugins/better-type-history/index.js

@@ -0,0 +1,24 @@
+import createPlugin from './pm-plugins/main';
+import { pluginKey } from './pm-plugins/plugin-key';
+/**
+ * This plugin is aiming to improve undo behaviour for some of our more custom applications, very specific text
+ * paste events, splitting blocks of text, new lines.
+ */
+const betterTypeHistory = () => {
+  return {
+    name: 'betterTypeHistory',
+    actions: {
+      flagPasteEvent(tr) {
+        tr.setMeta(pluginKey, true);
+        return tr;
+      }
+    },
+    pmPlugins() {
+      return [{
+        name: 'betterTypeHistory',
+        plugin: () => createPlugin()
+      }];
+    }
+  };
+};
+export default betterTypeHistory;

package/dist/es2019/plugins/{base/pm-plugins/better-type-history.js → better-type-history/pm-plugins/main.js}

@@ -3,8 +3,8 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { closeHistory } from '@atlaskit/editor-prosemirror/history';
 import { ReplaceStep, ReplaceAroundStep } from '@atlaskit/editor-prosemirror/transform';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { extractSliceFromStep } from '../../../utils/step';
+import { pluginKey } from './plugin-key';
 const getEnterKeyboardActionStep = trs => {
   const firstTr = trs.length === 1 && trs[0];
   if (!firstTr || !firstTr.docChanged || !firstTr.isGeneric || !(firstTr.selection instanceof TextSelection)) {
@@ -33,7 +33,6 @@ const isSliceAddingNewlineChar = (slice, schema) => {
   const newLine = Fragment.from(schema.text('\n'));
   return slice.content.eq(newLine);
 };
-export const pluginKey = new PluginKey('betterTypeHistoryPlugin');
 export default (() => {
   return new SafePlugin({
     key: pluginKey,

package/dist/es2019/plugins/better-type-history/pm-plugins/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export const pluginKey = new PluginKey('betterTypeHistoryPlugin');

package/dist/es2019/plugins/index.js

@@ -1,6 +1,7 @@
 export { default as basePlugin } from './base';
 export { default as blockTypePlugin } from './block-type';
 export { pluginKey as blockPluginStateKey } from './block-type';
+export { default as betterTypeHistoryPlugin } from './better-type-history';
 export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
 export { default as codeBlockPlugin } from './code-block';
 export { default as collabEditPlugin } from './collab-edit';

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

@@ -6,7 +6,6 @@ import ReactDOM from 'react-dom';
 import { injectIntl } from 'react-intl-next';
 import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
 import { Popup } from '@atlaskit/editor-common/ui';
-import { pluginCommandToPMCommand } from '@atlaskit/editor-common/preset';
 import ToolbarButton from '../../../../ui/ToolbarButton';
 import { separatorStyles, buttonGroupStyle, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { insertDate } from '../../../date/actions';
@@ -153,19 +152,11 @@ export class ToolbarInsertBlock extends React.PureComponent {
       }
     });
     _defineProperty(this, "toggleLinkPanel", inputMethod => {
-      var _pluginInjectionApi$d, _pluginInjectionApi$d2;
+      var _pluginInjectionApi$e, _pluginInjectionApi$d, _pluginInjectionApi$d2;
       const {
-        editorView,
         pluginInjectionApi
       } = this.props;
-      const {
-        state,
-        dispatch
-      } = editorView;
-
-      // We should update this to use `pluginInjectionApi.executeCommand` once available
-      pluginCommandToPMCommand(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.hyperlink) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.commands.showLinkToolbar(inputMethod))(state, dispatch);
-      return true;
+      return (_pluginInjectionApi$e = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.executeCommand(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.hyperlink) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.commands.showLinkToolbar(inputMethod))) !== null && _pluginInjectionApi$e !== void 0 ? _pluginInjectionApi$e : false;
     });
     _defineProperty(this, "insertMention", inputMethod => {
       var _pluginInjectionApi$d3;

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

@@ -302,7 +302,7 @@ export default class MediaSingleNode extends Component {
         gutterOffset: MEDIA_SINGLE_GUTTER_SIZE
       })
     };
-    const ResizableMediaSingleProps = {
+    const resizableMediaSingleProps = {
       view: view,
       getPos: getPos,
       updateSize: this.updateSize,
@@ -339,7 +339,7 @@ export default class MediaSingleNode extends Component {
       ref: this.captionPlaceHolderRef,
       onClick: this.clickPlaceholder
     }));
-    return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, ResizableMediaSingleProps, MediaChildren) : jsx(ResizableMediaSingle, _extends({}, ResizableMediaSingleProps, {
+    return canResize ? getBooleanFF('platform.editor.media.extended-resize-experience') ? jsx(ResizableMediaSingleNext, resizableMediaSingleProps, MediaChildren) : jsx(ResizableMediaSingle, _extends({}, resizableMediaSingleProps, {
       lineLength: contentWidthForLegacyExperience
     }), MediaChildren) : jsx(MediaSingle, mediaSingleProps, MediaChildren);
   }