@atlaskit/editor-core 189.3.25 → 189.3.27

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-core
 
+## 189.3.27
+
+### Patch Changes
+
+- [#43060](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43060) [`f576ff89904`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f576ff89904) - ED-20278 Fix backslash duplication in codeBlock when pasting as plain text
+- [#43343](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43343) [`62499cd0af0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62499cd0af0) - Decouple tasks and decisions plugin from editor core.
+- Updated dependencies
+
+## 189.3.26
+
+### Patch Changes
+
+- [#43164](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43164) [`3aeedf55e29`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3aeedf55e29) - [ED-20068] Move editSelectedExtension to ExtensionPluginActions
+- Updated dependencies
+
 ## 189.3.25
 
 ### Patch Changes

package/dist/cjs/plugins/extension/actions.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.performNodeUpdate = exports.editSelectedExtension = exports.editExtension = exports.buildExtensionNode = void 0;
+exports.performNodeUpdate = exports.editSelectedExtension = exports.editExtension = exports.createEditSelectedExtensionAction = exports.buildExtensionNode = void 0;
 Object.defineProperty(exports, "transformSliceToRemoveOpenBodiedExtension", {
   enumerable: true,
   get: function get() {
@@ -216,4 +216,18 @@ var editExtension = exports.editExtension = function editExtension(macroProvider
     }
     return true;
   };
+};
+var createEditSelectedExtensionAction = exports.createEditSelectedExtensionAction = function createEditSelectedExtensionAction(_ref2) {
+  var editorViewRef = _ref2.editorViewRef,
+    editorAnalyticsAPI = _ref2.editorAnalyticsAPI;
+  return function () {
+    var view = editorViewRef.current;
+    if (!view) {
+      return false;
+    }
+    var _getPluginState3 = (0, _main.getPluginState)(view.state),
+      updateExtension = _getPluginState3.updateExtension,
+      applyChangeToContextPanel = _getPluginState3.applyChangeToContextPanel;
+    return editExtension(null, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension)(view.state, view.dispatch, view);
+  };
 };

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

@@ -15,8 +15,9 @@ var _uniqueId = require("./pm-plugins/unique-id");
 var _toolbar = require("./toolbar");
 var _contextPanel = require("./context-panel");
 var _extensionApi = require("./extension-api");
+var _actions2 = require("./actions");
 var extensionPlugin = function extensionPlugin(_ref) {
-  var _api$featureFlags, _api$analytics2, _api$contextPanel3, _api$analytics3, _api$contextPanel4;
+  var _api$featureFlags, _api$analytics2, _api$analytics3, _api$contextPanel3, _api$analytics4, _api$contextPanel4;
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,
     _api = _ref.api;
@@ -97,6 +98,10 @@ var extensionPlugin = function extensionPlugin(_ref) {
         });
       },
       insertMacroFromMacroBrowser: (0, _actions.insertMacroFromMacroBrowser)(_api === null || _api === void 0 || (_api$analytics2 = _api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
+      editSelectedExtension: (0, _actions2.createEditSelectedExtensionAction)({
+        editorViewRef: editorViewRef,
+        editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics3 = _api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions
+      }),
       runMacroAutoConvert: _actions.runMacroAutoConvert
     },
     pluginsOptions: {
@@ -104,7 +109,7 @@ var extensionPlugin = function extensionPlugin(_ref) {
         breakoutEnabled: options.breakoutEnabled,
         hoverDecoration: _api === null || _api === void 0 ? void 0 : _api.decorations.actions.hoverDecoration,
         applyChangeToContextPanel: _api === null || _api === void 0 || (_api$contextPanel3 = _api.contextPanel) === null || _api$contextPanel3 === void 0 ? void 0 : _api$contextPanel3.actions.applyChange,
-        editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics3 = _api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions
+        editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics4 = _api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions
       }),
       contextPanel: (0, _contextPanel.getContextPanel)(function () {
         var _editorViewRef$curren;

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

@@ -22,7 +22,6 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _commands = require("../../../tasks-and-decisions/commands");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("./messages");
 var _createItems3 = require("./create-items");
@@ -249,40 +248,41 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       }
       return true;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertTaskDecision", function (editorAnalyticsAPI) {
-      return function (name, inputMethod) {
-        return function () {
-          var _this$props$editorVie = _this.props.editorView,
-            state = _this$props$editorVie.state,
-            dispatch = _this$props$editorVie.dispatch;
-          var listType = name === 'action' ? 'taskList' : 'decisionList';
-          return (0, _commands.insertTaskDecisionCommand)(editorAnalyticsAPI)(listType, inputMethod)(state, dispatch);
-        };
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertTaskDecision", function (name, inputMethod) {
+      return function () {
+        var _pluginInjectionApi$t5, _pluginInjectionApi$t6;
+        var _this$props7 = _this.props,
+          _this$props7$editorVi = _this$props7.editorView,
+          state = _this$props7$editorVi.state,
+          dispatch = _this$props7$editorVi.dispatch,
+          pluginInjectionApi = _this$props7.pluginInjectionApi;
+        var listType = name === 'action' ? 'taskList' : 'decisionList';
+        return (_pluginInjectionApi$t5 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t6 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t6 === void 0 ? void 0 : _pluginInjectionApi$t6.actions.insertTaskDecision(listType, inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$t5 !== void 0 ? _pluginInjectionApi$t5 : false;
       };
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertHorizontalRule", function (inputMethod) {
       var _pluginInjectionApi$r, _pluginInjectionApi$r2;
-      var _this$props7 = _this.props,
-        _this$props7$editorVi = _this$props7.editorView,
-        state = _this$props7$editorVi.state,
-        dispatch = _this$props7$editorVi.dispatch,
-        pluginInjectionApi = _this$props7.pluginInjectionApi;
-      return (_pluginInjectionApi$r = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$r2 = pluginInjectionApi.rule) === null || _pluginInjectionApi$r2 === void 0 ? void 0 : _pluginInjectionApi$r2.actions.insertHorizontalRule(inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$r !== void 0 ? _pluginInjectionApi$r : false;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
-      var _pluginInjectionApi$e, _pluginInjectionApi$e2;
       var _this$props8 = _this.props,
         _this$props8$editorVi = _this$props8.editorView,
         state = _this$props8$editorVi.state,
         dispatch = _this$props8$editorVi.dispatch,
         pluginInjectionApi = _this$props8.pluginInjectionApi;
+      return (_pluginInjectionApi$r = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$r2 = pluginInjectionApi.rule) === null || _pluginInjectionApi$r2 === void 0 ? void 0 : _pluginInjectionApi$r2.actions.insertHorizontalRule(inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$r !== void 0 ? _pluginInjectionApi$r : false;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
+      var _pluginInjectionApi$e, _pluginInjectionApi$e2;
+      var _this$props9 = _this.props,
+        _this$props9$editorVi = _this$props9.editorView,
+        state = _this$props9$editorVi.state,
+        dispatch = _this$props9$editorVi.dispatch,
+        pluginInjectionApi = _this$props9.pluginInjectionApi;
       return (_pluginInjectionApi$e = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.expand) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.actions.insertExpand(state, dispatch)) !== null && _pluginInjectionApi$e !== void 0 ? _pluginInjectionApi$e : false;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertBlockType", function (itemName) {
       return function () {
-        var _this$props9 = _this.props,
-          editorView = _this$props9.editorView,
-          onInsertBlockType = _this$props9.onInsertBlockType;
+        var _this$props10 = _this.props,
+          editorView = _this$props10.editorView,
+          onInsertBlockType = _this$props10.onInsertBlockType;
         var state = editorView.state,
           dispatch = editorView.dispatch;
         onInsertBlockType(itemName)(state, dispatch);
@@ -303,14 +303,13 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.commands.openElementBrowserModal);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onItemActivated", function (_ref2) {
-      var _this$props$pluginInj;
       var item = _ref2.item,
         inputMethod = _ref2.inputMethod;
-      var _this$props10 = _this.props,
-        editorView = _this$props10.editorView,
-        editorActions = _this$props10.editorActions,
-        handleImageUpload = _this$props10.handleImageUpload,
-        expandEnabled = _this$props10.expandEnabled;
+      var _this$props11 = _this.props,
+        editorView = _this$props11.editorView,
+        editorActions = _this$props11.editorActions,
+        handleImageUpload = _this$props11.handleImageUpload,
+        expandEnabled = _this$props11.expandEnabled;
 
       // need to do this before inserting nodes so scrollIntoView works properly
       if (!editorView.hasFocus()) {
@@ -346,7 +345,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
           break;
         case 'action':
         case 'decision':
-          _this.insertTaskDecision((_this$props$pluginInj = _this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 || (_this$props$pluginInj = _this$props$pluginInj.analytics) === null || _this$props$pluginInj === void 0 ? void 0 : _this$props$pluginInj.actions)(item.value.name, inputMethod)();
+          _this.insertTaskDecision(item.value.name, inputMethod)();
           break;
         case 'horizontalrule':
           _this.insertHorizontalRule(inputMethod);
@@ -426,12 +425,12 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
     key: "renderPopup",
     value: function renderPopup() {
       var emojiPickerOpen = this.state.emojiPickerOpen;
-      var _this$props11 = this.props,
-        popupsMountPoint = _this$props11.popupsMountPoint,
-        popupsBoundariesElement = _this$props11.popupsBoundariesElement,
-        popupsScrollableElement = _this$props11.popupsScrollableElement,
-        emojiProvider = _this$props11.emojiProvider,
-        replacePlusMenuWithElementBrowser = _this$props11.replacePlusMenuWithElementBrowser;
+      var _this$props12 = this.props,
+        popupsMountPoint = _this$props12.popupsMountPoint,
+        popupsBoundariesElement = _this$props12.popupsBoundariesElement,
+        popupsScrollableElement = _this$props12.popupsScrollableElement,
+        emojiProvider = _this$props12.emojiProvider,
+        replacePlusMenuWithElementBrowser = _this$props12.replacePlusMenuWithElementBrowser;
       var dropdownEmoji = this.state.dropdownItems.some(function (_ref4) {
         var name = _ref4.value.name;
         return name === 'emoji';
@@ -468,9 +467,9 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         buttons = _this$state.buttons,
         dropdownItems = _this$state.dropdownItems,
         emojiPickerOpen = _this$state.emojiPickerOpen;
-      var _this$props12 = this.props,
-        isDisabled = _this$props12.isDisabled,
-        isReducedSpacing = _this$props12.isReducedSpacing;
+      var _this$props13 = this.props,
+        isDisabled = _this$props13.isDisabled,
+        isReducedSpacing = _this$props13.isReducedSpacing;
       if (buttons.length === 0 && dropdownItems.length === 0) {
         return null;
       }

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

@@ -43,20 +43,37 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
   var editorAnalyticsAPI = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions;
   var atlassianMarkDownParser = new _editorMarkdownTransformer.MarkdownTransformer(schema, _paste.md);
   function getMarkdownSlice(text, openStart, openEnd) {
-    var textInput = text;
-    var textSplitByCodeBlock = textInput.split(/```/);
-    for (var i = 0; i < textSplitByCodeBlock.length; i++) {
-      if (i % 2 === 0) {
-        textSplitByCodeBlock[i] = textSplitByCodeBlock[i].replace(/\\/g, '\\\\');
-      }
-    }
-    textInput = textSplitByCodeBlock.join('```');
+    var textInput = escapeBackslashExceptCodeblock(text);
     var doc = atlassianMarkDownParser.parse((0, _util.escapeLinks)(textInput));
     if (doc && doc.content) {
       return new _model.Slice(doc.content, openStart, openEnd);
     }
     return;
   }
+  function escapeBackslashExceptCodeblock(textInput) {
+    var codeToken = '```';
+    if (!textInput.includes(codeToken)) {
+      return textInput.replace(/\\/g, '\\\\');
+    }
+    var isInsideCodeblock = false;
+    var textSplitByNewLine = textInput.split('\n');
+    // In the splitted array, we traverse through every line and check if it will be parsed as a codeblock.
+    textSplitByNewLine = textSplitByNewLine.map(function (text) {
+      if (text === codeToken) {
+        isInsideCodeblock = !isInsideCodeblock;
+      } else if (text.startsWith(codeToken) && isInsideCodeblock === false) {
+        // if there is some text after the ``` mark , it gets counted as language attribute only at the start of codeblock
+        isInsideCodeblock = true;
+      }
+      if (!isInsideCodeblock) {
+        // only escape text which is not inside a codeblock
+        text = text.replace(/\\/g, '\\\\');
+      }
+      return text;
+    });
+    textInput = textSplitByNewLine.join('\n');
+    return textInput;
+  }
   var extensionAutoConverter;
   function setExtensionAutoConverter(_x, _x2) {
     return _setExtensionAutoConverter.apply(this, arguments);

package/dist/cjs/plugins/tasks-and-decisions/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,7 +15,7 @@ var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var _commands = require("./commands");
 var _inputRules = _interopRequireDefault(require("./pm-plugins/input-rules"));
-var _keymaps = _interopRequireDefault(require("./pm-plugins/keymaps"));
+var _keymaps = _interopRequireWildcard(require("./pm-plugins/keymaps"));
 var _main = require("./pm-plugins/main");
 var _ToolbarDecision = _interopRequireDefault(require("./ui/ToolbarDecision"));
 var _ToolbarTask = _interopRequireDefault(require("./ui/ToolbarTask"));
@@ -22,6 +23,8 @@ var _helpers = require("./pm-plugins/helpers");
 var _indentation = require("@atlaskit/editor-common/indentation");
 var _templateObject;
 /** @jsx jsx */
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var taskDecisionToolbarGroup = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
 var addItem = function addItem(insert, listType, schema) {
   return function (_ref) {
@@ -38,6 +41,7 @@ var addItem = function addItem(insert, listType, schema) {
   };
 };
 var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref2) {
+  var _api$analytics, _api$analytics2, _api$analytics3;
   var _ref2$config = _ref2.config,
     _ref2$config2 = _ref2$config === void 0 ? {} : _ref2$config,
     allowNestedTasks = _ref2$config2.allowNestedTasks,
@@ -75,6 +79,11 @@ var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref2) {
         outdentDisabled: indentLevel <= 1
       };
     },
+    actions: {
+      insertTaskDecision: (0, _commands.insertTaskDecisionCommand)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions),
+      indentTaskList: (0, _keymaps.getIndentCommand)(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
+      outdentTaskList: (0, _keymaps.getUnindentCommand)(api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions)
+    },
     pmPlugins: function pmPlugins() {
       return [{
         name: 'tasksAndDecisions',
@@ -88,10 +97,10 @@ var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref2) {
       }, {
         name: 'tasksAndDecisionsInputRule',
         plugin: function plugin(_ref4) {
-          var _api$analytics;
+          var _api$analytics4;
           var schema = _ref4.schema,
             featureFlags = _ref4.featureFlags;
-          return (0, _inputRules.default)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(schema, featureFlags);
+          return (0, _inputRules.default)(api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions)(schema, featureFlags);
         }
       }, {
         name: 'tasksAndDecisionsKeyMap',
@@ -133,8 +142,8 @@ var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref2) {
             return (0, _react.jsx)(_quickInsert.IconAction, null);
           },
           action: function action(insert, state) {
-            var _api$analytics2;
-            return (0, _commands.insertTaskDecisionAction)(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions)(state, 'taskList', _analytics.INPUT_METHOD.QUICK_INSERT, addItem(insert, 'taskList', state.schema));
+            var _api$analytics5;
+            return (0, _commands.insertTaskDecisionAction)(api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions)(state, 'taskList', _analytics.INPUT_METHOD.QUICK_INSERT, addItem(insert, 'taskList', state.schema));
           }
         }, {
           id: 'decision',
@@ -146,8 +155,8 @@ var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref2) {
             return (0, _react.jsx)(_quickInsert.IconDecision, null);
           },
           action: function action(insert, state) {
-            var _api$analytics3;
-            return (0, _commands.insertTaskDecisionAction)(api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions)(state, 'decisionList', _analytics.INPUT_METHOD.QUICK_INSERT, addItem(insert, 'decisionList', state.schema));
+            var _api$analytics6;
+            return (0, _commands.insertTaskDecisionAction)(api === null || api === void 0 || (_api$analytics6 = api.analytics) === null || _api$analytics6 === void 0 ? void 0 : _api$analytics6.actions)(state, 'decisionList', _analytics.INPUT_METHOD.QUICK_INSERT, addItem(insert, 'decisionList', state.schema));
           }
         }];
       }

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

@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _decision = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/decision"));
-var _ToolbarButton = _interopRequireWildcard(require("../../../../ui/ToolbarButton"));
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _messages = require("@atlaskit/editor-common/messages");
 var _commands = require("../../commands");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -58,8 +58,8 @@ var ToolbarDecision = exports.ToolbarDecision = /*#__PURE__*/function (_PureComp
         isReducedSpacing = _this$props2.isReducedSpacing,
         formatMessage = _this$props2.intl.formatMessage;
       var label = formatMessage(_messages.toolbarInsertBlockMessages.decision);
-      return /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
-        buttonId: _ToolbarButton.TOOLBAR_BUTTON.DECISION_LIST,
+      return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarButton, {
+        buttonId: _uiMenu.TOOLBAR_BUTTON.DECISION_LIST,
         onClick: this.handleInsertDecision,
         disabled: disabled || isDisabled,
         spacing: isReducedSpacing ? 'none' : 'default',

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

@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _task = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/task"));
-var _ToolbarButton = _interopRequireWildcard(require("../../../../ui/ToolbarButton"));
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _messages = require("@atlaskit/editor-common/messages");
 var _commands = require("../../commands");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -58,8 +58,8 @@ var ToolbarTask = exports.ToolbarTask = /*#__PURE__*/function (_PureComponent) {
         isReducedSpacing = _this$props2.isReducedSpacing,
         formatMessage = _this$props2.intl.formatMessage;
       var label = formatMessage(_messages.toolbarInsertBlockMessages.action);
-      return /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
-        buttonId: _ToolbarButton.TOOLBAR_BUTTON.TASK_LIST,
+      return /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarButton, {
+        buttonId: _uiMenu.TOOLBAR_BUTTON.TASK_LIST,
         onClick: this.handleInsertTask,
         disabled: disabled || isDisabled,
         spacing: isReducedSpacing ? 'none' : 'default',

package/dist/cjs/plugins/toolbar-lists-indentation/ui/onItemActivated.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.onItemActivated = void 0;
-var _keymaps = require("../../tasks-and-decisions/pm-plugins/keymaps");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var onItemActivated = exports.onItemActivated = function onItemActivated(pluginInjectionApi, indentationStateNode) {
   return function (_ref) {
@@ -28,8 +27,8 @@ var onItemActivated = exports.onItemActivated = function onItemActivated(pluginI
             pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.indentList(_analytics.INPUT_METHOD.TOOLBAR));
           }
           if (node === 'taskList') {
-            var _pluginInjectionApi$a;
-            (0, _keymaps.getIndentCommand)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+            var _pluginInjectionApi$t;
+            pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t === void 0 || _pluginInjectionApi$t.actions.indentTaskList(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
           }
           break;
         }
@@ -44,8 +43,8 @@ var onItemActivated = exports.onItemActivated = function onItemActivated(pluginI
             pluginInjectionApi === null || pluginInjectionApi === void 0 || pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.outdentList(_analytics.INPUT_METHOD.TOOLBAR));
           }
           if (_node === 'taskList') {
-            var _pluginInjectionApi$a2;
-            (0, _keymaps.getUnindentCommand)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+            var _pluginInjectionApi$t2;
+            pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t2 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t2 === void 0 || _pluginInjectionApi$t2.actions.outdentTaskList(_analytics.INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
           }
           break;
         }

package/dist/cjs/ui/ConfigPanel/LoadingState.js

@@ -10,10 +10,11 @@ var _react = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _templateObject;
 /** @jsx jsx */
-var spinnerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  margin-top: 64px;\n"])));
+var spinnerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  margin-top: ", ";\n"])), "var(--ds-space-800, 64px)");
 var LoadingState = function LoadingState() {
   return (0, _react.jsx)("div", {
-    css: spinnerWrapper
+    css: spinnerWrapper,
+    "data-testid": "ConfigPanelLoading"
   }, (0, _react.jsx)(_spinner.default, {
     size: "small"
   }));

package/dist/cjs/ui/ContentStyles/index.js

@@ -24,7 +24,7 @@ var _styles5 = require("@atlaskit/editor-plugin-placeholder-text/styles");
 var _extension = require("./extension");
 var _expand = require("./expand");
 var _styles6 = require("../../plugins/find-replace/styles");
-var _styles7 = require("../../plugins/tasks-and-decisions/styles");
+var _tasksAndDecisions = require("./tasks-and-decisions");
 var _status = require("./status");
 var _date = require("./date");
 var _getInlineNodeViewProducer = require("../../nodeviews/getInlineNodeViewProducer.styles");
@@ -47,7 +47,7 @@ var placeholderStyles = exports.placeholderStyles = (0, _react2.css)(_templateOb
 var contentStyles = function contentStyles(props) {
   return (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme
-  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles5.placeholderTextStyles, placeholderStyles, (0, _codeBlock.codeBlockStyles)(props), (0, _styles3.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _media.mediaStyles, (0, _layout.layoutStyles)(props), _styles2.telepointerStyle, _selection.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _panel.panelStyles)(props), mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _extension.extensionStyles, (0, _expand.expandStyles)(props), _styles6.findReplaceStyles, _styles4.textHighlightStyle, _styles7.taskDecisionStyles, _status.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _date.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles5.placeholderTextStyles, placeholderStyles, (0, _codeBlock.codeBlockStyles)(props), (0, _styles3.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _media.mediaStyles, (0, _layout.layoutStyles)(props), _styles2.telepointerStyle, _selection.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _panel.panelStyles)(props), mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _extension.extensionStyles, (0, _expand.expandStyles)(props), _styles6.findReplaceStyles, _styles4.textHighlightStyle, _tasksAndDecisions.taskDecisionStyles, _status.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _date.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "189.3.25";
+var version = exports.version = "189.3.27";

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

@@ -181,4 +181,20 @@ export const editExtension = (macroProvider, applyChangeToContextPanel, editorAn
     editInLegacyMacroBrowser();
   }
   return true;
+};
+export const createEditSelectedExtensionAction = ({
+  editorViewRef,
+  editorAnalyticsAPI
+}) => () => {
+  const {
+    current: view
+  } = editorViewRef;
+  if (!view) {
+    return false;
+  }
+  const {
+    updateExtension,
+    applyChangeToContextPanel
+  } = getPluginState(view.state);
+  return editExtension(null, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension)(view.state, view.dispatch, view);
 };

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

@@ -8,11 +8,12 @@ import { createPlugin as createUniqueIdPlugin } from './pm-plugins/unique-id';
 import { getToolbarConfig } from './toolbar';
 import { getContextPanel } from './context-panel';
 import { createExtensionAPI } from './extension-api';
+import { createEditSelectedExtensionAction } from './actions';
 const extensionPlugin = ({
   config: options = {},
   api
 }) => {
-  var _api$featureFlags, _api$analytics2, _api$contextPanel3, _api$analytics3, _api$contextPanel4;
+  var _api$featureFlags, _api$analytics2, _api$analytics3, _api$contextPanel3, _api$analytics4, _api$contextPanel4;
   const featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   //Note: This is a hack to get the editor view reference in the plugin. Copied from table plugin.
   //This is needed to get the current selection in the editor
@@ -88,6 +89,10 @@ const extensionPlugin = ({
         });
       },
       insertMacroFromMacroBrowser: insertMacroFromMacroBrowser(api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
+      editSelectedExtension: createEditSelectedExtensionAction({
+        editorViewRef,
+        editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions
+      }),
       runMacroAutoConvert
     },
     pluginsOptions: {
@@ -95,7 +100,7 @@ const extensionPlugin = ({
         breakoutEnabled: options.breakoutEnabled,
         hoverDecoration: api === null || api === void 0 ? void 0 : api.decorations.actions.hoverDecoration,
         applyChangeToContextPanel: api === null || api === void 0 ? void 0 : (_api$contextPanel3 = api.contextPanel) === null || _api$contextPanel3 === void 0 ? void 0 : _api$contextPanel3.actions.applyChange,
-        editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions
+        editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions
       }),
       contextPanel: getContextPanel(() => {
         var _editorViewRef$curren;

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

@@ -9,7 +9,6 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { separatorStyles, buttonGroupStyle, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
-import { insertTaskDecisionCommand } from '../../../tasks-and-decisions/commands';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { messages } from './messages';
 import { createItems } from './create-items';
@@ -242,15 +241,17 @@ export class ToolbarInsertBlock extends React.PureComponent {
       }
       return true;
     });
-    _defineProperty(this, "insertTaskDecision", editorAnalyticsAPI => (name, inputMethod) => () => {
+    _defineProperty(this, "insertTaskDecision", (name, inputMethod) => () => {
+      var _pluginInjectionApi$t5, _pluginInjectionApi$t6;
       const {
         editorView: {
           state,
           dispatch
-        }
+        },
+        pluginInjectionApi
       } = this.props;
       const listType = name === 'action' ? 'taskList' : 'decisionList';
-      return insertTaskDecisionCommand(editorAnalyticsAPI)(listType, inputMethod)(state, dispatch);
+      return (_pluginInjectionApi$t5 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$t6 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t6 === void 0 ? void 0 : _pluginInjectionApi$t6.actions.insertTaskDecision(listType, inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$t5 !== void 0 ? _pluginInjectionApi$t5 : false;
     });
     _defineProperty(this, "insertHorizontalRule", inputMethod => {
       var _pluginInjectionApi$r, _pluginInjectionApi$r2;
@@ -307,7 +308,6 @@ export class ToolbarInsertBlock extends React.PureComponent {
       item,
       inputMethod
     }) => {
-      var _this$props$pluginInj, _this$props$pluginInj2;
       const {
         editorView,
         editorActions,
@@ -351,7 +351,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
           break;
         case 'action':
         case 'decision':
-          this.insertTaskDecision((_this$props$pluginInj = this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 ? void 0 : (_this$props$pluginInj2 = _this$props$pluginInj.analytics) === null || _this$props$pluginInj2 === void 0 ? void 0 : _this$props$pluginInj2.actions)(item.value.name, inputMethod)();
+          this.insertTaskDecision(item.value.name, inputMethod)();
           break;
         case 'horizontalrule':
           this.insertHorizontalRule(inputMethod);

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

@@ -28,20 +28,37 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
   const editorAnalyticsAPI = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions;
   const atlassianMarkDownParser = new MarkdownTransformer(schema, md);
   function getMarkdownSlice(text, openStart, openEnd) {
-    let textInput = text;
-    const textSplitByCodeBlock = textInput.split(/```/);
-    for (let i = 0; i < textSplitByCodeBlock.length; i++) {
-      if (i % 2 === 0) {
-        textSplitByCodeBlock[i] = textSplitByCodeBlock[i].replace(/\\/g, '\\\\');
-      }
-    }
-    textInput = textSplitByCodeBlock.join('```');
+    let textInput = escapeBackslashExceptCodeblock(text);
     const doc = atlassianMarkDownParser.parse(escapeLinks(textInput));
     if (doc && doc.content) {
       return new Slice(doc.content, openStart, openEnd);
     }
     return;
   }
+  function escapeBackslashExceptCodeblock(textInput) {
+    const codeToken = '```';
+    if (!textInput.includes(codeToken)) {
+      return textInput.replace(/\\/g, '\\\\');
+    }
+    let isInsideCodeblock = false;
+    let textSplitByNewLine = textInput.split('\n');
+    // In the splitted array, we traverse through every line and check if it will be parsed as a codeblock.
+    textSplitByNewLine = textSplitByNewLine.map(text => {
+      if (text === codeToken) {
+        isInsideCodeblock = !isInsideCodeblock;
+      } else if (text.startsWith(codeToken) && isInsideCodeblock === false) {
+        // if there is some text after the ``` mark , it gets counted as language attribute only at the start of codeblock
+        isInsideCodeblock = true;
+      }
+      if (!isInsideCodeblock) {
+        // only escape text which is not inside a codeblock
+        text = text.replace(/\\/g, '\\\\');
+      }
+      return text;
+    });
+    textInput = textSplitByNewLine.join('\n');
+    return textInput;
+  }
   let extensionAutoConverter;
   async function setExtensionAutoConverter(name, extensionProviderPromise) {
     if (name !== 'extensionProvider' || !extensionProviderPromise) {