@atlaskit/editor-core 189.1.13 → 189.2.0

package/dist/types-ts4.5/i18n/tr.d.ts

@@ -62,7 +62,6 @@ declare const _default: {
     'fabric.editor.single': string;
     'fabric.editor.success': string;
     'fabric.editor.taskPlaceholder': string;
-    'fabric.editor.textColor': string;
     'fabric.editor.threeColumns': string;
     'fabric.editor.threeColumnsWithSidebars': string;
     'fabric.editor.twoColumns': string;

package/dist/types-ts4.5/i18n/uk.d.ts

@@ -62,7 +62,6 @@ declare const _default: {
     'fabric.editor.single': string;
     'fabric.editor.success': string;
     'fabric.editor.taskPlaceholder': string;
-    'fabric.editor.textColor': string;
     'fabric.editor.threeColumns': string;
     'fabric.editor.threeColumnsWithSidebars': string;
     'fabric.editor.twoColumns': string;

package/dist/types-ts4.5/i18n/vi.d.ts

@@ -62,7 +62,6 @@ declare const _default: {
     'fabric.editor.single': string;
     'fabric.editor.success': string;
     'fabric.editor.taskPlaceholder': string;
-    'fabric.editor.textColor': string;
     'fabric.editor.threeColumns': string;
     'fabric.editor.threeColumnsWithSidebars': string;
     'fabric.editor.twoColumns': string;

package/dist/types-ts4.5/i18n/zh.d.ts

@@ -62,7 +62,6 @@ declare const _default: {
     'fabric.editor.single': string;
     'fabric.editor.success': string;
     'fabric.editor.taskPlaceholder': string;
-    'fabric.editor.textColor': string;
     'fabric.editor.threeColumns': string;
     'fabric.editor.threeColumnsWithSidebars': string;
     'fabric.editor.twoColumns': string;

package/dist/types-ts4.5/i18n/zh_TW.d.ts

@@ -62,7 +62,6 @@ declare const _default: {
     'fabric.editor.single': string;
     'fabric.editor.success': string;
     'fabric.editor.taskPlaceholder': string;
-    'fabric.editor.textColor': string;
     'fabric.editor.threeColumns': string;
     'fabric.editor.threeColumnsWithSidebars': string;
     'fabric.editor.twoColumns': string;

package/dist/types-ts4.5/plugins/index.d.ts

@@ -7,7 +7,6 @@ export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as macroPlugin } from './macro';
 export { default as maxContentSizePlugin } from './max-content-size';
-export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as breakoutPlugin } from './breakout';

package/dist/types-ts4.5/plugins/insert-block/types.d.ts

@@ -9,7 +9,7 @@ import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { QuickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
 import type { BlockTypePlugin } from '@atlaskit/editor-plugin-block-type';
 import type { CodeBlockPlugin } from '../code-block';
-import type { PanelPlugin } from '../panel';
+import type { PanelPlugin } from '@atlaskit/editor-plugin-panel';
 import type { LayoutPlugin } from '@atlaskit/editor-plugin-layout';
 import type { RulePlugin } from '@atlaskit/editor-plugin-rule';
 import type { MediaPlugin } from '@atlaskit/editor-plugin-media';

package/dist/types-ts4.5/types/editor-props.d.ts

@@ -21,7 +21,7 @@ import type { FindReplaceOptions } from '../plugins/find-replace/types';
 import type { LayoutPluginOptions } from '@atlaskit/editor-plugin-layout';
 import type { MediaOptions, MediaState } from '@atlaskit/editor-plugin-media/types';
 import type { MentionPluginConfig } from '@atlaskit/editor-plugin-mentions';
-import type { PanelPluginConfig } from '../plugins/panel/types';
+import type { PanelPluginConfig } from '@atlaskit/editor-plugin-panel';
 import type { PlaceholderTextOptions } from '@atlaskit/editor-plugin-placeholder-text';
 import type { TextColorPluginConfig } from '@atlaskit/editor-plugin-text-color';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';

package/dist/types-ts4.5/{plugins/panel/styles.d.ts → ui/ContentStyles/panel.d.ts}

@@ -1,2 +1,2 @@
-import { ThemeProps } from '@atlaskit/theme/types';
+import type { ThemeProps } from '@atlaskit/theme/types';
 export declare const panelStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "189.1.13",
+  "version": "189.2.0",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -48,7 +48,7 @@
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/avatar-group": "^9.4.0",
-    "@atlaskit/button": "^16.12.0",
+    "@atlaskit/button": "^16.13.0",
     "@atlaskit/checkbox": "^12.6.0",
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/date": "^0.10.0",
@@ -56,7 +56,6 @@
     "@atlaskit/editor-common": "^76.18.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.5",
-    "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/editor-plugin-analytics": "^0.3.0",
     "@atlaskit/editor-plugin-base": "^0.2.0",
     "@atlaskit/editor-plugin-better-type-history": "^0.1.0",
@@ -88,6 +87,7 @@
     "@atlaskit/editor-plugin-list": "^1.3.0",
     "@atlaskit/editor-plugin-media": "^0.3.0",
     "@atlaskit/editor-plugin-mentions": "^0.1.0",
+    "@atlaskit/editor-plugin-panel": "^0.1.0",
     "@atlaskit/editor-plugin-paste": "^0.1.0",
     "@atlaskit/editor-plugin-paste-options-toolbar": "^0.2.0",
     "@atlaskit/editor-plugin-placeholder": "^0.1.0",
@@ -162,9 +162,10 @@
     "@af/editor-libra": "*",
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
-    "@atlaskit/collab-provider": "9.15.3",
+    "@atlaskit/collab-provider": "9.15.4",
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/editor-extension-dropbox": "^0.4.0",
+    "@atlaskit/editor-palette": "1.5.1",
     "@atlaskit/flag": "^15.2.0",
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/inline-dialog": "^13.6.0",
@@ -186,7 +187,7 @@
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/editor-extension-link-create": "^0.6.0",
     "@atlassian/feature-flags-test-utils": "^0.1.1",
-    "@atlassian/link-picker-plugins": "^23.1.0",
+    "@atlassian/link-picker-plugins": "^23.2.0",
     "@atlassian/search-provider": "2.4.8",
     "@atlassian/ufo": "^0.2.0",
     "@emotion/jest": "^11.8.0",

package/report.api.md

@@ -62,6 +62,7 @@ import { MentionProvider } from '@atlaskit/mention/resource';
 import { MentionResource } from '@atlaskit/mention/resource';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';
+import type { PanelPluginConfig } from '@atlaskit/editor-plugin-panel';
 import { PerformanceTracking } from '@atlaskit/editor-common/types';
 import type { PlaceholderTextOptions } from '@atlaskit/editor-plugin-placeholder-text';
 import type { PluginConfig } from '@atlaskit/editor-plugin-table/types';
@@ -663,14 +664,6 @@ type OnEditorViewStateUpdated = (props: {
   readonly newEditorState: Readonly<EditorState>;
 }) => void;
 
-// @public (undocumented)
-interface PanelPluginConfig {
-  // (undocumented)
-  allowCustomPanel?: boolean;
-  // (undocumented)
-  allowCustomPanelEdit?: boolean;
-}
-
 export { PortalProvider };
 
 export { PortalProviderAPI };

package/tmp/api-report-tmp.d.ts

@@ -51,6 +51,7 @@ import { MentionProvider } from '@atlaskit/mention/resource';
 import { MentionResource } from '@atlaskit/mention/resource';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';
+import type { PanelPluginConfig } from '@atlaskit/editor-plugin-panel';
 import { PerformanceTracking } from '@atlaskit/editor-common/types';
 import type { PlaceholderTextOptions } from '@atlaskit/editor-plugin-placeholder-text';
 import type { PluginConfig } from '@atlaskit/editor-plugin-table/types';
@@ -611,14 +612,6 @@ type OnEditorViewStateUpdated = (props: {
     readonly newEditorState: Readonly<EditorState>;
 }) => void;
 
-// @public (undocumented)
-interface PanelPluginConfig {
-    // (undocumented)
-    allowCustomPanel?: boolean;
-    // (undocumented)
-    allowCustomPanelEdit?: boolean;
-}
-
 export { PortalProvider }
 
 export { PortalProviderAPI }

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

@@ -1,125 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.changePanelType = void 0;
-exports.insertPanelWithAnalytics = insertPanelWithAnalytics;
-exports.removePanel = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _adfSchema = require("@atlaskit/adf-schema");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _utils2 = require("./utils");
-var _panel = require("@atlaskit/editor-common/panel");
-var _editorAnalytics = require("@atlaskit/editor-common/editor-analytics");
-var _utils3 = require("@atlaskit/editor-common/utils");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var removePanel = exports.removePanel = function removePanel(editorAnalyticsAPI) {
-  return function (state, dispatch) {
-    var nodes = state.schema.nodes,
-      tr = state.tr;
-    var payload = {
-      action: _analytics.ACTION.DELETED,
-      actionSubject: _analytics.ACTION_SUBJECT.PANEL,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.TOOLBAR
-      },
-      eventType: _analytics.EVENT_TYPE.TRACK
-    };
-    var deleteTr = tr;
-    if ((0, _utils.findSelectedNodeOfType)(nodes.panel)(tr.selection)) {
-      deleteTr = (0, _utils.removeSelectedNode)(tr);
-    } else if ((0, _utils.findParentNodeOfType)(nodes.panel)(tr.selection)) {
-      deleteTr = (0, _utils.removeParentNodeOfType)(nodes.panel)(tr);
-    }
-    if (!deleteTr) {
-      return false;
-    }
-    if (dispatch) {
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(payload)(deleteTr);
-      dispatch(deleteTr);
-    }
-    return true;
-  };
-};
-var changePanelType = exports.changePanelType = function changePanelType(editorAnalyticsAPI) {
-  return function (panelType) {
-    var panelOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var allowCustomPanel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    return function (state, dispatch) {
-      var nodes = state.schema.nodes,
-        tr = state.tr;
-      var panelNode = (0, _utils2.findPanel)(state);
-      if (panelNode === undefined) {
-        return false;
-      }
-      var newType = panelType;
-      var previousType = panelNode.node.attrs.panelType;
-      var newTr;
-      if (allowCustomPanel) {
-        var previousColor = panelNode.node.attrs.panelType === 'custom' ? panelNode.node.attrs.panelColor || 'none' : (0, _panel.getPanelTypeBackgroundNoTokens)(previousType);
-        var previousIcon = panelNode.node.attrs.panelIcon;
-        var previousIconId = panelNode.node.attrs.panelIconId;
-        var previousIconText = panelNode.node.attrs.panelIconText;
-        var newPanelOptions = _objectSpread({
-          color: previousColor,
-          emoji: previousIcon,
-          emojiId: previousIconId,
-          emojiText: previousIconText
-        }, panelOptions);
-        newTr = tr.setNodeMarkup(panelNode.pos, nodes.panel, {
-          panelIcon: newPanelOptions.emoji,
-          panelIconId: newPanelOptions.emojiId,
-          panelIconText: newPanelOptions.emojiText,
-          panelColor: newPanelOptions.color,
-          panelType: panelType
-        });
-      } else {
-        newTr = tr.setNodeMarkup(panelNode.pos, nodes.panel, {
-          panelType: panelType
-        });
-      }
-      var payload = {
-        action: _analytics.ACTION.CHANGED_TYPE,
-        actionSubject: _analytics.ACTION_SUBJECT.PANEL,
-        attributes: {
-          newType: newType,
-          previousType: previousType
-        },
-        eventType: _analytics.EVENT_TYPE.TRACK
-      };
-
-      // Select the panel if it was previously selected
-      var newTrWithSelection = state.selection instanceof _state.NodeSelection && state.selection.node.type.name === 'panel' ? newTr.setSelection(new _state.NodeSelection(tr.doc.resolve(panelNode.pos))) : newTr;
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(payload)(newTrWithSelection);
-      newTrWithSelection.setMeta('scrollIntoView', false);
-      if (dispatch) {
-        dispatch(newTrWithSelection);
-      }
-      return true;
-    };
-  };
-};
-function insertPanelWithAnalytics(inputMethod, analyticsAPI) {
-  return (0, _editorAnalytics.withAnalytics)(analyticsAPI, {
-    action: _analytics.ACTION.INSERTED,
-    actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
-    attributes: {
-      inputMethod: inputMethod,
-      panelType: _adfSchema.PanelType.INFO // only info panels can be inserted via this action
-    },
-
-    eventType: _analytics.EVENT_TYPE.TRACK
-  })(function (state, dispatch) {
-    var nodes = state.schema.nodes;
-    if (nodes.panel && nodes.paragraph) {
-      return (0, _utils3.wrapSelectionIn)(nodes.panel)(state, dispatch);
-    }
-    return false;
-  });
-}

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

@@ -1,215 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _adfSchema = require("@atlaskit/adf-schema");
-var _main = require("./pm-plugins/main");
-var _toolbar = require("./toolbar");
-var _keymaps = _interopRequireDefault(require("./pm-plugins/keymaps"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
-var _utils = require("@atlaskit/editor-common/utils");
-var _messages = require("@atlaskit/editor-common/messages");
-var _colors = require("@atlaskit/theme/colors");
-var _actions = require("./actions");
-var panelPlugin = function panelPlugin(_ref) {
-  var _ref$config = _ref.config,
-    options = _ref$config === void 0 ? {} : _ref$config,
-    api = _ref.api;
-  return {
-    name: 'panel',
-    nodes: function nodes() {
-      var panelNode = (0, _adfSchema.panel)(!!options.allowCustomPanel);
-      return [{
-        name: 'panel',
-        node: panelNode
-      }];
-    },
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'panel',
-        plugin: function plugin(_ref2) {
-          var providerFactory = _ref2.providerFactory,
-            dispatch = _ref2.dispatch;
-          return (0, _main.createPlugin)(dispatch, providerFactory, options);
-        }
-      }, {
-        name: 'panelKeyMap',
-        plugin: function plugin() {
-          return (0, _keymaps.default)();
-        }
-      }];
-    },
-    actions: {
-      insertPanel: function insertPanel(inputMethod) {
-        var _api$analytics;
-        return (0, _actions.insertPanelWithAnalytics)(inputMethod, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
-      }
-    },
-    pluginsOptions: {
-      quickInsert: function quickInsert(_ref3) {
-        var formatMessage = _ref3.formatMessage;
-        var quickInsertOptions = [{
-          id: 'infopanel',
-          title: formatMessage(_messages.blockTypeMessages.infoPanel),
-          keywords: ['panel'],
-          description: formatMessage(_messages.blockTypeMessages.infoPanelDescription),
-          priority: 800,
-          icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanel, null);
-          },
-          action: function action(insert, state) {
-            return createPanelAction({
-              state: state,
-              attributes: {
-                panelType: _adfSchema.PanelType.INFO
-              },
-              api: api
-            });
-          }
-        }, {
-          id: 'notepanel',
-          title: formatMessage(_messages.blockTypeMessages.notePanel),
-          description: formatMessage(_messages.blockTypeMessages.notePanelDescription),
-          priority: 1000,
-          icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanelNote, null);
-          },
-          action: function action(insert, state) {
-            return createPanelAction({
-              state: state,
-              attributes: {
-                panelType: _adfSchema.PanelType.NOTE
-              },
-              api: api
-            });
-          }
-        }, {
-          id: 'successpanel',
-          title: formatMessage(_messages.blockTypeMessages.successPanel),
-          description: formatMessage(_messages.blockTypeMessages.successPanelDescription),
-          keywords: ['tip'],
-          priority: 1000,
-          icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanelSuccess, null);
-          },
-          action: function action(insert, state) {
-            return createPanelAction({
-              state: state,
-              attributes: {
-                panelType: _adfSchema.PanelType.SUCCESS
-              },
-              api: api
-            });
-          }
-        }, {
-          id: 'warningpanel',
-          title: formatMessage(_messages.blockTypeMessages.warningPanel),
-          description: formatMessage(_messages.blockTypeMessages.warningPanelDescription),
-          priority: 1000,
-          icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanelWarning, null);
-          },
-          action: function action(insert, state) {
-            return createPanelAction({
-              state: state,
-              attributes: {
-                panelType: _adfSchema.PanelType.WARNING
-              },
-              api: api
-            });
-          }
-        }, {
-          id: 'errorpanel',
-          title: formatMessage(_messages.blockTypeMessages.errorPanel),
-          description: formatMessage(_messages.blockTypeMessages.errorPanelDescription),
-          priority: 1000,
-          icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconPanelError, null);
-          },
-          action: function action(insert, state) {
-            return createPanelAction({
-              state: state,
-              attributes: {
-                panelType: _adfSchema.PanelType.ERROR
-              },
-              api: api
-            });
-          }
-        }];
-        if (options.allowCustomPanel && options.allowCustomPanelEdit) {
-          quickInsertOptions.push({
-            id: 'custompanel',
-            title: formatMessage(_messages.blockTypeMessages.customPanel),
-            description: formatMessage(_messages.blockTypeMessages.customPanelDescription),
-            priority: 1000,
-            icon: function icon() {
-              return /*#__PURE__*/_react.default.createElement(_quickInsert.IconCustomPanel, null);
-            },
-            action: function action(insert, state) {
-              return createPanelAction({
-                state: state,
-                attributes: {
-                  panelType: _adfSchema.PanelType.CUSTOM,
-                  panelIcon: ':rainbow:',
-                  panelIconId: '1f308',
-                  panelIconText: '🌈',
-                  // TODO: https://product-fabric.atlassian.net/browse/DSP-7268
-                  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-                  panelColor: _colors.T50
-                },
-                api: api
-              });
-            }
-          });
-        }
-        return quickInsertOptions;
-      },
-      floatingToolbar: function floatingToolbar(state, intl, providerFactory) {
-        return (0, _toolbar.getToolbarConfig)(state, intl, options, providerFactory, api);
-      }
-    }
-  };
-};
-
-/**
- * Creates panel action and wrap selection transaction with analytics for the panel insertion.
- *
- * @example
- * const tr = createPanelAction({
- *   state: editorState,
- *   attributes: { panelType: 'info' },
- * });
- * if (tr) {
- *   applyTransaction(tr);
- * }
- */
-function createPanelAction(_ref4) {
-  var state = _ref4.state,
-    attributes = _ref4.attributes,
-    api = _ref4.api;
-  var tr = (0, _utils.createWrapSelectionTransaction)({
-    state: state,
-    type: state.schema.nodes.panel,
-    nodeAttributes: attributes
-  });
-  if (tr) {
-    var _api$analytics2;
-    api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
-      action: _analytics.ACTION.INSERTED,
-      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
-      attributes: {
-        inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT,
-        panelType: attributes.panelType
-      },
-      eventType: _analytics.EVENT_TYPE.TRACK
-    })(tr);
-  }
-  return tr;
-}
-var _default = exports.default = panelPlugin;

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

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
-  info: {
-    id: 'fabric.editor.info',
-    defaultMessage: 'Info',
-    description: 'Panels provide a way to highlight text. The info panel has a blue background.'
-  },
-  note: {
-    id: 'fabric.editor.note',
-    defaultMessage: 'Note',
-    description: 'Panels provide a way to highlight text. The note panel has a purple background.'
-  },
-  success: {
-    id: 'fabric.editor.success',
-    defaultMessage: 'Success',
-    description: 'Panels provide a way to highlight text. The success panel has a green background.'
-  },
-  warning: {
-    id: 'fabric.editor.warning',
-    defaultMessage: 'Warning',
-    description: 'Panels provide a way to highlight text. The warning panel has a yellow background.'
-  },
-  error: {
-    id: 'fabric.editor.error',
-    defaultMessage: 'Error',
-    description: 'Panels provide a way to highlight text. The error panel has a red background.'
-  },
-  emoji: {
-    id: 'fabric.editor.panel.emoji',
-    defaultMessage: 'Add emoji',
-    description: 'Select the panel icon'
-  },
-  backgroundColor: {
-    id: 'fabric.editor.panel.backgroundColor',
-    defaultMessage: 'Background color',
-    description: 'Select the panel background color.'
-  }
-});

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

@@ -1,94 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.panelIcons = exports.getPanelNodeView = exports.PanelIcon = 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"));
-var _model = require("@atlaskit/editor-prosemirror/model");
-var _hint = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/hint"));
-var _adfSchema = require("@atlaskit/adf-schema");
-var _panel = require("@atlaskit/editor-common/panel");
-var _emoji = require("@atlaskit/editor-common/emoji");
-var _utils = require("../utils");
-var _consts = require("@atlaskit/editor-shared-styles/consts");
-var _icons = require("@atlaskit/editor-common/icons");
-var panelIcons = exports.panelIcons = {
-  info: _icons.PanelInfoIcon,
-  success: _icons.PanelSuccessIcon,
-  note: _icons.PanelNoteIcon,
-  tip: _hint.default,
-  warning: _icons.PanelWarningIcon,
-  error: _icons.PanelErrorIcon,
-  custom: _icons.PanelInfoIcon
-};
-var PanelIcon = exports.PanelIcon = function PanelIcon(props) {
-  var allowCustomPanel = props.allowCustomPanel,
-    providerFactory = props.providerFactory,
-    _props$panelAttribute = props.panelAttributes,
-    panelType = _props$panelAttribute.panelType,
-    panelIcon = _props$panelAttribute.panelIcon,
-    panelIconId = _props$panelAttribute.panelIconId,
-    panelIconText = _props$panelAttribute.panelIconText;
-  if (allowCustomPanel && panelIcon && panelType === _adfSchema.PanelType.CUSTOM) {
-    return /*#__PURE__*/_react.default.createElement(_emoji.Emoji, {
-      providers: providerFactory,
-      shortName: panelIcon,
-      id: panelIconId,
-      fallback: panelIconText,
-      showTooltip: false,
-      allowTextFallback: false,
-      fitToHeight: _consts.akEditorCustomIconSize
-    });
-  }
-  var Icon = panelIcons[panelType];
-  return /*#__PURE__*/_react.default.createElement(Icon, {
-    label: "Panel ".concat(panelType)
-  });
-};
-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 = _model.DOMSerializer.renderSpec(document, (0, _utils.panelAttrsToDom)(node.attrs, pluginOptions.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(_panel.PanelSharedCssClassName.icon));
-    if (!this.icon) {
-      return;
-    }
-    // set contentEditable as false to be able to select the custom panels with keyboard
-    this.icon.contentEditable = 'false';
-    _reactDom.default.render( /*#__PURE__*/_react.default.createElement(PanelIcon, {
-      allowCustomPanel: pluginOptions.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.
-      var isIcon = mutation.target === this.icon || mutation.target.parentNode === this.icon;
-      // ignore mutation if it caused by the lazy load emoji inside icon.
-      var isInsideIcon = this.icon.contains(mutation.target);
-      return isIcon || isInsideIcon;
-    }
-  }]);
-  return PanelNodeView;
-}();
-var getPanelNodeView = exports.getPanelNodeView = function getPanelNodeView(pluginOptions, providerFactory) {
-  return function (node, view, getPos) {
-    return new PanelNodeView(node, view, getPos, pluginOptions, providerFactory);
-  };
-};