@atlaskit/editor-core 148.0.0 → 149.0.3

package/dist/esm/plugins/quick-insert/assets/custom-panel.js

@@ -0,0 +1,45 @@
+import React from 'react';
+export default function IconCustomPanel() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "40",
+    height: "40",
+    viewBox: "0 0 40 40",
+    fill: "none",
+    focusable: "false",
+    "aria-hidden": true
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8 13C8 12.4477 8.44772 12 9 12H40V28H9C8.44772 28 8 27.5523 8 27V13Z",
+    fill: "#E6FCFF"
+  }), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M19.9999 16.2222C15.5817 16.2222 12.2222 19.5818 12.2222 24H16.0093C16.0093 21.7962 17.7964 20.0093 19.9999 20.0093V16.2222Z",
+    fill: "#8767AC"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 23.9998H12.676C12.676 19.9578 15.9502 16.6809 19.9909 16.676V16C15.5767 16.0051 12 19.5847 12 23.9998Z",
+    fill: "#EB2027"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.6851 24H13.3517C13.3517 20.3262 16.3273 17.3478 19.9999 17.3429V16.6762C15.9593 16.6811 12.6851 19.958 12.6851 24Z",
+    fill: "#F19020"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.3518 24H14.0185C14.0185 20.6945 16.6956 18.0145 20 18.0096V17.3429C16.3274 17.3478 13.3518 20.3262 13.3518 24Z",
+    fill: "#FFCB4C"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.0184 24H14.6851C14.6851 21.0629 17.064 18.6811 20 18.6762V18.0096C16.6955 18.0144 14.0184 20.6944 14.0184 24Z",
+    fill: "#5C903F"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.6851 24H15.3517C15.3517 21.4311 17.4322 19.348 19.9999 19.3431V18.6762C17.0639 18.6811 14.6851 21.0629 14.6851 24Z",
+    fill: "#226798"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "8",
+    height: "8",
+    fill: "white",
+    transform: "translate(12 16)"
+  }))));
+}

package/dist/esm/plugins/quick-insert/assets/index.js

@@ -205,6 +205,18 @@ export var IconPanel = Loadable({
     return null;
   }
 });
+export var IconCustomPanel = Loadable({
+  loader: function loader() {
+    return import(
+    /* webpackChunkName: "@atlaskit-internal_editor-icon-custon-panel" */
+    './custom-panel').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
 export var IconQuote = Loadable({
   loader: function loader() {
     return import(

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

@@ -9,8 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import { Plugin } from 'prosemirror-state';
 import memoizeOne from 'memoize-one';
-import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT_ID } from '../analytics';
-import { analyticsEventKey } from '../analytics/consts';
+import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { pluginKey } from './plugin-key';
 import { searchQuickInsertItems } from './search';
 import ModalElementBrowser from './ui/ModalElementBrowser';
@@ -27,34 +26,20 @@ var quickInsertPlugin = function quickInsertPlugin(options) {
           var providerFactory = _ref.providerFactory,
               reactContext = _ref.reactContext,
               dispatch = _ref.dispatch;
-          return quickInsertPluginFactory(quickInsert, providerFactory, reactContext().intl, dispatch);
+          return quickInsertPluginFactory(quickInsert, providerFactory, reactContext().intl, dispatch, options === null || options === void 0 ? void 0 : options.emptyStateHandler);
         }
       }];
     },
     pluginsOptions: {
       typeAhead: {
+        id: TypeAheadAvailableNodes.QUICK_INSERT,
         trigger: '/',
         headless: options ? options.headless : undefined,
-        getItems: function getItems(query, state, intl, _ref2, _tr, dispatch) {
-          var prevActive = _ref2.prevActive,
-              queryChanged = _ref2.queryChanged;
-
-          if (!prevActive && queryChanged) {
-            dispatch(analyticsEventKey, {
-              payload: {
-                action: ACTION.INVOKED,
-                actionSubject: ACTION_SUBJECT.TYPEAHEAD,
-                actionSubjectId: ACTION_SUBJECT_ID.TYPEAHEAD_QUICK_INSERT,
-                attributes: {
-                  inputMethod: INPUT_METHOD.KEYBOARD
-                },
-                eventType: EVENT_TYPE.UI
-              }
-            });
-          }
-
-          var quickInsertState = pluginKey.getState(state);
-          return searchQuickInsertItems(quickInsertState, options)(query);
+        getItems: function getItems(_ref2) {
+          var query = _ref2.query,
+              editorState = _ref2.editorState;
+          var quickInsertState = pluginKey.getState(editorState);
+          return Promise.resolve(searchQuickInsertItems(quickInsertState, options)(query));
         },
         selectItem: function selectItem(state, item, insert) {
           return item.action(insert, state);
@@ -129,13 +114,14 @@ var setProviderState = function setProviderState(providerState) {
   };
 };
 
-function quickInsertPluginFactory(quickInsertItems, providerFactory, intl, dispatch) {
+function quickInsertPluginFactory(quickInsertItems, providerFactory, intl, dispatch, emptyStateHandler) {
   return new Plugin({
     key: pluginKey,
     state: {
       init: function init() {
         return {
           isElementBrowserModalOpen: false,
+          emptyStateHandler: emptyStateHandler,
           // lazy so it doesn't run on editor initialization
           // memo here to avoid using a singleton cache, avoids editor
           // getting confused when two editors exist within the same page.

package/dist/esm/plugins/quick-insert/search.js

@@ -1,7 +1,5 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import Fuse from 'fuse.js'; // AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
+import Fuse from 'fuse.js';
 import { dedupe } from '../../utils';
 var options = {
   threshold: 0.3,

package/dist/esm/plugins/quick-insert/ui/ModalElementBrowser/index.js

@@ -31,6 +31,7 @@ var Modal = function Modal(_ref) {
     onInsertItem: onInsertItem,
     helpUrl: helpUrl,
     isOpen: quickInsertState && quickInsertState.isElementBrowserModalOpen || false,
+    emptyStateHandler: quickInsertState && quickInsertState.emptyStateHandler,
     onClose: onClose
   });
 };

package/dist/esm/plugins/rank.js

@@ -1,5 +1,5 @@
 export default {
-  plugins: ['featureFlagsContextPlugin', 'compositionPlugin', 'inlineCursorTargetPlugin', 'focusHandlerPlugin', 'frozenEditor', 'submitEditor', 'saveOnEnter', 'customAutoformatting', 'newlinePreserveMarksPlugin', 'imageUpload', 'imageUploadInputRule', 'clipboard', 'paste', 'pasteKeymap', 'mention', 'mentionInputRule', 'mentionKeymap', 'emoji', 'placeholderText', 'emojiInputRule', 'emojiKeymap', 'emojiAsciiInputRule', 'blockType', 'quickInsert', 'tasksAndDecisions', 'blockTypeInputRule', 'tasksAndDecisionsInputRule', 'list', 'typeAhead', 'typeAheadKeymap', 'typeAheadInputRule', 'date', // Needs to be before indentation to handle tab into input field
+  plugins: ['featureFlagsContextPlugin', 'compositionPlugin', 'inlineCursorTargetPlugin', 'typeAhead', 'typeAheadInsertItem', 'focusHandlerPlugin', 'frozenEditor', 'submitEditor', 'saveOnEnter', 'customAutoformatting', 'newlinePreserveMarksPlugin', 'imageUpload', 'imageUploadInputRule', 'clipboard', 'paste', 'pasteKeymap', 'mention', 'mentionInputRule', 'mentionKeymap', 'emoji', 'placeholderText', 'emojiInputRule', 'emojiKeymap', 'emojiAsciiInputRule', 'blockType', 'quickInsert', 'tasksAndDecisions', 'blockTypeInputRule', 'tasksAndDecisionsInputRule', 'list', 'typeAhead', 'typeAheadKeymap', 'typeAheadInputRule', 'date', // Needs to be before indentation to handle tab into input field
   'dateKeymap', // This should be always after `typeAheadKeymap` & `emojiKeymap`
   'indentationKeymap', 'textColor', 'alignmentPlugin', 'listInputRule', 'listKeymap', 'codeBlock', 'codeBlockIDEKeyBindings', 'codeBlockKeyMap', 'textFormatting', 'textFormattingCursor', 'textFormattingInputRule', 'textFormattingSmartRule', 'textFormattingClear', 'textFormattingKeymap', // task/decisions keymap needs to be above table keymap so can indent actions in a table
   'tasksAndDecisionsKeyMap', // expand and table keymaps need to be above selection keymap to add their custom selection behaviour:

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

@@ -1,9 +1,6 @@
 import React from 'react';
-import { Fragment } from 'prosemirror-model';
 import { rule } from '@atlaskit/adf-schema';
-import { safeInsert } from '../../utils/insert';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../analytics';
-import { getFeatureFlags } from '../feature-flags-context';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { IconDivider } from '../quick-insert/assets';
 import inputRulePlugin from './pm-plugins/input-rule';
@@ -47,25 +44,7 @@ var rulePlugin = function rulePlugin() {
             return /*#__PURE__*/React.createElement(IconDivider, null);
           },
           action: function action(insert, state) {
-            var tr = null;
-
-            var _getFeatureFlags = getFeatureFlags(state),
-                newInsertionBehaviour = _getFeatureFlags.newInsertionBehaviour;
-
-            if (newInsertionBehaviour) {
-              /**
-               * This is a workaround to get rid of the typeahead text when using quick insert
-               * Once we insert *nothing*, we get a new transaction, so we can use the new selection
-               * without considering the extra text after the `/` command.
-               **/
-              tr = insert(Fragment.empty);
-              tr = safeInsert(state.schema.nodes.rule.createChecked(), tr.selection.from)(tr);
-            }
-
-            if (!tr) {
-              tr = insert(state.schema.nodes.rule.createChecked());
-            }
-
+            var tr = insert(state.schema.nodes.rule.createChecked());
             return addAnalytics(state, tr, {
               action: ACTION.INSERTED,
               actionSubject: ACTION_SUBJECT.DOCUMENT,

package/dist/esm/plugins/scroll-into-view/index.js

@@ -1,5 +1,4 @@
 import { Plugin, PluginKey } from 'prosemirror-state';
-import { typeAheadInputRulesPluginKey } from '../type-ahead/pm-plugins/input-rules';
 import { TEXT_INPUT_RULE_TRANSACTION_KEY } from '@atlaskit/prosemirror-input-rules';
 /**
  * Plugin to scroll the user's selection into view whenever the user updates
@@ -26,8 +25,7 @@ var createPlugin = function createPlugin() {
       if ((tr.docChanged || tr.storedMarksSet) && !tr.scrolledIntoView && tr.getMeta('scrollIntoView') !== false && // ignore anything we would not want to undo
       // this covers things like autofixing layouts, hovering table rows/cols
       tr.getMeta('addToHistory') !== false && // ignore collab changes from another user
-      !tr.getMeta('isRemote') && // ignore typeahead triggers
-      !tr.getMeta(typeAheadInputRulesPluginKey) && // ignore any transaction coming from the input text rule plugin
+      !tr.getMeta('isRemote') && // ignore any transaction coming from the input text rule plugin
       !tr.getMeta(TEXT_INPUT_RULE_TRANSACTION_KEY)) {
         return newState.tr.scrollIntoView();
       }

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

@@ -98,8 +98,7 @@ export var arrow = function arrow(dir, endOfTextblock) {
 
 
     if (selection instanceof GapCursorSelection && // next node allow gap cursor position
-    isValidTargetNode(isBackward(dir) ? $pos.nodeBefore : $pos.nodeAfter) && ( // gap cursor changes block node
-    isBackward(dir) && selection.side === Side.LEFT || isForward(dir) && selection.side === Side.RIGHT)) {
+    isValidTargetNode(isBackward(dir) ? $pos.nodeBefore : $pos.nodeAfter) && (isBackward(dir) && selection.side === Side.LEFT || isForward(dir) && selection.side === Side.RIGHT)) {
       // reverse cursor position
       if (dispatch) {
         dispatch(tr.setSelection(new GapCursorSelection($pos, selection.side === Side.RIGHT ? Side.LEFT : Side.RIGHT)).scrollIntoView());
@@ -264,12 +263,12 @@ export var setSelectionTopLevelBlocks = function setSelectionTopLevelBlocks(tr,
   } // try to set text selection if the editor isnt focused
   // if the editor is focused, we are most likely dragging a selection outside.
   else if (editorFocused === false) {
-      var selectionTemp = Selection.findFrom($pos, cursorCoords.side === Side.LEFT ? 1 : -1, true);
+    var selectionTemp = Selection.findFrom($pos, cursorCoords.side === Side.LEFT ? 1 : -1, true);
 
-      if (selectionTemp) {
-        tr.setSelection(selectionTemp);
-      }
+    if (selectionTemp) {
+      tr.setSelection(selectionTemp);
     }
+  }
 };
 export var setCursorForTopLevelBlocks = function setCursorForTopLevelBlocks(event, editorRef, posAtCoords, editorFocused) {
   return function (state, dispatch) {

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

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

package/dist/esm/plugins/status/actions.js

@@ -15,12 +15,15 @@ export var DEFAULT_STATUS = {
   color: 'neutral'
 };
 export var createStatus = function createStatus() {
-  var showStatusPickerAtOffset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -2;
+  var showStatusPickerAtOffset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   return function (insert, state) {
     var statusNode = state.schema.nodes.status.createChecked(_objectSpread(_objectSpread({}, DEFAULT_STATUS), {}, {
       localId: uuid.generate()
     }));
-    var tr = insert(statusNode);
+    var space = state.schema.text(' ');
+    var tr = insert(Fragment.from([statusNode, space]), {
+      selectInlineNode: true
+    });
     var showStatusPickerAt = tr.selection.from + showStatusPickerAtOffset;
     return tr.setSelection(NodeSelection.create(tr.doc, showStatusPickerAt)).setMeta(pluginKey, {
       showStatusPickerAt: showStatusPickerAt,

package/dist/esm/plugins/status/plugin.js

@@ -48,7 +48,7 @@ var createPlugin = function createPlugin(dispatch, portalProviderAPI, eventDispa
           }
         }
 
-        if (!tr.selection.eq(oldEditorState.selection)) {
+        if (tr.selectionSet) {
           // Change in selection, while status picker was open, update state, if required.
           var selectionFrom = tr.selection.from;
           var nodeAtSelection = tr.doc.nodeAt(selectionFrom);

package/dist/esm/plugins/table/commands/selection.js

@@ -165,23 +165,23 @@ var arrowLeftFromText = function arrowLeftFromText(selection) {
 
       if (isSelectionAtStartOfTable($from, selection) && $from.parent.type.name === 'paragraph' && $from.depth === table.depth + 3 // + 3 for: row, cell & paragraph nodes
       ) {
-          var _getSelectionPluginSt4 = getSelectionPluginState(state),
-              selectionRelativeToNode = _getSelectionPluginSt4.selectionRelativeToNode;
-
-          if (selectionRelativeToNode === RelativeSelectionPos.Before) {
-            // we have a text selection at start of first table cell, directly inside a top level paragraph,
-            // and want to set gap cursor selection before table
-            return setGapCursorBeforeTable()(state, dispatch);
-          } else {
-            // we have a text selection at start of first table cell, directly inside a top level paragraph,
-            // and want to set a full table cell selection
-            return selectFullTable({
-              node: table.node,
-              startPos: table.start,
-              dir: TableSelectionDirection.BottomToTop
-            })(state, dispatch);
-          }
+        var _getSelectionPluginSt4 = getSelectionPluginState(state),
+            selectionRelativeToNode = _getSelectionPluginSt4.selectionRelativeToNode;
+
+        if (selectionRelativeToNode === RelativeSelectionPos.Before) {
+          // we have a text selection at start of first table cell, directly inside a top level paragraph,
+          // and want to set gap cursor selection before table
+          return setGapCursorBeforeTable()(state, dispatch);
+        } else {
+          // we have a text selection at start of first table cell, directly inside a top level paragraph,
+          // and want to set a full table cell selection
+          return selectFullTable({
+            node: table.node,
+            startPos: table.start,
+            dir: TableSelectionDirection.BottomToTop
+          })(state, dispatch);
         }
+      }
     }
 
     return false;
@@ -197,14 +197,14 @@ var arrowRightFromText = function arrowRightFromText(selection) {
 
       if (isSelectionAtEndOfTable($to, selection) && $to.parent.type.name === 'paragraph' && $to.depth === table.depth + 3 // + 3 for: row, cell & paragraph nodes
       ) {
-          // we have a text selection at end of last table cell, directly inside a top level paragraph,
-          // and want to set a full table cell selection
-          return selectFullTable({
-            node: table.node,
-            startPos: table.start,
-            dir: TableSelectionDirection.TopToBottom
-          })(state, dispatch);
-        }
+        // we have a text selection at end of last table cell, directly inside a top level paragraph,
+        // and want to set a full table cell selection
+        return selectFullTable({
+          node: table.node,
+          startPos: table.start,
+          dir: TableSelectionDirection.TopToBottom
+        })(state, dispatch);
+      }
     }
 
     return false;

package/dist/esm/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js

@@ -95,6 +95,7 @@ export var TableRowNodeView = /*#__PURE__*/function () {
 
     _defineProperty(this, "onTablePluginState", function (state) {
       var tableRef = state.tableRef;
+      var focusChanged = false;
       var tree = _this.tree;
 
       if (!tree) {
@@ -111,6 +112,11 @@ export var TableRowNodeView = /*#__PURE__*/function () {
       }
 
       var isCurrentTableSelected = tableRef === tree.table;
+
+      if (isCurrentTableSelected !== _this.focused) {
+        focusChanged = true;
+      }
+
       _this.focused = isCurrentTableSelected;
       var wrapper = tree.wrapper;
       var tableContainer = wrapper.parentElement;
@@ -135,7 +141,8 @@ export var TableRowNodeView = /*#__PURE__*/function () {
 
 
       setTimeout(function () {
-        if (!_this.stickyHeadersOptimization) {
+        // if focus changed while header is sticky - still repaint the positions will shift
+        if (!_this.stickyHeadersOptimization || focusChanged && _this.isSticky) {
           _this.paint(tree);
         }
 

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

@@ -186,8 +186,7 @@ export var bulkColumnsResize = function bulkColumnsResize(resizeState, columnsIn
 
   var newState = _objectSpread(_objectSpread({}, resizeState), {}, {
     cols: cols.map(function (col) {
-      if (columnsIndexes.indexOf(col.index) > -1 || // take from prev columns only if dragging the first handle to the left
-      columnsIndexes.indexOf(sourceColumnIndex) > -1 && col.index < colIndex) {
+      if (columnsIndexes.indexOf(col.index) > -1 || columnsIndexes.indexOf(sourceColumnIndex) > -1 && col.index < colIndex) {
         return col;
       }
 
@@ -225,19 +224,19 @@ export var bulkColumnsResize = function bulkColumnsResize(resizeState, columnsIn
     } // table is in overflow: keep the dragged column at its widths and evenly distribute columns
     // to recover from overflow state
     else {
-        var columnWidth = Math.floor((minTableWidth - sourceCol.width) / (newState.cols.length - 1));
-        newState = _objectSpread(_objectSpread({}, resizeState), {}, {
-          cols: newState.cols.map(function (col) {
-            if (col.index === sourceCol.index) {
-              return col;
-            }
-
-            return _objectSpread(_objectSpread({}, col), {}, {
-              width: columnWidth
-            });
-          })
-        });
-      }
+      var columnWidth = Math.floor((minTableWidth - sourceCol.width) / (newState.cols.length - 1));
+      newState = _objectSpread(_objectSpread({}, resizeState), {}, {
+        cols: newState.cols.map(function (col) {
+          if (col.index === sourceCol.index) {
+            return col;
+          }
+
+          return _objectSpread(_objectSpread({}, col), {}, {
+            width: columnWidth
+          });
+        })
+      });
+    }
   } // fix total table widths by adding missing pixels to columns widths here and there
 
 

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

@@ -12,6 +12,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { ReactNodeView } from '../../../nodeviews';
 import DecisionItem from '../ui/Decision';
+import { isTypeAheadOpen } from '../../type-ahead/utils';
 
 var Decision = /*#__PURE__*/function (_ReactNodeView) {
   _inherits(Decision, _ReactNodeView);
@@ -52,7 +53,7 @@ var Decision = /*#__PURE__*/function (_ReactNodeView) {
     value: function render(_props, forwardRef) {
       return /*#__PURE__*/React.createElement(DecisionItem, {
         contentRef: forwardRef,
-        showPlaceholder: this.isContentEmpty(this.node)
+        showPlaceholder: this.isContentEmpty(this.node) && !isTypeAheadOpen(this.view.state)
       });
     }
   }, {

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

@@ -21,6 +21,7 @@ import { ReactNodeView } from '../../../nodeviews';
 import WithPluginState from '../../../ui/WithPluginState';
 import { stateKey as taskPluginKey } from '../pm-plugins/plugin-key';
 import TaskItem from '../ui/Task';
+import { isTypeAheadOpen } from '../../type-ahead/utils';
 
 var Task = /*#__PURE__*/function (_ReactNodeView) {
   _inherits(Task, _ReactNodeView);
@@ -129,7 +130,7 @@ var Task = /*#__PURE__*/function (_ReactNodeView) {
             contentRef: forwardRef,
             isDone: state === 'DONE',
             onChange: _this2.handleOnChange,
-            showPlaceholder: _this2.isContentEmpty(_this2.node),
+            showPlaceholder: _this2.isContentEmpty(_this2.node) && !isTypeAheadOpen(_this2.view.state),
             providers: props.providerFactory
           });
         }

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

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

package/dist/esm/plugins/text-formatting/pm-plugins/cursor.js

@@ -24,10 +24,7 @@ export default new Plugin({
       var clickWasAtTextNode = !!(clickNode && clickNode.isText);
       var clickWasAtEndOfAParagraphNode = $click.parent.type === paragraph && $click.textOffset === 0 && $click.nodeAfter === null;
 
-      if (clickWasAtEdgeOfATextNode && clickWasNearACodeMark && clickedDOMElementPosition && ( // if click did not occur at a text node or end of paragraph, then
-      // it was at a directly adjacent non-text node, so we skip this manual
-      // text selection logic to preserve that non-text node's selection
-      clickWasAtTextNode || clickWasAtEndOfAParagraphNode)) {
+      if (clickWasAtEdgeOfATextNode && clickWasNearACodeMark && clickedDOMElementPosition && (clickWasAtTextNode || clickWasAtEndOfAParagraphNode)) {
         var clickWasInsideNodeDOM = event.target.parentNode === view.domAtPos(clickedDOMElementPosition).node && code.isInSet(view.state.doc.resolve(clickedDOMElementPosition).nodeAfter.marks);
         var nodeNextToClick = $click.nodeBefore && code.isInSet($click.nodeBefore.marks) ? $click.nodeAfter : $click.nodeBefore; // Need to set the selection here to allow clicking between [code('text'),{<>},emoji()]