@atlaskit/editor-core 148.0.0 → 149.0.3

package/dist/cjs/plugins/mentions/ui/ToolbarMention/index.js

@@ -29,10 +29,10 @@ var _mention = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/menti
 
 var _ToolbarButton = _interopRequireWildcard(require("../../../../ui/ToolbarButton"));
 
-var _insertMentionQuery = require("../../commands/insert-mention-query");
-
 var _analytics = require("../../../analytics");
 
+var _api = require("../../../type-ahead/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; }
@@ -61,7 +61,7 @@ var ToolbarMention = /*#__PURE__*/function (_PureComponent) {
         return false;
       }
 
-      (0, _insertMentionQuery.insertMentionQuery)(_analytics.INPUT_METHOD.TOOLBAR)(_this.props.editorView.state, _this.props.editorView.dispatch);
+      (0, _api.createTypeAheadTools)(_this.props.editorView).openMention(_analytics.INPUT_METHOD.INSERT_MENU);
       return true;
     });
     return _this;

package/dist/cjs/plugins/mentions/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isInviteItem = exports.isTeamStats = exports.isTeamType = void 0;
+exports.shouldKeepInviteItem = exports.isInviteItem = exports.isTeamStats = exports.isTeamType = void 0;
 
 var _InviteItem = require("./ui/InviteItem");
 
@@ -22,5 +22,27 @@ exports.isTeamStats = isTeamStats;
 var isInviteItem = function isInviteItem(mention) {
   return mention && mention.id === _InviteItem.INVITE_ITEM_DESCRIPTION.id;
 };
+/**
+ * Actions
+ */
 
-exports.isInviteItem = isInviteItem;
+
+exports.isInviteItem = isInviteItem;
+
+var shouldKeepInviteItem = function shouldKeepInviteItem(query, firstQueryWithoutResults) {
+  if (!firstQueryWithoutResults) {
+    return true;
+  }
+
+  var lastIndexWithResults = firstQueryWithoutResults.length - 1;
+  var suffix = query.slice(lastIndexWithResults);
+
+  if (query[lastIndexWithResults - 1] === ' ') {
+    suffix = ' ' + suffix;
+  }
+
+  var depletedExtraWords = /\s[^\s]+\s/.test(suffix);
+  return !depletedExtraWords;
+};
+
+exports.shouldKeepInviteItem = shouldKeepInviteItem;

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

@@ -23,8 +23,12 @@ var _assets = require("../quick-insert/assets");
 
 var _messages = require("../block-type/messages");
 
-var insertPanelTypeWithAnalytics = function insertPanelTypeWithAnalytics(panelType, state, insert) {
-  var tr = insert(insertPanelType(panelType, state));
+var _customPanel = _interopRequireDefault(require("../quick-insert/assets/custom-panel"));
+
+var _colors = require("@atlaskit/theme/colors");
+
+var insertPanelTypeWithAnalytics = function insertPanelTypeWithAnalytics(panelAttributes, state, insert) {
+  var tr = insert(insertPanelType(panelAttributes, state));
 
   if (tr) {
     (0, _analytics.addAnalytics)(state, tr, {
@@ -33,7 +37,7 @@ var insertPanelTypeWithAnalytics = function insertPanelTypeWithAnalytics(panelTy
       actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
       attributes: {
         inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT,
-        panelType: panelType
+        panelType: panelAttributes.panelType
       },
       eventType: _analytics.EVENT_TYPE.TRACK
     });
@@ -42,10 +46,8 @@ var insertPanelTypeWithAnalytics = function insertPanelTypeWithAnalytics(panelTy
   return tr;
 };
 
-var insertPanelType = function insertPanelType(panelType, state) {
-  return state.schema.nodes.panel.createChecked({
-    panelType: panelType
-  }, state.schema.nodes.paragraph.createChecked());
+var insertPanelType = function insertPanelType(panelAttributes, state) {
+  return state.schema.nodes.panel.createChecked(panelAttributes, state.schema.nodes.paragraph.createChecked());
 };
 
 var panelPlugin = function panelPlugin() {
@@ -78,7 +80,7 @@ var panelPlugin = function panelPlugin() {
     pluginsOptions: {
       quickInsert: function quickInsert(_ref2) {
         var formatMessage = _ref2.formatMessage;
-        return [{
+        var quickInsertOptions = [{
           id: 'infopanel',
           title: formatMessage(_messages.messages.infoPanel),
           keywords: ['panel'],
@@ -88,7 +90,9 @@ var panelPlugin = function panelPlugin() {
             return /*#__PURE__*/_react.default.createElement(_assets.IconPanel, null);
           },
           action: function action(insert, state) {
-            return insertPanelTypeWithAnalytics(_adfSchema.PanelType.INFO, state, insert);
+            return insertPanelTypeWithAnalytics({
+              panelType: _adfSchema.PanelType.INFO
+            }, state, insert);
           }
         }, {
           id: 'notepanel',
@@ -99,7 +103,9 @@ var panelPlugin = function panelPlugin() {
             return /*#__PURE__*/_react.default.createElement(_assets.IconPanelNote, null);
           },
           action: function action(insert, state) {
-            return insertPanelTypeWithAnalytics(_adfSchema.PanelType.NOTE, state, insert);
+            return insertPanelTypeWithAnalytics({
+              panelType: _adfSchema.PanelType.NOTE
+            }, state, insert);
           }
         }, {
           id: 'successpanel',
@@ -111,7 +117,9 @@ var panelPlugin = function panelPlugin() {
             return /*#__PURE__*/_react.default.createElement(_assets.IconPanelSuccess, null);
           },
           action: function action(insert, state) {
-            return insertPanelTypeWithAnalytics(_adfSchema.PanelType.SUCCESS, state, insert);
+            return insertPanelTypeWithAnalytics({
+              panelType: _adfSchema.PanelType.SUCCESS
+            }, state, insert);
           }
         }, {
           id: 'warningpanel',
@@ -122,7 +130,9 @@ var panelPlugin = function panelPlugin() {
             return /*#__PURE__*/_react.default.createElement(_assets.IconPanelWarning, null);
           },
           action: function action(insert, state) {
-            return insertPanelTypeWithAnalytics(_adfSchema.PanelType.WARNING, state, insert);
+            return insertPanelTypeWithAnalytics({
+              panelType: _adfSchema.PanelType.WARNING
+            }, state, insert);
           }
         }, {
           id: 'errorpanel',
@@ -133,9 +143,32 @@ var panelPlugin = function panelPlugin() {
             return /*#__PURE__*/_react.default.createElement(_assets.IconPanelError, null);
           },
           action: function action(insert, state) {
-            return insertPanelTypeWithAnalytics(_adfSchema.PanelType.ERROR, state, insert);
+            return insertPanelTypeWithAnalytics({
+              panelType: _adfSchema.PanelType.ERROR
+            }, state, insert);
           }
         }];
+
+        if (options.UNSAFE_allowCustomPanel) {
+          quickInsertOptions.push({
+            id: 'custompanel',
+            title: formatMessage(_messages.messages.customPanel),
+            description: formatMessage(_messages.messages.customPanelDescription),
+            priority: 1000,
+            icon: function icon() {
+              return /*#__PURE__*/_react.default.createElement(_customPanel.default, null);
+            },
+            action: function action(insert, state) {
+              return insertPanelTypeWithAnalytics({
+                panelType: _adfSchema.PanelType.CUSTOM,
+                panelIcon: ':rainbow:',
+                panelColor: _colors.T75
+              }, state, insert);
+            }
+          });
+        }
+
+        return quickInsertOptions;
       },
       floatingToolbar: function floatingToolbar(state, intl, providerFactory) {
         return (0, _toolbar.getToolbarConfig)(state, intl, options, providerFactory);

package/dist/cjs/plugins/panel/nodeviews/panel.js

@@ -9,6 +9,8 @@ exports.getPanelNodeView = exports.PanelIcon = exports.panelIcons = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
@@ -33,6 +35,7 @@ var _editorCommon = require("@atlaskit/editor-common");
 
 var _utils = require("../utils");
 
+var fitToHeight = 20;
 var panelIcons = {
   info: _info.default,
   success: _success.default,
@@ -57,7 +60,7 @@ var PanelIcon = function PanelIcon(props) {
       shortName: panelIcon,
       showTooltip: false,
       allowTextFallback: false,
-      fitToHeight: 16
+      fitToHeight: fitToHeight
     });
   }
 
@@ -69,32 +72,43 @@ var PanelIcon = function PanelIcon(props) {
 
 exports.PanelIcon = PanelIcon;
 
-var PanelNodeView = function PanelNodeView(node, view, getPos, pluginOptions, providerFactory) {
-  (0, _classCallCheck2.default)(this, PanelNodeView);
-  this.providerFactory = providerFactory;
-  this.pluginOptions = pluginOptions;
-  this.view = view;
-  this.node = node;
-
-  var _DOMSerializer$render = _prosemirrorModel.DOMSerializer.renderSpec(document, (0, _utils.panelAttrsToDom)(node.attrs, pluginOptions.UNSAFE_allowCustomPanel || false)),
-      dom = _DOMSerializer$render.dom,
-      contentDOM = _DOMSerializer$render.contentDOM;
-
-  this.getPos = getPos;
-  this.dom = dom;
-  this.contentDOM = contentDOM;
-  this.icon = this.dom.querySelector(".".concat(_editorCommon.PanelSharedCssClassName.icon));
-
-  if (!this.icon) {
-    return;
+var PanelNodeView = /*#__PURE__*/function () {
+  function PanelNodeView(node, view, getPos, pluginOptions, providerFactory) {
+    (0, _classCallCheck2.default)(this, PanelNodeView);
+    this.providerFactory = providerFactory;
+    this.pluginOptions = pluginOptions;
+    this.view = view;
+    this.node = node;
+
+    var _DOMSerializer$render = _prosemirrorModel.DOMSerializer.renderSpec(document, (0, _utils.panelAttrsToDom)(node.attrs, pluginOptions.UNSAFE_allowCustomPanel || false)),
+        dom = _DOMSerializer$render.dom,
+        contentDOM = _DOMSerializer$render.contentDOM;
+
+    this.getPos = getPos;
+    this.dom = dom;
+    this.contentDOM = contentDOM;
+    this.icon = this.dom.querySelector(".".concat(_editorCommon.PanelSharedCssClassName.icon));
+
+    if (!this.icon) {
+      return;
+    }
+
+    _reactDom.default.render( /*#__PURE__*/_react.default.createElement(PanelIcon, {
+      allowCustomPanel: pluginOptions.UNSAFE_allowCustomPanel,
+      panelAttributes: node.attrs,
+      providerFactory: this.providerFactory
+    }), this.icon);
   }
 
-  _reactDom.default.render( /*#__PURE__*/_react.default.createElement(PanelIcon, {
-    allowCustomPanel: pluginOptions.UNSAFE_allowCustomPanel,
-    panelAttributes: node.attrs,
-    providerFactory: this.providerFactory
-  }), this.icon);
-};
+  (0, _createClass2.default)(PanelNodeView, [{
+    key: "ignoreMutation",
+    value: function ignoreMutation(mutation) {
+      // ignore mutation if it caused by the icon.
+      return mutation.target === this.icon;
+    }
+  }]);
+  return PanelNodeView;
+}();
 
 var getPanelNodeView = function getPanelNodeView(pluginOptions, providerFactory) {
   return function (node, view, getPos) {

package/dist/cjs/plugins/panel/toolbar.js

@@ -21,6 +21,8 @@ var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/warni
 
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/error"));
 
+var _EditorHideEmojiIcon = _interopRequireDefault(require("../floating-toolbar/ui/EditorHideEmojiIcon"));
+
 var _messages = _interopRequireDefault(require("../../messages"));
 
 var _actions = require("./actions");
@@ -39,6 +41,8 @@ var _Palettes = require("../../ui/ColorPalette/Palettes");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
+var _analytics = require("../analytics");
+
 var messages = (0, _reactIntl.defineMessages)({
   info: {
     id: 'fabric.editor.info',
@@ -67,7 +71,7 @@ var messages = (0, _reactIntl.defineMessages)({
   },
   emoji: {
     id: 'fabric.editor.panel.emoji',
-    defaultMessage: 'Add icon',
+    defaultMessage: 'Add emoji',
     description: 'Select the panel icon'
   },
   backgroundColor: {
@@ -119,18 +123,96 @@ var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isC
   if (isCustomPanelEnabled) {
     var changeColor = function changeColor(color) {
       return function (state, dispatch) {
-        (0, _actions.changePanelType)(_adfSchema.PanelType.CUSTOM, {
+        var panelNode = (0, _utils.findPanel)(state);
+
+        if (panelNode === undefined) {
+          return false;
+        }
+
+        var previousColor = panelNode.node.attrs.panelColor || (0, _editorCommon.getPanelTypeBackground)(panelNode.node.attrs.panelType);
+
+        if (previousColor === color) {
+          (0, _actions.changePanelType)(_adfSchema.PanelType.CUSTOM, {
+            color: color
+          }, isCustomPanelEnabled)(state, dispatch);
+          return false;
+        }
+
+        var payload = {
+          action: _analytics.ACTION.CHANGED_BACKGROUND_COLOR,
+          actionSubject: _analytics.ACTION_SUBJECT.PANEL,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
+          attributes: {
+            newColor: color,
+            previousColor: previousColor
+          },
+          eventType: _analytics.EVENT_TYPE.TRACK
+        };
+        (0, _analytics.withAnalytics)(payload)((0, _actions.changePanelType)(_adfSchema.PanelType.CUSTOM, {
           color: color
-        }, true)(state, dispatch);
+        }, isCustomPanelEnabled))(state, dispatch);
         return false;
       };
     };
 
     var changeEmoji = function changeEmoji(emoji) {
       return function (state, dispatch) {
-        (0, _actions.changePanelType)(_adfSchema.PanelType.CUSTOM, {
+        var panelNode = (0, _utils.findPanel)(state);
+
+        if (panelNode === undefined) {
+          return false;
+        }
+
+        var previousIcon = panelNode.node.attrs.panelIcon || '';
+
+        if (previousIcon === emoji) {
+          (0, _actions.changePanelType)(_adfSchema.PanelType.CUSTOM, {
+            emoji: emoji
+          }, true)(state, dispatch);
+          return false;
+        }
+
+        var payload = {
+          action: _analytics.ACTION.CHANGED_ICON,
+          actionSubject: _analytics.ACTION_SUBJECT.PANEL,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
+          attributes: {
+            newIcon: emoji,
+            previousIcon: previousIcon
+          },
+          eventType: _analytics.EVENT_TYPE.TRACK
+        };
+        (0, _analytics.withAnalytics)(payload)((0, _actions.changePanelType)(_adfSchema.PanelType.CUSTOM, {
           emoji: emoji
-        }, true)(state, dispatch);
+        }, true))(state, dispatch);
+        return false;
+      };
+    };
+
+    var removeEmoji = function removeEmoji() {
+      return function (state, dispatch) {
+        var panelNode = (0, _utils.findPanel)(state);
+
+        if (activePanelType === _adfSchema.PanelType.CUSTOM && !activePanelIcon) {
+          return false;
+        }
+
+        if (panelNode === undefined) {
+          return false;
+        }
+
+        var payload = {
+          action: _analytics.ACTION.REMOVE_ICON,
+          actionSubject: _analytics.ACTION_SUBJECT.PANEL,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
+          attributes: {
+            icon: panelNode.node.attrs.panelIcon
+          },
+          eventType: _analytics.EVENT_TYPE.TRACK
+        };
+        (0, _analytics.withAnalytics)(payload)((0, _actions.changePanelType)(_adfSchema.PanelType.CUSTOM, {
+          emoji: undefined
+        }, isCustomPanelEnabled))(state, dispatch);
         return false;
       };
     };
@@ -160,12 +242,18 @@ var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isC
       type: 'select',
       selectType: 'emoji',
       options: [],
-      selected: activePanelType === _adfSchema.PanelType.CUSTOM,
+      selected: activePanelType === _adfSchema.PanelType.CUSTOM && !!activePanelIcon,
       onChange: function onChange(emojiShortName) {
         return changeEmoji(emojiShortName);
       }
     };
     items.push(emojiPicker, {
+      id: 'editor.panel.hideEmoji',
+      type: 'button',
+      icon: _EditorHideEmojiIcon.default,
+      onClick: removeEmoji(),
+      title: formatMessage(_messages.default.hideEmoji)
+    }, {
       type: 'separator'
     }, colorPicker);
   }

package/dist/cjs/plugins/panel/toolbar.test.js

@@ -24,6 +24,10 @@ var _docBuilder = require("@atlaskit/editor-test-helpers/doc-builder");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
+var _analytics = _interopRequireWildcard(require("../analytics"));
+
+var _emoji = require("../emoji");
+
 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; }
@@ -32,12 +36,14 @@ var dummyFormatMessage = function dummyFormatMessage(messageDescriptor) {
   return messageDescriptor.defaultMessage || '';
 };
 
-var spy = jest.spyOn(actions, 'changePanelType').mockImplementation(function () {
-  return jest.fn();
-});
+var changePanelTypespy = jest.spyOn(actions, 'changePanelType');
 describe('getToolbarItems', function () {
   var providerFactory = new _editorCommon.ProviderFactory();
   providerFactory.setProvider('emojiProvider', Promise.resolve((0, _getTestEmojiResource.getTestEmojiResource)()));
+  var panelPreset = new _createProsemirrorEditor.Preset().add([_.default, {
+    UNSAFE_allowCustomPanel: true
+  }]);
+  var itemsWithCustomPanelEnabled = (0, _toolbar.getToolbarItems)(dummyFormatMessage, _schema.default.nodes.panel, true, providerFactory, _adfSchema.PanelType.INFO);
   afterEach(function () {
     jest.clearAllMocks();
   });
@@ -46,15 +52,14 @@ describe('getToolbarItems', function () {
     expect(items).toHaveLength(7);
   });
   describe('if isCustomPanelEnabled is true', function () {
-    var items = (0, _toolbar.getToolbarItems)(dummyFormatMessage, _schema.default.nodes.panel, true, providerFactory, _adfSchema.PanelType.INFO);
-    it('should return 10 items', function () {
-      expect(items).toHaveLength(10);
+    it('should return 11 items', function () {
+      expect(itemsWithCustomPanelEnabled).toHaveLength(11);
     });
     it('should contain emoji and color picker button', function () {
-      var emojiButton = items.find(function (item) {
+      var emojiButton = itemsWithCustomPanelEnabled.find(function (item) {
         return item.type === 'select' && item.selectType === 'emoji';
       });
-      var colorButton = items.find(function (item) {
+      var colorButton = itemsWithCustomPanelEnabled.find(function (item) {
         return item.type === 'select' && item.selectType === 'color';
       });
       expect(emojiButton).not.toBeUndefined();
@@ -63,9 +68,6 @@ describe('getToolbarItems', function () {
   });
   describe('custom panel toolbar items', function () {
     var createEditor = (0, _createProsemirrorEditor.createProsemirrorEditorFactory)();
-    var panelPreset = new _createProsemirrorEditor.Preset().add([_.default, {
-      UNSAFE_allowCustomPanel: true
-    }]);
 
     var _createEditor = createEditor({
       doc: (0, _docBuilder.doc)((0, _docBuilder.panel)({
@@ -76,18 +78,17 @@ describe('getToolbarItems', function () {
     }),
         editorView = _createEditor.editorView;
 
-    var items = (0, _toolbar.getToolbarItems)(dummyFormatMessage, _schema.default.nodes.panel, true, providerFactory, _adfSchema.PanelType.INFO);
     it("should call changePanelType when clicked on emoji picker\n          with changed emoji", function () {
-      var emojiPickerConfig = items.find(function (item) {
+      var emojiPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
         return item.type === 'select' && item.selectType === 'emoji';
       });
       emojiPickerConfig.onChange(':smiley:')(editorView.state);
-      expect(spy).toBeCalledWith(_adfSchema.PanelType.CUSTOM, {
+      expect(changePanelTypespy).toBeCalledWith(_adfSchema.PanelType.CUSTOM, {
         emoji: ':smiley:'
       }, true);
     });
     it("should call changePanelType when clicked on color picker\n          with changed color", function () {
-      var colorPickerConfig = items.find(function (item) {
+      var colorPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
         return item.type === 'select' && item.selectType === 'color';
       });
       colorPickerConfig.onChange({
@@ -95,9 +96,141 @@ describe('getToolbarItems', function () {
         value: '#ABF5D1',
         border: _Palettes.DEFAULT_BORDER_COLOR
       })(editorView.state);
-      expect(spy).toBeCalledWith(_adfSchema.PanelType.CUSTOM, {
+      expect(changePanelTypespy).toBeCalledWith(_adfSchema.PanelType.CUSTOM, {
         color: '#ABF5D1'
       }, true);
     });
+    it("should call changePanelType when clicked on hide emoji", function () {
+      var hideEmojiButton = itemsWithCustomPanelEnabled.find(function (item) {
+        return item.type === 'button' && item.id === 'editor.panel.hideEmoji';
+      });
+      hideEmojiButton.onClick(editorView.state);
+      expect(changePanelTypespy).toBeCalledWith(_adfSchema.PanelType.CUSTOM, {
+        emoji: undefined
+      }, true);
+    });
+    it("should not call changePanelType when clicked on hide emoji when no emoji in panel", function () {
+      var _createEditor2 = createEditor({
+        doc: (0, _docBuilder.doc)((0, _docBuilder.panel)({
+          panelType: 'custom'
+        })((0, _docBuilder.p)('{<>}'))),
+        preset: panelPreset,
+        providerFactory: providerFactory
+      }),
+          editorView = _createEditor2.editorView;
+
+      var toolbarItems = (0, _toolbar.getToolbarItems)(dummyFormatMessage, _schema.default.nodes.panel, true, providerFactory, _adfSchema.PanelType.CUSTOM);
+      var hideEmojiButton = toolbarItems.find(function (item) {
+        return item.type === 'button' && item.id === 'editor.panel.hideEmoji';
+      });
+      changePanelTypespy.mockClear();
+      hideEmojiButton.onClick(editorView.state);
+      expect(changePanelTypespy).not.toBeCalled();
+    });
+  });
+  describe('analytics for custom panels', function () {
+    var createEditor = (0, _createProsemirrorEditor.createProsemirrorEditorFactory)();
+    var createAnalyticsEvent = jest.fn(function () {
+      return {
+        fire: function fire() {}
+      };
+    });
+    var editorView;
+    beforeEach(function () {
+      var _createEditor3 = createEditor({
+        doc: (0, _docBuilder.doc)((0, _docBuilder.panel)({
+          panelType: 'info'
+        })((0, _docBuilder.p)('{<>}'))),
+        preset: panelPreset.add([_analytics.default, {
+          createAnalyticsEvent: createAnalyticsEvent
+        }]),
+        providerFactory: providerFactory,
+        pluginKey: _emoji.emojiPluginKey
+      });
+
+      editorView = _createEditor3.editorView;
+    });
+    it('Should trigger analytics when background color is changed', function () {
+      var colorPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
+        return item.type === 'select' && item.selectType === 'color';
+      });
+      colorPickerConfig.onChange({
+        label: 'Mintie',
+        value: '#ABF5D1',
+        border: _Palettes.DEFAULT_BORDER_COLOR
+      })(editorView.state, editorView.dispatch);
+      var payload = {
+        action: _analytics.ACTION.CHANGED_BACKGROUND_COLOR,
+        actionSubject: _analytics.ACTION_SUBJECT.PANEL,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
+        attributes: expect.objectContaining({
+          newColor: '#ABF5D1',
+          previousColor: '#DEEBFF'
+        }),
+        eventType: _analytics.EVENT_TYPE.TRACK
+      };
+      expect(createAnalyticsEvent).toHaveBeenCalledWith(payload);
+    });
+    it('Should trigger analytics when Icon is changed', function () {
+      var emojiPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
+        return item.type === 'select' && item.selectType === 'emoji';
+      });
+      emojiPickerConfig.onChange(':smiley:')(editorView.state, editorView.dispatch);
+      var payload = {
+        action: _analytics.ACTION.CHANGED_ICON,
+        actionSubject: _analytics.ACTION_SUBJECT.PANEL,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
+        attributes: expect.objectContaining({
+          newIcon: ':smiley:',
+          previousIcon: ''
+        }),
+        eventType: _analytics.EVENT_TYPE.TRACK
+      };
+      expect(createAnalyticsEvent).toHaveBeenCalledWith(payload);
+    });
+    it('Should trigger analytics when Icon is removed', function () {
+      var hideEmojiButton = itemsWithCustomPanelEnabled.find(function (item) {
+        return item.type === 'button' && item.id === 'editor.panel.hideEmoji';
+      });
+      var emojiPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
+        return item.type === 'select' && item.selectType === 'emoji';
+      });
+      emojiPickerConfig.onChange(':smiley:')(editorView.state, editorView.dispatch);
+      hideEmojiButton.onClick(editorView.state, editorView.dispatch);
+      var payload = {
+        action: _analytics.ACTION.REMOVE_ICON,
+        actionSubject: _analytics.ACTION_SUBJECT.PANEL,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
+        attributes: expect.objectContaining({
+          icon: ':smiley:'
+        }),
+        eventType: _analytics.EVENT_TYPE.TRACK
+      };
+      expect(createAnalyticsEvent).nthCalledWith(4, payload);
+    });
+    it('Should not fire analytics when the same background color is selected', function () {
+      var colorPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
+        return item.type === 'select' && item.selectType === 'color';
+      });
+      colorPickerConfig.onChange({
+        label: 'Mintie',
+        value: '#ABF5D1',
+        border: _Palettes.DEFAULT_BORDER_COLOR
+      })(editorView.state, editorView.dispatch);
+      colorPickerConfig.onChange({
+        label: 'Mintie',
+        value: '#ABF5D1',
+        border: _Palettes.DEFAULT_BORDER_COLOR
+      })(editorView.state, editorView.dispatch);
+      expect(createAnalyticsEvent).toHaveBeenCalledTimes(3);
+    });
+    it('Should not fire analtyics when same emoji is selected', function () {
+      var emojiPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
+        return item.type === 'select' && item.selectType === 'emoji';
+      });
+      emojiPickerConfig.onChange(':smiley:')(editorView.state, editorView.dispatch);
+      emojiPickerConfig.onChange(':smiley:')(editorView.state, editorView.dispatch);
+      expect(createAnalyticsEvent).toHaveBeenCalledTimes(3);
+    });
   });
 });

package/dist/cjs/plugins/paste/handlers.js

@@ -117,8 +117,8 @@ function handlePasteIntoTaskAndDecision(slice) {
 
     if (selection instanceof _prosemirrorState.TextSelection && Array.isArray(selectionMarks) && selectionMarks.length > 0 && (0, _util.hasOnlyNodesOfType)(paragraph, text, emoji, mention, hardBreak)(slice) && (!codeMark.isInSet(selectionMarks) || textFormattingState.codeActive) // for codeMarks let's make sure mark is active
     ) {
-        filters.push((0, _util.applyTextMarksToSlice)(schema, selection.$head.marks()));
-      }
+      filters.push((0, _util.applyTextMarksToSlice)(schema, selection.$head.marks()));
+    }
 
     var transformedSlice = _utils.compose.apply(null, filters)(slice);