@atlaskit/editor-core 148.0.0 → 149.0.3

package/dist/es2019/utils/rich-media-utils.js

@@ -28,8 +28,8 @@ export const alignAttributes = (layout, oldAttrs, gridSize = 12, originalWidth,
     // 'full-width' or 'wide' or 'center' -> 'wrap-left' or 'wrap-right' or 'align-end' or 'align-start'
     if (!width || width >= 100 || oldLayout !== 'center' // == 'full-width' or 'wide'
     ) {
-        width = 50;
-      }
+      width = 50;
+    }
   } else if (layout !== oldLayout && ['full-width', 'wide'].indexOf(oldLayout) > -1) {
     // 'full-width' -> 'center' or 'wide'
     // 'wide' -> 'center' or 'full-width'

package/dist/es2019/utils/selection.js

@@ -44,8 +44,11 @@ export function setCellSelection(view, anchor, head) {
   } = view;
   dispatch(state.tr.setSelection(CellSelection.create(state.doc, anchor, head)));
 }
-export const normaliseNestedLayout = (state, node) => {
-  if (state.selection.$from.depth > 1) {
+export const normaliseNestedLayout = ({
+  selection,
+  doc
+}, node) => {
+  if (selection.$from.depth > 1) {
     if (node.attrs.layout && node.attrs.layout !== 'default') {
       return node.type.createChecked({ ...node.attrs,
         layout: 'default'
@@ -54,7 +57,7 @@ export const normaliseNestedLayout = (state, node) => {
     // Since default isn't a valid breakout mode.
 
 
-    const breakoutMark = state.schema.marks.breakout;
+    const breakoutMark = doc.type.schema.marks.breakout;
 
     if (breakoutMark && breakoutMark.isInSet(node.marks)) {
       const newMarks = breakoutMark.removeFromSet(node.marks);

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "148.0.0";
+export const version = "149.0.3";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

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

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

@@ -53,6 +53,10 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
   var inputTracking = (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.inputTracking;
   return {
     createAnalyticsEvent: createAnalyticsEvent,
+    typeAhead: {
+      createAnalyticsEvent: createAnalyticsEvent,
+      isMobile: isMobile
+    },
     featureFlags: createFeatureFlagsFromProps(props),
     paste: {
       cardOptions: props.smartLinks || props.UNSAFE_cards,
@@ -83,7 +87,8 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
       enableElementBrowser: props.elementBrowser && props.elementBrowser.showModal,
       elementBrowserHelpUrl: props.elementBrowser && props.elementBrowser.helpUrl,
       disableDefaultItems: isMobile,
-      headless: isMobile
+      headless: isMobile,
+      emptyStateHandler: props.elementBrowser && props.elementBrowser.emptyStateHandler
     },
     selection: {
       useLongPressSelection: false

package/dist/esm/editor.js

@@ -163,10 +163,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           extensionProviders = _this$props.extensionProviders,
           quickInsert = _this$props.quickInsert;
 
-      if (extensionProviders && extensionProviders !== prevProps.extensionProviders || // Though this will introduce some performance regression related to quick insert
-      // loading but we can remove it soon when Forge will move to new API.
-      // quickInsert={Promise.resolve(consumerQuickInsert)} is one of the main reason behind this performance issue.
-      quickInsert && quickInsert !== prevProps.quickInsert) {
+      if (extensionProviders && extensionProviders !== prevProps.extensionProviders || quickInsert && quickInsert !== prevProps.quickInsert) {
         var extensionProvider = this.prepareExtensionProvider(extensionProviders);
         var quickInsertProvider = this.prepareQuickInsertProvider(extensionProvider, quickInsert);
         this.setState({

package/dist/esm/index.js

@@ -26,6 +26,7 @@ export { InsertStatus as HyperlinkInsertStatus, stateKey as hyperlinkStateKey }
 export { pluginKey as listStateKey } from './plugins/list/pm-plugins/main';
 export { toggleSuperscript, toggleSuperscriptWithAnalytics, toggleSubscript, toggleSubscriptWithAnalytics, toggleStrike, toggleStrikeWithAnalytics, toggleCode, toggleCodeWithAnalytics, toggleUnderline, toggleUnderlineWithAnalytics, toggleEm, toggleEmWithAnalytics, toggleStrong, toggleStrongWithAnalytics } from './plugins/text-formatting/commands/text-formatting';
 export { subscribeToToolbarAndPickerUpdates } from './plugins/view-update-subscription/subscribe/toolbarAndPickerUpdates';
+export { subscribeTypeAheadUpdates } from './plugins/view-update-subscription/subscribe/type-ahead-updates';
 export { insertBlockType, insertBlockTypesWithAnalytics, setBlockType, setBlockTypeWithAnalytics } from './plugins/block-type/commands';
 export { createTable } from './plugins/table/commands';
 export { insertTaskDecision } from './plugins/tasks-and-decisions/commands';
@@ -37,9 +38,6 @@ export { pluginKey as datePluginKey } from './plugins/date/pm-plugins/plugin-key
 export { commitStatusPicker, setStatusPickerAt, updateStatus, updateStatusWithAnalytics, removeStatus } from './plugins/status/actions';
 export { typeAheadPluginKey } from './plugins/type-ahead';
 export { pluginKey as quickInsertPluginKey, memoProcessItems as processQuickInsertItems } from './plugins/quick-insert';
-export { selectItem } from './plugins/type-ahead/commands/select-item';
-export { insertTypeAheadQuery } from './plugins/type-ahead/commands/insert-query';
-export { dismissCommand } from './plugins/type-ahead/commands/dismiss';
 export { insertLink, insertLinkWithAnalyticsMobileNative, insertLinkWithAnalytics, isTextAtPos, isLinkAtPos, updateLink } from './plugins/hyperlink/commands';
 export { historyPluginKey } from './plugins/history';
 export { INPUT_METHOD, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from './plugins/analytics';
@@ -53,12 +51,12 @@ export { default as EditorActions } from './actions'; // Re-export from provider
 
 export { PortalProvider, PortalProviderAPI, PortalRenderer } from './ui/PortalProvider';
 export { GapCursorSelection, Side as GapCursorSide } from './plugins/selection/gap-cursor-selection';
-export { insertMentionQuery } from './plugins/mentions/commands/insert-mention-query';
-export { insertEmojiQuery } from './plugins/emoji/commands/insert-emoji-query';
 export { selectionPluginKey } from './plugins/mobile-selection';
 export { insertExpand } from './plugins/expand/commands';
 export { default as WithPluginState } from './ui/WithPluginState';
 export { pluginKey as floatingToolbarPluginKey } from './plugins/floating-toolbar';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette } from './ui/ColorPalette/Palettes/statusColorPalette';
 export { DEFAULT_BORDER_COLOR } from './ui/ColorPalette/Palettes/common';
-export { default as messages, statusMessages, dateMessages } from './messages';
+export { default as messages, statusMessages, dateMessages } from './messages';
+export { createTypeAheadTools } from './plugins/type-ahead/api';
+export { createQuickInsertTools } from './plugins/quick-insert/api';

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

@@ -23,7 +23,7 @@ import annotationPlugin from '../../../plugins/annotation';
 import quickInsertPlugin from '../../../plugins/quick-insert';
 import selectionPlugin from '../../../plugins/selection';
 import codeBlockPlugin from '../../../plugins/code-block';
-import undoRedoPlugin from '../../../plugins/undo-redo'; // #endregion
+import undoRedoPlugin from '../../../plugins/undo-redo';
 
 /**
  * Note: The order that presets are added determines
@@ -53,7 +53,7 @@ export function createDefaultPreset(options) {
   preset.add([textFormattingPlugin, options.textFormatting]);
   preset.add(widthPlugin);
   preset.add([quickInsertPlugin, options.quickInsert]);
-  preset.add([typeAheadPlugin, {
+  preset.add([typeAheadPlugin, options.typeAhead || {
     createAnalyticsEvent: options.createAnalyticsEvent
   }]);
   preset.add(unsupportedContentPlugin);

package/dist/esm/messages.js

@@ -89,6 +89,11 @@ export default defineMessages({
     defaultMessage: 'Remove',
     description: 'Delete the element (image, panel, table, etc.) from your document'
   },
+  hideEmoji: {
+    id: 'fabric.editor.hideEmoji',
+    defaultMessage: 'Hide emoji',
+    description: 'Hide the emoji panel icon from custom panel'
+  },
   visit: {
     id: 'fabric.editor.visit',
     defaultMessage: 'Open link in a new window',

package/dist/esm/nodeviews/SelectionBasedNodeView.js

@@ -84,8 +84,7 @@ export var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
         var _this$view$state$sele = _this.view.state.selection,
             from = _this$view$state$sele.from,
             to = _this$view$state$sele.to;
-        return selection.node === _this.node || // If nodes are not the same object, we check if they are referring to the same document node
-        _this.pos === from && _this.posEnd === to && selection.node.eq(_this.node);
+        return selection.node === _this.node || _this.pos === from && _this.posEnd === to && selection.node.eq(_this.node);
       }
 
       return false;

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

@@ -1,9 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -11,6 +7,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 import { Plugin } from 'prosemirror-state';
 import { isPerformanceAPIAvailable, measureRender } from '@atlaskit/editor-common';
 import { ACTION, EVENT_TYPE } from './types';
@@ -31,7 +31,9 @@ function createPlugin(options) {
     key: analyticsPluginKey,
     state: {
       init: function init() {
-        return options;
+        return _objectSpread(_objectSpread({}, options), {}, {
+          fireAnalytics: fireAnalyticsEvent(options.createAnalyticsEvent)
+        });
       },
       apply: function apply(tr, pluginState, _, state) {
         var _getFeatureFlags;

package/dist/esm/plugins/analytics/types/enums.js

@@ -13,6 +13,8 @@ export var ACTION;
   ACTION["ACTIVATED"] = "activated";
   ACTION["ADDED"] = "added";
   ACTION["BROWSER_FREEZE"] = "browserFreeze";
+  ACTION["CHANGED_BACKGROUND_COLOR"] = "changedBackgroundColor";
+  ACTION["CHANGED_ICON"] = "changedIcon";
   ACTION["CHANGED_FULL_WIDTH_MODE"] = "changedFullWidthMode";
   ACTION["CHANGED_LAYOUT"] = "changedLayout";
   ACTION["CHANGED_REPLACEMENT_TEXT"] = "changedReplacementText";
@@ -56,6 +58,7 @@ export var ACTION;
   ACTION["INVOKED"] = "invoked";
   ACTION["LANGUAGE_SELECTED"] = "languageSelected";
   ACTION["LIST_ITEM_JOINED"] = "listItemJoined";
+  ACTION["MATCHED"] = "matched";
   ACTION["NODE_CONTENT_SANITIZED"] = "nodeContentSanitized";
   ACTION["OPENED"] = "opened";
   ACTION["OUTDENTED"] = "outdented";
@@ -91,6 +94,7 @@ export var ACTION;
   ACTION["RENDERED"] = "rendered";
   ACTION["ON_EDITOR_READY_CALLBACK"] = "onEditorReadyCallback";
   ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";
+  ACTION["REMOVE_ICON"] = "removedIcon";
 })(ACTION || (ACTION = {}));
 
 export var INPUT_METHOD;
@@ -162,6 +166,7 @@ export var ACTION_SUBJECT;
   ACTION_SUBJECT["PLUS_MENU"] = "plusMenu";
   ACTION_SUBJECT["PLUGIN_SLOT"] = "pluginSlot";
   ACTION_SUBJECT["REACT_NODE_VIEW"] = "reactNodeView";
+  ACTION_SUBJECT["SELECTION"] = "selection";
   ACTION_SUBJECT["SMART_LINK"] = "smartLink";
   ACTION_SUBJECT["HYPERLINK"] = "hyperlink";
   ACTION_SUBJECT["TABLE"] = "table";

package/dist/esm/plugins/analytics/types/type-ahead.js

@@ -0,0 +1 @@
+export {};

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

@@ -135,6 +135,16 @@ export var messages = defineMessages({
     defaultMessage: 'Call out errors in a colored panel',
     description: 'Visually distinguishes your text by adding a error panel'
   },
+  customPanel: {
+    id: 'fabric.editor.customPanel',
+    defaultMessage: 'Custom panel',
+    description: 'Visually distinguishes your panel by adding a emoji icon and background color'
+  },
+  customPanelDescription: {
+    id: 'fabric.editor.customPanel.description',
+    defaultMessage: 'Add a note with an emoji and colored background',
+    description: 'Visually distinguishes your panel by adding a emoji icon and background color '
+  },
   other: {
     id: 'fabric.editor.other',
     defaultMessage: 'Others...',

package/dist/esm/plugins/card/nodeviews/embedCard.js

@@ -228,9 +228,7 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       // since `heightAlone` is defined only when just height is available.
 
       var heightAlone = liveHeight !== null && liveHeight !== void 0 ? liveHeight : !originalWidth && originalHeight || undefined;
-      var aspectRatio = !heightAlone && ( // No need getting aspectRatio if heightAlone defined already
-      initialAspectRatio || // If we have initialAspectRatio (coming from iframely) we should go with that
-      originalHeight && originalWidth && originalWidth / originalHeight) || // If ADF contains both width and height we get ratio from that
+      var aspectRatio = !heightAlone && (initialAspectRatio || originalHeight && originalWidth && originalWidth / originalHeight) || // If ADF contains both width and height we get ratio from that
       undefined;
       var cardProps = {
         layout: layout,

package/dist/esm/plugins/collab-edit/participants.js

@@ -48,6 +48,21 @@ export var Participants = /*#__PURE__*/function () {
       }));
       return new Participants(newSet);
     }
+  }, {
+    key: "updateCursorPos",
+    value: function updateCursorPos(sessionId, cursorPos) {
+      var newSet = new Map(this.participants);
+      var data = newSet.get(sessionId);
+
+      if (!data) {
+        return this;
+      }
+
+      newSet.set(sessionId, _objectSpread(_objectSpread({}, data), {}, {
+        cursorPos: cursorPos
+      }));
+      return new Participants(newSet);
+    }
   }, {
     key: "toArray",
     value: function toArray() {

package/dist/esm/plugins/collab-edit/plugin-state.js

@@ -5,7 +5,7 @@ import { Selection } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
 import { ReplaceStep } from 'prosemirror-transform';
 import { Participants } from './participants';
-import { findPointers, createTelepointers } from './utils';
+import { findPointers, createTelepointers, getPositionOfTelepointer } from './utils';
 
 var isReplaceStep = function isReplaceStep(step) {
   return step instanceof ReplaceStep;
@@ -205,6 +205,20 @@ export var PluginState = /*#__PURE__*/function () {
 
       if (add.length) {
         this.decorationSet = this.decorationSet.add(tr.doc, add);
+      } // This piece needs to be after the decorationSet adjustments,
+      // otherwise it's always one step behind where the cursor is
+
+
+      if (telepointerData) {
+        var _sessionId2 = telepointerData.sessionId;
+
+        if (participants.get(_sessionId2)) {
+          var positionForScroll = getPositionOfTelepointer(_sessionId2, this.decorationSet);
+
+          if (positionForScroll) {
+            participants = participants.updateCursorPos(_sessionId2, positionForScroll);
+          }
+        }
       }
 
       var nextState = new PluginState(this.decorationSet, participants, sid, collabInitialised);

package/dist/esm/plugins/collab-edit/ui/avatars-with-plugin-state.js

@@ -10,7 +10,8 @@ var AvatarsWithPluginState = function AvatarsWithPluginState(props) {
   var title = props.intl.formatMessage(messages.inviteToEditButtonTitle);
   var selected = props.isInviteToEditButtonSelected,
       onClick = props.inviteToEditHandler,
-      Component = props.inviteToEditComponent;
+      Component = props.inviteToEditComponent,
+      editorView = props.editorView;
   var render = React.useCallback(function (_ref) {
     var data = _ref.data;
 
@@ -20,20 +21,21 @@ var AvatarsWithPluginState = function AvatarsWithPluginState(props) {
 
     return /*#__PURE__*/React.createElement(Avatars, {
       sessionId: data.sessionId,
-      participants: data.activeParticipants
+      participants: data.activeParticipants,
+      editorView: editorView
     }, /*#__PURE__*/React.createElement(InviteToEditButton, {
       title: title,
       selected: selected,
       onClick: onClick,
       Component: Component
     }));
-  }, [selected, onClick, Component, title]);
+  }, [selected, onClick, Component, title, editorView]);
   return /*#__PURE__*/React.createElement(WithPluginState, {
     plugins: {
       data: collabEditPluginKey
     },
     render: render,
-    editorView: props.editorView
+    editorView: editorView
   });
 };
 

package/dist/esm/plugins/collab-edit/ui/avatars.js

@@ -2,8 +2,11 @@ import React from 'react';
 import AvatarGroup from '@atlaskit/avatar-group';
 import { AvatarContainer } from './styles';
 import toAvatar from './to-avatar';
+import { scrollToCollabCursor } from '../utils';
+import { getFeatureFlags } from '../../feature-flags-context';
 export var Avatars = /*#__PURE__*/React.memo(function (props) {
-  var sessionId = props.sessionId;
+  var sessionId = props.sessionId,
+      editorView = props.editorView;
   var participants = props.participants.toArray();
   var avatars = participants.sort(function (p) {
     return p.sessionId === sessionId ? -1 : 1;
@@ -17,6 +20,18 @@ export var Avatars = /*#__PURE__*/React.memo(function (props) {
     appearance: "stack",
     size: "medium",
     data: avatars,
-    maxCount: 3
+    maxCount: 3,
+    onAvatarClick: function onAvatarClick(_event, _analytics, index) {
+      if (!editorView) {
+        return;
+      }
+
+      var featureFlags = getFeatureFlags(editorView.state);
+      var allowCollabAvatarScroll = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.collabAvatarScroll; // user does not need to scroll to their own position (index 0)
+
+      if (allowCollabAvatarScroll && index > 0) {
+        scrollToCollabCursor(editorView, participants, props.sessionId, index);
+      }
+    }
   }), props.children);
 });

package/dist/esm/plugins/collab-edit/utils.js

@@ -4,6 +4,8 @@ import { Decoration } from 'prosemirror-view';
 import * as themeColors from '@atlaskit/theme/colors';
 import { hexToRgba } from '@atlaskit/adf-schema';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common';
+import { addAnalytics } from '../analytics/utils';
+import { EVENT_TYPE, ACTION, ACTION_SUBJECT } from '../analytics/types';
 export var colors = [themeColors.R100, themeColors.R300, themeColors.R500, themeColors.Y100, themeColors.Y300, themeColors.Y500, themeColors.G100, themeColors.G300, themeColors.G500, themeColors.T100, themeColors.T300, themeColors.T500, themeColors.B100, themeColors.B300, themeColors.B500, themeColors.P100, themeColors.P300, themeColors.P500, themeColors.N70, themeColors.N200, themeColors.N800].map(function (solid) {
   return {
     solid: solid,
@@ -106,4 +108,34 @@ export var replaceDocument = function replaceDocument(doc, state, version, optio
   }
 
   return tr;
+};
+export var scrollToCollabCursor = function scrollToCollabCursor(editorView, participants, sessionId, index) {
+  var selectedUser = participants[index];
+
+  if (selectedUser && selectedUser.cursorPos !== undefined && selectedUser.sessionId !== sessionId) {
+    var state = editorView.state;
+    var tr = state.tr;
+    var analyticsPayload = {
+      action: ACTION.MATCHED,
+      actionSubject: ACTION_SUBJECT.SELECTION,
+      eventType: EVENT_TYPE.TRACK
+    };
+    tr.setSelection(Selection.near(tr.doc.resolve(selectedUser.cursorPos)));
+    tr = addAnalytics(state, tr, analyticsPayload);
+    tr.scrollIntoView();
+    editorView.dispatch(tr);
+
+    if (!editorView.hasFocus()) {
+      editorView.focus();
+    }
+  }
+};
+export var getPositionOfTelepointer = function getPositionOfTelepointer(sessionId, decorationSet) {
+  var scrollPosition;
+  decorationSet.find().forEach(function (deco) {
+    if (deco.type.spec.pointer.sessionId === sessionId) {
+      scrollPosition = deco.from;
+    }
+  });
+  return scrollPosition;
 };

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

@@ -5,15 +5,17 @@ import { pluginKey } from './pm-plugins/plugin-key';
 import { withAnalytics, addAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '../analytics';
 import { isToday } from './utils/internal';
 import { canInsert } from 'prosemirror-utils';
-export var createDate = function createDate() {
+export var createDate = function createDate(isQuickInsertAction) {
   return function (insert, state) {
     var dateNode = state.schema.nodes.date.createChecked({
       timestamp: todayTimestampInUTC()
     });
-    var tr = insert(dateNode, {
+    var space = state.schema.text(' ');
+    var tr = insert(Fragment.from([dateNode, space]), {
       selectInlineNode: true
     });
     var newPluginState = {
+      isQuickInsertAction: isQuickInsertAction,
       showDatePickerAt: tr.selection.from,
       isNew: true,
       isDateEmpty: false,

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

@@ -136,7 +136,7 @@ var datePlugin = function datePlugin() {
             return /*#__PURE__*/React.createElement(IconDate, null);
           },
           action: function action(insert, state) {
-            var tr = createDate()(insert, state);
+            var tr = createDate(true)(insert, state);
             addAnalytics(state, tr, {
               action: ACTION.INSERTED,
               actionSubject: ACTION_SUBJECT.DOCUMENT,

package/dist/esm/plugins/date/pm-plugins/utils.js

@@ -41,7 +41,12 @@ export function mapping(tr, pluginState) {
   };
 }
 export function onSelectionChanged(tr, pluginState) {
-  if (!isDateNodeSelection(tr.selection)) {
+  if (tr.docChanged && isDateNodeSelection(tr.selection)) {
+    return _objectSpread(_objectSpread({}, pluginState), {}, {
+      isQuickInsertAction: false,
+      showDatePickerAt: tr.selection.from
+    });
+  } else if (!isDateNodeSelection(tr.selection) && !pluginState.isQuickInsertAction) {
     if (pluginState.showDatePickerAt) {
       return {
         showDatePickerAt: null,