@atlaskit/editor-core 151.2.1 → 153.0.0

package/dist/cjs/plugins/media/ui/media-linking-toolbar-messages.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mediaLinkToolbarMessages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var mediaLinkToolbarMessages = (0, _reactIntl.defineMessages)({
+var mediaLinkToolbarMessages = (0, _reactIntlNext.defineMessages)({
   backLink: {
     id: 'fabric.editor.backLink',
     defaultMessage: 'Go back',

package/dist/cjs/plugins/media/utils/media-common.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.copyOptionalAttrsFromMediaState = void 0;
 exports.endPositionForMedia = endPositionForMedia;
-exports.getMediaNodeFromSelection = exports.unwrapNestedMediaElements = exports.transformSliceToCorrectMediaWrapper = exports.copyOptionalAttrsFromMediaState = exports.splitMediaGroup = exports.removeMediaNode = exports.posOfParentMediaGroup = exports.posOfMediaGroupBelow = exports.isInsidePotentialEmptyParagraph = exports.posOfPrecedingMediaGroup = exports.isSelectionMediaSingleNode = exports.isSelectionNonMediaBlockNode = exports.posOfMediaGroupNearby = exports.isMediaBlobUrlFromAttrs = void 0;
+exports.unwrapNestedMediaElements = exports.transformSliceToCorrectMediaWrapper = exports.splitMediaGroup = exports.removeMediaNode = exports.posOfPrecedingMediaGroup = exports.posOfParentMediaGroup = exports.posOfMediaGroupNearby = exports.posOfMediaGroupBelow = exports.isSelectionNonMediaBlockNode = exports.isSelectionMediaSingleNode = exports.isMediaBlobUrlFromAttrs = exports.isInsidePotentialEmptyParagraph = exports.getMediaNodeFromSelection = void 0;
 
 var _prosemirrorCommands = require("prosemirror-commands");
 
@@ -334,7 +335,7 @@ var unwrapNestedMediaElements = function unwrapNestedMediaElements(html) {
     // ProseMirror should handle this case properly.
 
 
-    if (mediaParent instanceof HTMLDivElement) {
+    if (mediaParent instanceof HTMLDivElement || mediaParent instanceof HTMLSpanElement && mediaParent.closest('[class*="emoji-common"]')) {
       return;
     } // Find the top most element that the parent has a valid container for the image.
     // Stop just before found the wrapper

package/dist/cjs/plugins/media/utils/media-files.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPosInList = exports.insertMediaGroupNode = exports.insertMediaInlineNode = exports.canInsertMediaInline = void 0;
+exports.insertMediaInlineNode = exports.insertMediaGroupNode = exports.getPosInList = exports.canInsertMediaInline = void 0;
 
 var _prosemirrorModel = require("prosemirror-model");
 
@@ -111,7 +111,11 @@ var insertMediaInlineNode = function insertMediaInlineNode(view, mediaState, col
     collection: collection
   });
   var space = state.schema.text(' ');
-  var pos = state.selection.$to.pos;
+  var pos = state.selection.$to.pos; // If the selection is inside an empty list item set pos inside paragraph
+
+  if ((0, _utils.isInListItem)(state) && (0, _mediaCommon.isInsidePotentialEmptyParagraph)(state)) {
+    pos = pos + 1;
+  }
 
   var content = _prosemirrorModel.Fragment.from([mediaInlineNode, space]); // Delete the selection if a selection is made
 

package/dist/cjs/plugins/media/utils/media-single.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.isMediaSingle = exports.insertMediaSingleNode = exports.insertMediaAsMediaSingle = exports.createMediaSingleNode = exports.calcMediaPxWidth = void 0;
 exports.transformSliceForMedia = transformSliceForMedia;
-exports.calcMediaPxWidth = exports.createMediaSingleNode = exports.insertMediaSingleNode = exports.insertMediaAsMediaSingle = exports.isMediaSingle = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.buildTypeAheadRenderedPayload = exports.buildTypeAheadInsertedPayload = exports.buildTypeAheadInviteItemClickedPayload = exports.buildTypeAheadInviteExposurePayload = exports.buildTypeAheadInviteItemViewedPayload = exports.buildTypeAheadCancelPayload = exports.buildAnalyticsPayload = void 0;
+exports.buildTypeAheadRenderedPayload = exports.buildTypeAheadInviteItemViewedPayload = exports.buildTypeAheadInviteItemClickedPayload = exports.buildTypeAheadInviteExposurePayload = exports.buildTypeAheadInsertedPayload = exports.buildTypeAheadCancelPayload = exports.buildAnalyticsPayload = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

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

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 Object.defineProperty(exports, "mentionPluginKey", {
   enumerable: true,
   get: function get() {
     return _key.mentionPluginKey;
   }
 });
-exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   inviteItemTitle: {
     id: 'fabric.editor.inviteItem.title',
     defaultMessage: '{userRole, select, admin {Invite} trusted {Invite} other {Add}} teammate to {productName}',

package/dist/cjs/plugins/mentions/nodeviews/mention.js

@@ -7,8 +7,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = mentionNodeView;
 exports.MentionNodeView = void 0;
+exports.default = mentionNodeView;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 

package/dist/cjs/plugins/mentions/type-ahead/index.js

@@ -7,8 +7,9 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.createTypeAheadConfig = void 0;
 exports.memoize = memoize;
-exports.createTypeAheadConfig = exports.mentionToTypeaheadItem = void 0;
+exports.mentionToTypeaheadItem = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.INVITE_ITEM_DESCRIPTION = exports.INVITE_ITEM_MIN_HEIGHT = void 0;
+exports.default = exports.INVITE_ITEM_MIN_HEIGHT = exports.INVITE_ITEM_DESCRIPTION = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -17,7 +17,7 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styles = require("./styles");
 
@@ -69,7 +69,7 @@ var InviteItem = function InviteItem(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_styles.RowStyle, null, /*#__PURE__*/_react.default.createElement(_styles.AvatarStyle, null, /*#__PURE__*/_react.default.createElement(_add.default, {
     label: "add-icon",
     primaryColor: _colors.N300
-  })), /*#__PURE__*/_react.default.createElement(_styles.NameSectionStyle, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages.inviteItemTitle, {
+  })), /*#__PURE__*/_react.default.createElement(_styles.NameSectionStyle, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.inviteItemTitle, {
     values: {
       userRole: userRole || 'basic',
       productName: /*#__PURE__*/_react.default.createElement(_styles.CapitalizedStyle, null, productName)

package/dist/cjs/plugins/mentions/ui/InviteItem/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CapitalizedStyle = exports.MentionItemStyle = exports.NameSectionStyle = exports.AvatarStyle = exports.AVATAR_HEIGHT = exports.RowStyle = exports.ROW_SIDE_PADDING = void 0;
+exports.RowStyle = exports.ROW_SIDE_PADDING = exports.NameSectionStyle = exports.MentionItemStyle = exports.CapitalizedStyle = exports.AvatarStyle = exports.AVATAR_HEIGHT = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shouldKeepInviteItem = exports.isInviteItem = exports.isTeamStats = exports.isTeamType = void 0;
+exports.shouldKeepInviteItem = exports.isTeamType = exports.isTeamStats = exports.isInviteItem = void 0;
 
 var _InviteItem = require("./ui/InviteItem");
 

package/dist/cjs/plugins/mobile-dimensions/commands.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setMobilePaddingTop = exports.setWindowHeight = exports.setKeyboardHeight = void 0;
+exports.setWindowHeight = exports.setMobilePaddingTop = exports.setKeyboardHeight = void 0;
 
 var _actions = require("./actions");
 

package/dist/cjs/plugins/mobile-dimensions/plugin-factory.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createCommand = exports.getPluginState = exports.createPluginState = exports.mobileDimensionsPluginKey = void 0;
+exports.mobileDimensionsPluginKey = exports.getPluginState = exports.createPluginState = exports.createCommand = void 0;
 
 var _prosemirrorState = require("prosemirror-state");
 

package/dist/cjs/plugins/mobile-selection/mobile-selection-plugin.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mobileSelectionPlugin = exports.createProseMirrorPlugin = exports.selectionPluginKey = void 0;
+exports.selectionPluginKey = exports.mobileSelectionPlugin = exports.createProseMirrorPlugin = void 0;
 
 var _prosemirrorState = require("prosemirror-state");
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.changePanelType = exports.removePanel = void 0;
+exports.removePanel = exports.changePanelType = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -59,7 +59,7 @@ exports.removePanel = removePanel;
 
 var changePanelType = function changePanelType(panelType) {
   var panelOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var UNSAFE_allowCustomPanel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var allowCustomPanel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return function (state, dispatch) {
     var nodes = state.schema.nodes,
         tr = state.tr;
@@ -73,7 +73,7 @@ var changePanelType = function changePanelType(panelType) {
     var previousType = panelNode.node.attrs.panelType;
     var newTr;
 
-    if (UNSAFE_allowCustomPanel) {
+    if (allowCustomPanel) {
       var previousColor = panelNode.node.attrs.panelColor || (0, _editorCommon.getPanelTypeBackground)(previousType);
       var previousIcon = panelNode.node.attrs.panelIcon;
 

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

@@ -55,7 +55,7 @@ var panelPlugin = function panelPlugin() {
   return {
     name: 'panel',
     nodes: function nodes() {
-      var panelNode = (0, _adfSchema.customPanel)(!!options.UNSAFE_allowCustomPanel);
+      var panelNode = (0, _adfSchema.panel)(!!options.allowCustomPanel);
       return [{
         name: 'panel',
         node: panelNode
@@ -148,7 +148,7 @@ var panelPlugin = function panelPlugin() {
           }
         }];
 
-        if (options.UNSAFE_allowCustomPanelEdit && options.UNSAFE_allowCustomPanel) {
+        if (options.allowCustomPanel && options.allowCustomPanelEdit) {
           quickInsertOptions.push({
             id: 'custompanel',
             title: formatMessage(_messages.messages.customPanel),
@@ -161,7 +161,7 @@ var panelPlugin = function panelPlugin() {
               return insertPanelTypeWithAnalytics({
                 panelType: _adfSchema.PanelType.CUSTOM,
                 panelIcon: ':rainbow:',
-                panelColor: _colors.T75
+                panelColor: _colors.T50
               }, state, insert);
             }
           });

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   info: {
     id: 'fabric.editor.info',
     defaultMessage: 'Info',

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPanelNodeView = exports.PanelIcon = exports.panelIcons = void 0;
+exports.panelIcons = exports.getPanelNodeView = exports.PanelIcon = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -81,7 +81,7 @@ var PanelNodeView = /*#__PURE__*/function () {
     this.view = view;
     this.node = node;
 
-    var _DOMSerializer$render = _prosemirrorModel.DOMSerializer.renderSpec(document, (0, _utils.panelAttrsToDom)(node.attrs, pluginOptions.UNSAFE_allowCustomPanel || false)),
+    var _DOMSerializer$render = _prosemirrorModel.DOMSerializer.renderSpec(document, (0, _utils.panelAttrsToDom)(node.attrs, pluginOptions.allowCustomPanel || false)),
         dom = _DOMSerializer$render.dom,
         contentDOM = _DOMSerializer$render.contentDOM;
 
@@ -98,7 +98,7 @@ var PanelNodeView = /*#__PURE__*/function () {
     this.icon.contentEditable = 'false';
 
     _reactDom.default.render( /*#__PURE__*/_react.default.createElement(PanelIcon, {
-      allowCustomPanel: pluginOptions.UNSAFE_allowCustomPanel,
+      allowCustomPanel: pluginOptions.allowCustomPanel,
       panelAttributes: node.attrs,
       providerFactory: this.providerFactory
     }), this.icon);

package/dist/cjs/plugins/panel/pm-plugins/keymaps.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.keymapPlugin = keymapPlugin;
 exports.default = void 0;
+exports.keymapPlugin = keymapPlugin;
 
 var _prosemirrorKeymap = require("prosemirror-keymap");
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getToolbarConfig = exports.getToolbarItems = exports.panelIconMap = void 0;
+exports.panelIconMap = exports.getToolbarItems = exports.getToolbarConfig = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -21,7 +21,7 @@ var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/warni
 
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/error"));
 
-var _EditorRemoveEmojiIcon = _interopRequireDefault(require("../floating-toolbar/ui/EditorRemoveEmojiIcon"));
+var _removeEmoji = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove-emoji"));
 
 var _messages = _interopRequireDefault(require("../../messages"));
 
@@ -51,7 +51,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-var panelIconMap = (_panelIconMap = {}, (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.INFO, ':info:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.NOTE, ':note:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.WARNING, ':warning:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.ERROR, ':error:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.SUCCESS, ':success:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.TIP, ':tip:'), _panelIconMap);
+var panelIconMap = (_panelIconMap = {}, (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.INFO, ':info:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.NOTE, ':note:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.WARNING, ':warning:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.ERROR, ':cross_mark:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.SUCCESS, ':check_mark:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.TIP, ':tip:'), _panelIconMap);
 exports.panelIconMap = panelIconMap;
 
 var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isCustomPanelEnabled, isCustomPanelEditable, providerFactory, activePanelType, activePanelColor, activePanelIcon) {
@@ -229,7 +229,7 @@ var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isC
       var removeEmojiButton = {
         id: 'editor.panel.removeEmoji',
         type: 'button',
-        icon: _EditorRemoveEmojiIcon.default,
+        icon: _removeEmoji.default,
         onClick: removeEmoji(),
         title: formatMessage(_messages.default.removeEmoji),
         disabled: activePanelIcon ? false : true
@@ -270,9 +270,14 @@ var getToolbarConfig = function getToolbarConfig(state, intl) {
     var _panelObject$node$att = panelObject.node.attrs,
         panelType = _panelObject$node$att.panelType,
         panelColor = _panelObject$node$att.panelColor,
-        panelIcon = _panelObject$node$att.panelIcon; // force toolbar to be turned on
+        panelIcon = _panelObject$node$att.panelIcon;
 
-    var items = getToolbarItems(formatMessage, nodeType, options.UNSAFE_allowCustomPanel || false, options.UNSAFE_allowCustomPanel && options.UNSAFE_allowCustomPanelEdit || false, providerFactory, panelType, options.UNSAFE_allowCustomPanel ? panelColor : undefined, options.UNSAFE_allowCustomPanel ? panelIcon : undefined);
+    var isStandardPanel = function isStandardPanel(panelType) {
+      return panelType !== _adfSchema.PanelType.CUSTOM ? panelType : undefined;
+    }; // force toolbar to be turned on
+
+
+    var items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined);
 
     var getDomRef = function getDomRef(editorView) {
       var domAtPos = editorView.domAtPos.bind(editorView);

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

@@ -1,16 +1,24 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.panelAttrsToDom = exports.findPanel = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _prosemirrorUtils = require("prosemirror-utils");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
 var _editorCommon = require("@atlaskit/editor-common");
 
+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; }
+
 var findPanel = function findPanel(state, selection) {
   var panel = state.schema.nodes.panel;
   return (0, _prosemirrorUtils.findSelectedNodeOfType)(panel)(selection || state.selection) || (0, _prosemirrorUtils.findParentNodeOfType)(panel)(selection || state.selection);
@@ -30,6 +38,13 @@ var panelAttrsToDom = function panelAttrsToDom(attrs, allowCustomPanel) {
     'data-panel-type': panelType || _adfSchema.PanelType.INFO,
     style: style
   };
+
+  if (panelColor && isCustomPanel) {
+    panelAttrs = _objectSpread(_objectSpread({}, panelAttrs), {}, {
+      'data-panel-color': panelColor
+    });
+  }
+
   var iconDiv = ['div', {
     class: _editorCommon.PanelSharedCssClassName.icon
   }];

package/dist/cjs/plugins/paste/edge-cases/lists.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.insertSliceIntoEmptyNode = insertSliceIntoEmptyNode;
 exports.insertSliceAtNodeEdge = insertSliceAtNodeEdge;
-exports.insertSliceIntoRangeSelectionInsideList = insertSliceIntoRangeSelectionInsideList;
 exports.insertSliceInsideOfPanelNodeSelected = insertSliceInsideOfPanelNodeSelected;
+exports.insertSliceIntoEmptyNode = insertSliceIntoEmptyNode;
+exports.insertSliceIntoRangeSelectionInsideList = insertSliceIntoRangeSelectionInsideList;
 
 var _prosemirrorModel = require("prosemirror-model");
 

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

@@ -5,21 +5,21 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handleMention = handleMention;
-exports.handlePasteIntoTaskAndDecision = handlePasteIntoTaskAndDecision;
-exports.handlePasteLinkOnSelectedText = handlePasteLinkOnSelectedText;
-exports.handlePasteAsPlainText = handlePasteAsPlainText;
-exports.handlePastePreservingMarks = handlePastePreservingMarks;
-exports.handleMacroAutoConvert = handleMacroAutoConvert;
+exports.flattenNestedListInSlice = flattenNestedListInSlice;
 exports.handleCodeBlock = handleCodeBlock;
-exports.handleMediaSingle = handleMediaSingle;
 exports.handleExpand = handleExpand;
+exports.handleMacroAutoConvert = handleMacroAutoConvert;
 exports.handleMarkdown = handleMarkdown;
+exports.handleMediaSingle = handleMediaSingle;
+exports.handleMention = handleMention;
 exports.handleParagraphBlockMarks = handleParagraphBlockMarks;
-exports.flattenNestedListInSlice = flattenNestedListInSlice;
-exports.insertIntoPanel = insertIntoPanel;
+exports.handlePasteAsPlainText = handlePasteAsPlainText;
+exports.handlePasteIntoTaskAndDecision = handlePasteIntoTaskAndDecision;
+exports.handlePasteLinkOnSelectedText = handlePasteLinkOnSelectedText;
+exports.handlePastePreservingMarks = handlePastePreservingMarks;
 exports.handleRichText = handleRichText;
 exports.handleSelectedTable = void 0;
+exports.insertIntoPanel = insertIntoPanel;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

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

@@ -5,11 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getContent = getContent;
 exports.createPasteAnalyticsPayload = createPasteAnalyticsPayload;
-exports.sendPasteAnalyticsEvent = sendPasteAnalyticsEvent;
+exports.createPasteMeasurePayload = void 0;
+exports.getContent = getContent;
+exports.handleSelectedTableWithAnalytics = exports.handleRichTextWithAnalytics = exports.handlePastePreservingMarksWithAnalytics = exports.handlePasteLinkOnSelectedTextWithAnalytics = exports.handlePasteIntoTaskAndDecisionWithAnalytics = exports.handlePasteAsPlainTextWithAnalytics = exports.handleMediaSingleWithAnalytics = exports.handleMarkdownWithAnalytics = exports.handleExpandWithAnalytics = exports.handleCodeBlockWithAnalytics = exports.getContentNodeTypes = void 0;
 exports.pasteCommandWithAnalytics = pasteCommandWithAnalytics;
-exports.getContentNodeTypes = exports.createPasteMeasurePayload = exports.handlePasteLinkOnSelectedTextWithAnalytics = exports.handleSelectedTableWithAnalytics = exports.handleExpandWithAnalytics = exports.handleRichTextWithAnalytics = exports.handleMarkdownWithAnalytics = exports.handlePastePreservingMarksWithAnalytics = exports.handleMediaSingleWithAnalytics = exports.handleCodeBlockWithAnalytics = exports.handlePasteIntoTaskAndDecisionWithAnalytics = exports.handlePasteAsPlainTextWithAnalytics = void 0;
+exports.sendPasteAnalyticsEvent = sendPasteAnalyticsEvent;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 

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

@@ -5,24 +5,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isPastedFromWord = isPastedFromWord;
-exports.isPastedFromExcel = isPastedFromExcel;
-exports.isPastedFromDropboxPaper = isPastedFromDropboxPaper;
-exports.isPastedFromGoogleDocs = isPastedFromGoogleDocs;
-exports.isPastedFromGoogleSpreadSheets = isPastedFromGoogleSpreadSheets;
-exports.isPastedFromPages = isPastedFromPages;
-exports.isPastedFromFabricEditor = isPastedFromFabricEditor;
-exports.htmlContainsSingleFile = htmlContainsSingleFile;
-exports.getPasteSource = getPasteSource;
-exports.isCode = isCode;
+exports.applyTextMarksToSlice = applyTextMarksToSlice;
 exports.escapeLinks = escapeLinks;
+exports.getPasteSource = getPasteSource;
 exports.hasOnlyNodesOfType = hasOnlyNodesOfType;
-exports.applyTextMarksToSlice = applyTextMarksToSlice;
-exports.isEmptyNode = isEmptyNode;
+exports.htmlContainsSingleFile = htmlContainsSingleFile;
+exports.htmlHasInvalidLinkTags = void 0;
+exports.isCode = isCode;
 exports.isCursorSelectionAtTextStartOrEnd = isCursorSelectionAtTextStartOrEnd;
+exports.isEmptyNode = isEmptyNode;
 exports.isPanelNode = isPanelNode;
+exports.isPastedFromDropboxPaper = isPastedFromDropboxPaper;
+exports.isPastedFromExcel = isPastedFromExcel;
+exports.isPastedFromFabricEditor = isPastedFromFabricEditor;
+exports.isPastedFromGoogleDocs = isPastedFromGoogleDocs;
+exports.isPastedFromGoogleSpreadSheets = isPastedFromGoogleSpreadSheets;
+exports.isPastedFromPages = isPastedFromPages;
+exports.isPastedFromWord = isPastedFromWord;
 exports.isSelectionInsidePanel = isSelectionInsidePanel;
-exports.removeDuplicateInvalidLinks = exports.htmlHasInvalidLinkTags = exports.isSingleLine = void 0;
+exports.removeDuplicateInvalidLinks = exports.isSingleLine = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlaceholderDecoration = createPlaceholderDecoration;
 exports.createPlugin = createPlugin;
-exports.default = exports.pluginKey = void 0;
+exports.pluginKey = exports.default = void 0;
 
 var _prosemirrorState = require("prosemirror-state");
 

package/dist/cjs/plugins/placeholder-text/actions.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hidePlaceholderFloatingToolbar = exports.insertPlaceholderTextAtSelection = exports.showPlaceholderFloatingToolbar = void 0;
+exports.showPlaceholderFloatingToolbar = exports.insertPlaceholderTextAtSelection = exports.hidePlaceholderFloatingToolbar = void 0;
 
 var _pluginKey = require("./plugin-key");
 

package/dist/cjs/plugins/placeholder-text/ui/PlaceholderFloatingToolbar/index.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.messages = void 0;
+exports.messages = exports.default = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -25,7 +25,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _PanelTextInput = _interopRequireDefault(require("../../../../ui/PanelTextInput"));
 
@@ -39,7 +39,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   placeholderTextPlaceholder: {
     id: 'fabric.editor.placeholderTextPlaceholder',
     defaultMessage: 'Add placeholder text',
@@ -116,6 +116,6 @@ var PlaceholderFloatingToolbar = /*#__PURE__*/function (_React$Component) {
   return PlaceholderFloatingToolbar;
 }(_react.default.Component);
 
-var _default = (0, _reactIntl.injectIntl)(PlaceholderFloatingToolbar);
+var _default = (0, _reactIntlNext.injectIntl)(PlaceholderFloatingToolbar);
 
 exports.default = _default;

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IconExpand = exports.IconFeedback = exports.IconHeading = exports.IconFallback = exports.IconTable = exports.IconStatus = exports.IconQuote = exports.IconCustomPanel = exports.IconPanel = exports.IconPanelWarning = exports.IconPanelSuccess = exports.IconPanelNote = exports.IconPanelError = exports.IconMention = exports.IconList = exports.IconListNumber = exports.IconLink = exports.IconLayout = exports.IconImages = exports.IconEmoji = exports.IconDivider = exports.IconDecision = exports.IconDate = exports.IconCode = exports.IconAction = void 0;
+exports.IconTable = exports.IconStatus = exports.IconQuote = exports.IconPanelWarning = exports.IconPanelSuccess = exports.IconPanelNote = exports.IconPanelError = exports.IconPanel = exports.IconMention = exports.IconListNumber = exports.IconList = exports.IconLink = exports.IconLayout = exports.IconImages = exports.IconHeading = exports.IconFeedback = exports.IconFallback = exports.IconExpand = exports.IconEmoji = exports.IconDivider = exports.IconDecision = exports.IconDate = exports.IconCustomPanel = exports.IconCode = exports.IconAction = void 0;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 

package/dist/cjs/plugins/quick-insert/commands.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.insertItem = exports.closeElementBrowserModal = exports.openElementBrowserModal = void 0;
+exports.openElementBrowserModal = exports.insertItem = exports.closeElementBrowserModal = void 0;
 
 var _insert = require("../../utils/insert");