@atlaskit/editor-core 148.0.0 → 149.0.3

package/CHANGELOG.md

@@ -1,5 +1,115 @@
 # @atlaskit/editor-core
 
+## 149.0.1
+
+### Patch Changes
+
+- [`226979a2a40`](https://bitbucket.org/atlassian/atlassian-frontend/commits/226979a2a40) - [ED-13713] Move TypeAhead keydown events to run by VanillaJS to avoid bubbling hijacking by product code
+
+## 149.0.0
+
+### Major Changes
+
+- [`71bb1bb3cd0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71bb1bb3cd0) - [ED-12933] Replace TypeAhead node mark to ProseMirror Decoration
+
+  # Minor change
+
+  Type Ahead isn't a part of the document anymore. This version is introducing
+  the Decoration system for this internal API.
+
+  # Breaking Change
+
+  We are replacing those public API:
+
+  ```
+  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 { insertMentionQuery } from './plugins/mentions/commands/insert-mention-query';
+  export { insertEmojiQuery } from './plugins/emoji/commands/insert-emoji-query';
+  ```
+
+  If you need those behavior, please use this new one:
+
+  ```
+  export { createTypeAheadTools } from './plugins/type-ahead/api';
+  export { createQuickInsertTools } from './plugins/quick-insert/api';
+  ```
+
+  Before:
+
+  ```
+  import {
+    insertTypeAheadQuery,
+    insertMentionQuery,
+    dismissCommand,
+  } from '@atlaskit/editor-core';
+
+  // open the typeahead menu for mention
+  insertMentionQuery(editorView.state, editorView.dispatch);
+
+  // insert item
+  insertTypeAheadQuery(editorView.state, editorView.dispatch);
+
+  // close type ahead menu
+  insertTypeAheadQuery(editorView.state, editorView.dispatch);
+  ```
+
+  Now:
+
+  ```
+
+  import {
+    createTypeAheadTools,
+  } from '@atlaskit/editor-core';
+
+  const tools = createTypeAheadTools(editorView);
+
+  tools.openMention();
+  tools.insertMention();
+  tools.close();
+  ```
+
+### Minor Changes
+
+- [`ad67f6684f1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad67f6684f1) - Add MediaInline to ADF Stage0 schema
+- [`2a6a10f9c5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2a6a10f9c5f) - CETI-29 Updated emoji picker toolbar icon for custom panels
+- [`5bafe5d2ccf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5bafe5d2ccf) - Add a new attribute to existing prop elementBrowser to pass a function to render Marketplace component for app discovery
+- [`53d81fa08ee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53d81fa08ee) - CETI-14 added functionality to hide emoji from custom panel
+- [`bd510f46bff`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bd510f46bff) - CETI-30 added functionality to add custom panel via the slash command
+- [`6f9352d04b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6f9352d04b5) - analytics for beautiful emoji panels
+- [`511f07f7f7b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/511f07f7f7b) - allow enabling download for media card via enableDownloadButton feature prop
+- [`d1a58a7a520`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d1a58a7a520) - [ux] ED-12460 Implement collab scroll-to-telepointer: a user can now click on a collab avatar and be scrolled to another user's position in the document
+- [`ab905c0e924`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ab905c0e924) - [ux] EDM-1641: add floating toolbar to media card and view switcher for inline view
+- [`b95863772be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b95863772be) - Support external observers.
+  Use better naming for refNode (refNode => reference).
+  In favor of further work (supporting multiple references) pass array of references to Extension component.
+  Expand node with localId for extentions.
+- [`68c3a924b0c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/68c3a924b0c) - [ux] ED-13288: fixed ColorPickerField to work with fix color picker transformBefore()
+
+### Patch Changes
+
+- [`7d4bf49be6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d4bf49be6d) - CETI-2 Gracefully exiting the beautiful panel analytics when previousColor=== color | previousIcon=== icon. Such that we are not sending redundant analytics
+- [`33a3f8baf8a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/33a3f8baf8a) - ED-12787 fixed issue with misaligned sticky header shadows with stickyHeadersOptimization on
+- [`387c68f623c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/387c68f623c) - [ED-13558] Add the TypeAhead VIEWED and RENDERED events to the popup component
+- [`099e8495f3d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/099e8495f3d) - CETI-37 - Fixed custom panel icon sizing and alignment
+- [`5e1c18076db`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5e1c18076db) - [ED-13550] Fix Mention and Emoji toolbar menu disable when the TypeAhead menu is open
+- [`b5072618005`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b5072618005) - ED-13347 Prevent list toolbar from crashing when the list state does not exist
+- [`146ca2d6009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/146ca2d6009) - CETI-24 Copy and paste custom panels makes page unresponsive
+- [`56129bdfc79`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56129bdfc79) - Upgrade to the latest version of @atlaskit/modal-dialog.
+- [`47f2d84b5ac`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f2d84b5ac) - [ED-13567] Fix mobile typeahead API when its open
+- [`b90c0237824`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b90c0237824) - Update package.jsons to remove unused dependencies.
+- [`363971afa29`](https://bitbucket.org/atlassian/atlassian-frontend/commits/363971afa29) - [ux][ed-13574] Resolving a regression in the quick insert in mobile. A hotfix was merged to master a week ago to fix mobile feature flags, which seems to have clashed with changes in develop resulting in quick insert no longer working on mobile and a bunch of mobile integration tests failing.
+
+  This change includes making quick insert work on mobile again by making sure the tracker isn’t reset every time CC @Sean Chamberlain
+
+  All tests with configureEditor now have a way to refocus the editor after the config is set and before any document changes are made.
+
+  New mobile integration tests have been added for feature flags to ensure we don't have any further regressions with mobile feature flags.
+
+- [`6c2c8a1b3a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c2c8a1b3a5) - EDM-2288 Implement analytics attribute for paste link on text
+- Updated dependencies
+
 ## 148.0.0
 
 ### Major Changes

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

@@ -72,6 +72,10 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
   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: (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props),
     paste: {
       cardOptions: props.smartLinks || props.UNSAFE_cards,
@@ -102,7 +106,8 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
       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/cjs/editor.js

@@ -194,10 +194,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/cjs/index.js

@@ -271,6 +271,12 @@ Object.defineProperty(exports, "subscribeToToolbarAndPickerUpdates", {
     return _toolbarAndPickerUpdates.subscribeToToolbarAndPickerUpdates;
   }
 });
+Object.defineProperty(exports, "subscribeTypeAheadUpdates", {
+  enumerable: true,
+  get: function get() {
+    return _typeAheadUpdates.subscribeTypeAheadUpdates;
+  }
+});
 Object.defineProperty(exports, "insertBlockType", {
   enumerable: true,
   get: function get() {
@@ -397,24 +403,6 @@ Object.defineProperty(exports, "processQuickInsertItems", {
     return _quickInsert.memoProcessItems;
   }
 });
-Object.defineProperty(exports, "selectItem", {
-  enumerable: true,
-  get: function get() {
-    return _selectItem.selectItem;
-  }
-});
-Object.defineProperty(exports, "insertTypeAheadQuery", {
-  enumerable: true,
-  get: function get() {
-    return _insertQuery.insertTypeAheadQuery;
-  }
-});
-Object.defineProperty(exports, "dismissCommand", {
-  enumerable: true,
-  get: function get() {
-    return _dismiss.dismissCommand;
-  }
-});
 Object.defineProperty(exports, "insertLink", {
   enumerable: true,
   get: function get() {
@@ -583,18 +571,6 @@ Object.defineProperty(exports, "GapCursorSide", {
     return _gapCursorSelection.Side;
   }
 });
-Object.defineProperty(exports, "insertMentionQuery", {
-  enumerable: true,
-  get: function get() {
-    return _insertMentionQuery.insertMentionQuery;
-  }
-});
-Object.defineProperty(exports, "insertEmojiQuery", {
-  enumerable: true,
-  get: function get() {
-    return _insertEmojiQuery.insertEmojiQuery;
-  }
-});
 Object.defineProperty(exports, "selectionPluginKey", {
   enumerable: true,
   get: function get() {
@@ -655,6 +631,18 @@ Object.defineProperty(exports, "dateMessages", {
     return _messages.dateMessages;
   }
 });
+Object.defineProperty(exports, "createTypeAheadTools", {
+  enumerable: true,
+  get: function get() {
+    return _api.createTypeAheadTools;
+  }
+});
+Object.defineProperty(exports, "createQuickInsertTools", {
+  enumerable: true,
+  get: function get() {
+    return _api2.createQuickInsertTools;
+  }
+});
 
 var _versionWrapper = require("./version-wrapper");
 
@@ -708,6 +696,8 @@ var _textFormatting = require("./plugins/text-formatting/commands/text-formattin
 
 var _toolbarAndPickerUpdates = require("./plugins/view-update-subscription/subscribe/toolbarAndPickerUpdates");
 
+var _typeAheadUpdates = require("./plugins/view-update-subscription/subscribe/type-ahead-updates");
+
 var _commands3 = require("./plugins/block-type/commands");
 
 var _commands4 = require("./plugins/table/commands");
@@ -730,12 +720,6 @@ var _typeAhead = require("./plugins/type-ahead");
 
 var _quickInsert = require("./plugins/quick-insert");
 
-var _selectItem = require("./plugins/type-ahead/commands/select-item");
-
-var _insertQuery = require("./plugins/type-ahead/commands/insert-query");
-
-var _dismiss = require("./plugins/type-ahead/commands/dismiss");
-
 var _commands6 = require("./plugins/hyperlink/commands");
 
 var _history = require("./plugins/history");
@@ -756,10 +740,6 @@ var _PortalProvider = require("./ui/PortalProvider");
 
 var _gapCursorSelection = require("./plugins/selection/gap-cursor-selection");
 
-var _insertMentionQuery = require("./plugins/mentions/commands/insert-mention-query");
-
-var _insertEmojiQuery = require("./plugins/emoji/commands/insert-emoji-query");
-
 var _mobileSelection = require("./plugins/mobile-selection");
 
 var _commands8 = require("./plugins/expand/commands");
@@ -774,6 +754,10 @@ var _common = require("./ui/ColorPalette/Palettes/common");
 
 var _messages = _interopRequireWildcard(require("./messages"));
 
+var _api = require("./plugins/type-ahead/api");
+
+var _api2 = require("./plugins/quick-insert/api");
+
 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; }

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

@@ -89,7 +89,7 @@ function createDefaultPreset(options) {
   preset.add([_textFormatting.default, options.textFormatting]);
   preset.add(_width.default);
   preset.add([_quickInsert.default, options.quickInsert]);
-  preset.add([_typeAhead.default, {
+  preset.add([_typeAhead.default, options.typeAhead || {
     createAnalyticsEvent: options.createAnalyticsEvent
   }]);
   preset.add(_unsupportedContent.default);

package/dist/cjs/messages.js

@@ -117,6 +117,11 @@ var _default = (0, _reactIntl.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/cjs/nodeviews/SelectionBasedNodeView.js

@@ -97,8 +97,7 @@ 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/cjs/plugins/analytics/plugin.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.extendPayload = extendPayload;
 exports.default = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _editorCommon = require("@atlaskit/editor-common");
@@ -30,16 +30,16 @@ var _steps = require("@atlaskit/adf-schema/steps");
 
 var _undoRedoInputSource = require("../undo-redo/undo-redo-input-source");
 
-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) { (0, _defineProperty2.default)(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; }
-
 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; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
 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) { (0, _defineProperty2.default)(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; }
+
 function createPlugin(options) {
   if (!options || !options.createAnalyticsEvent) {
     return;
@@ -50,7 +50,9 @@ function createPlugin(options) {
     key: _pluginKey.analyticsPluginKey,
     state: {
       init: function init() {
-        return options;
+        return _objectSpread(_objectSpread({}, options), {}, {
+          fireAnalytics: (0, _fireAnalyticsEvent.fireAnalyticsEvent)(options.createAnalyticsEvent)
+        });
       },
       apply: function apply(tr, pluginState, _, state) {
         var _getFeatureFlags;

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

@@ -21,6 +21,8 @@ exports.ACTION = 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";
@@ -64,6 +66,7 @@ exports.ACTION = 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";
@@ -99,6 +102,7 @@ exports.ACTION = ACTION;
   ACTION["RENDERED"] = "rendered";
   ACTION["ON_EDITOR_READY_CALLBACK"] = "onEditorReadyCallback";
   ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";
+  ACTION["REMOVE_ICON"] = "removedIcon";
 })(ACTION || (exports.ACTION = ACTION = {}));
 
 var INPUT_METHOD;
@@ -173,6 +177,7 @@ exports.ACTION_SUBJECT = 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/cjs/plugins/analytics/types/type-ahead.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -143,6 +143,16 @@ var messages = (0, _reactIntl.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/cjs/plugins/card/nodeviews/embedCard.js

@@ -252,9 +252,7 @@ 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/cjs/plugins/collab-edit/participants.js

@@ -57,6 +57,21 @@ 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/cjs/plugins/collab-edit/plugin-state.js

@@ -223,6 +223,20 @@ 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 = (0, _utils.getPositionOfTelepointer)(_sessionId2, this.decorationSet);
+
+          if (positionForScroll) {
+            participants = participants.updateCursorPos(_sessionId2, positionForScroll);
+          }
+        }
       }
 
       var nextState = new PluginState(this.decorationSet, participants, sid, collabInitialised);

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

@@ -25,7 +25,8 @@ var AvatarsWithPluginState = function AvatarsWithPluginState(props) {
   var title = props.intl.formatMessage(_messages.default.inviteToEditButtonTitle);
   var selected = props.isInviteToEditButtonSelected,
       onClick = props.inviteToEditHandler,
-      Component = props.inviteToEditComponent;
+      Component = props.inviteToEditComponent,
+      editorView = props.editorView;
 
   var render = _react.default.useCallback(function (_ref) {
     var data = _ref.data;
@@ -36,21 +37,22 @@ var AvatarsWithPluginState = function AvatarsWithPluginState(props) {
 
     return /*#__PURE__*/_react.default.createElement(_avatars.Avatars, {
       sessionId: data.sessionId,
-      participants: data.activeParticipants
+      participants: data.activeParticipants,
+      editorView: editorView
     }, /*#__PURE__*/_react.default.createElement(_inviteToEdit.InviteToEditButton, {
       title: title,
       selected: selected,
       onClick: onClick,
       Component: Component
     }));
-  }, [selected, onClick, Component, title]);
+  }, [selected, onClick, Component, title, editorView]);
 
   return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
     plugins: {
       data: _plugin.pluginKey
     },
     render: render,
-    editorView: props.editorView
+    editorView: editorView
   });
 };
 

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

@@ -15,8 +15,13 @@ var _styles = require("./styles");
 
 var _toAvatar = _interopRequireDefault(require("./to-avatar"));
 
+var _utils = require("../utils");
+
+var _featureFlagsContext = require("../../feature-flags-context");
+
 var Avatars = /*#__PURE__*/_react.default.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;
@@ -30,7 +35,19 @@ var Avatars = /*#__PURE__*/_react.default.memo(function (props) {
     appearance: "stack",
     size: "medium",
     data: avatars,
-    maxCount: 3
+    maxCount: 3,
+    onAvatarClick: function onAvatarClick(_event, _analytics, index) {
+      if (!editorView) {
+        return;
+      }
+
+      var featureFlags = (0, _featureFlagsContext.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) {
+        (0, _utils.scrollToCollabCursor)(editorView, participants, props.sessionId, index);
+      }
+    }
   }), props.children);
 });
 

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

@@ -7,7 +7,7 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.replaceDocument = exports.createTelepointers = exports.findPointers = exports.getAvatarColor = exports.colors = void 0;
+exports.getPositionOfTelepointer = exports.scrollToCollabCursor = exports.replaceDocument = exports.createTelepointers = exports.findPointers = exports.getAvatarColor = exports.colors = void 0;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
@@ -21,6 +21,10 @@ var _adfSchema = require("@atlaskit/adf-schema");
 
 var _editorCommon = require("@atlaskit/editor-common");
 
+var _utils = require("../analytics/utils");
+
+var _types = require("../analytics/types");
+
 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 || _typeof3(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; }
@@ -139,4 +143,40 @@ var replaceDocument = function replaceDocument(doc, state, version, options, res
   return tr;
 };
 
-exports.replaceDocument = replaceDocument;
+exports.replaceDocument = replaceDocument;
+
+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: _types.ACTION.MATCHED,
+      actionSubject: _types.ACTION_SUBJECT.SELECTION,
+      eventType: _types.EVENT_TYPE.TRACK
+    };
+    tr.setSelection(_prosemirrorState.Selection.near(tr.doc.resolve(selectedUser.cursorPos)));
+    tr = (0, _utils.addAnalytics)(state, tr, analyticsPayload);
+    tr.scrollIntoView();
+    editorView.dispatch(tr);
+
+    if (!editorView.hasFocus()) {
+      editorView.focus();
+    }
+  }
+};
+
+exports.scrollToCollabCursor = scrollToCollabCursor;
+
+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;
+};
+
+exports.getPositionOfTelepointer = getPositionOfTelepointer;

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

@@ -19,15 +19,17 @@ var _internal = require("./utils/internal");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
-var createDate = function createDate() {
+var createDate = function createDate(isQuickInsertAction) {
   return function (insert, state) {
     var dateNode = state.schema.nodes.date.createChecked({
       timestamp: (0, _editorCommon.todayTimestampInUTC)()
     });
-    var tr = insert(dateNode, {
+    var space = state.schema.text(' ');
+    var tr = insert(_prosemirrorModel.Fragment.from([dateNode, space]), {
       selectInlineNode: true
     });
     var newPluginState = {
+      isQuickInsertAction: isQuickInsertAction,
       showDatePickerAt: tr.selection.from,
       isNew: true,
       isDateEmpty: false,

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

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

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

@@ -55,7 +55,12 @@ function mapping(tr, pluginState) {
 }
 
 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,