@atlaskit/editor-core 189.1.15 → 189.3.0

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

@@ -1,38 +0,0 @@
-import { defineMessages } from 'react-intl-next';
-export const messages = 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/es2019/plugins/panel/nodeviews/panel.js

@@ -1,82 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { PanelType } from '@atlaskit/adf-schema';
-import { Emoji } from '@atlaskit/editor-common/emoji';
-import { PanelErrorIcon, PanelInfoIcon, PanelNoteIcon, PanelSuccessIcon, PanelWarningIcon } from '@atlaskit/editor-common/icons';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
-import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
-import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
-import TipIcon from '@atlaskit/icon/glyph/editor/hint';
-import { panelAttrsToDom } from '../utils';
-export const panelIcons = {
-  info: PanelInfoIcon,
-  success: PanelSuccessIcon,
-  note: PanelNoteIcon,
-  tip: TipIcon,
-  warning: PanelWarningIcon,
-  error: PanelErrorIcon,
-  custom: PanelInfoIcon
-};
-export const PanelIcon = props => {
-  const {
-    allowCustomPanel,
-    providerFactory,
-    panelAttributes: {
-      panelType,
-      panelIcon,
-      panelIconId,
-      panelIconText
-    }
-  } = props;
-  if (allowCustomPanel && panelIcon && panelType === PanelType.CUSTOM) {
-    return /*#__PURE__*/React.createElement(Emoji, {
-      providers: providerFactory,
-      shortName: panelIcon,
-      id: panelIconId,
-      fallback: panelIconText,
-      showTooltip: false,
-      allowTextFallback: false,
-      fitToHeight: akEditorCustomIconSize
-    });
-  }
-  const Icon = panelIcons[panelType];
-  return /*#__PURE__*/React.createElement(Icon, {
-    label: `Panel ${panelType}`
-  });
-};
-class PanelNodeView {
-  constructor(node, view, getPos, pluginOptions, providerFactory) {
-    this.providerFactory = providerFactory;
-    this.pluginOptions = pluginOptions;
-    this.view = view;
-    this.node = node;
-    const {
-      dom,
-      contentDOM
-    } = DOMSerializer.renderSpec(document, panelAttrsToDom(node.attrs, pluginOptions.allowCustomPanel || false));
-    this.getPos = getPos;
-    this.dom = dom;
-    this.contentDOM = contentDOM;
-    this.icon = this.dom.querySelector(`.${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.render( /*#__PURE__*/React.createElement(PanelIcon, {
-      allowCustomPanel: pluginOptions.allowCustomPanel,
-      panelAttributes: node.attrs,
-      providerFactory: this.providerFactory
-    }), this.icon);
-  }
-  ignoreMutation(mutation) {
-    // ignore mutation if it caused by the icon.
-    const isIcon = mutation.target === this.icon || mutation.target.parentNode === this.icon;
-    // ignore mutation if it caused by the lazy load emoji inside icon.
-    const isInsideIcon = this.icon.contains(mutation.target);
-    return isIcon || isInsideIcon;
-  }
-}
-export const getPanelNodeView = (pluginOptions, providerFactory) => (node, view, getPos) => {
-  return new PanelNodeView(node, view, getPos, pluginOptions, providerFactory);
-};

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

@@ -1,82 +0,0 @@
-import { isEmptyNode } from '@atlaskit/editor-common/utils';
-import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { findParentNodeOfType, hasParentNodeOfType, setTextSelection } from '@atlaskit/editor-prosemirror/utils';
-function findParentNode(selection, nodeType) {
-  const parentPosition = findParentNodeOfType(nodeType)(selection);
-  if (parentPosition) {
-    return parentPosition.node;
-  }
-  return null;
-}
-function isInsideAnEmptyNode(selection, nodeType, schema) {
-  const parentNode = findParentNode(selection, nodeType);
-  return parentNode && isEmptyNode(schema)(parentNode);
-}
-
-// Somewhat broken and subverted: https://product-fabric.atlassian.net/browse/ED-6504
-export function keymapPlugin() {
-  const deleteCurrentItem = ($from, tr) => {
-    return tr.delete($from.before($from.depth) - 1, $from.end($from.depth) + 1);
-  };
-  const keymaps = {
-    Backspace: (state, dispatch) => {
-      var _nodeBeforePanel$type, _nodeBeforePanel$type2;
-      const {
-        selection,
-        schema: {
-          nodes
-        },
-        tr
-      } = state;
-      const {
-        panel,
-        blockquote
-      } = nodes;
-      const {
-        $from,
-        $to
-      } = selection;
-      // Don't do anything if selection is a range
-      if ($from.pos !== $to.pos) {
-        return false;
-      }
-
-      // If not at the start of a panel, no joining will happen so allow default behaviour (backspacing characters etc..)
-      if ($from.parentOffset !== 0) {
-        return false;
-      }
-      const $previousPos = tr.doc.resolve(Math.max(0, $from.before($from.depth) - 1));
-      const previousNodeType = $previousPos.pos > 0 && $previousPos.parent && $previousPos.parent.type;
-      const parentNodeType = $from.parent.type;
-      const isPreviousNodeAPanel = previousNodeType === panel;
-      const isParentNodeAPanel = parentNodeType === panel;
-      const nodeBeforePanel = $previousPos === null || $previousPos === void 0 ? void 0 : $previousPos.nodeBefore;
-
-      // Stops merging panels when deleting empty paragraph in between
-      // Stops merging blockquotes with panels when deleting from start of blockquote
-
-      if (isPreviousNodeAPanel && !isParentNodeAPanel || isInsideAnEmptyNode(selection, panel, state.schema) || hasParentNodeOfType(blockquote)(selection) ||
-      // Lift line of panel content up and out of the panel, when backspacing
-      // at the start of a panel, if the node before the panel is an 'isolating' node
-      // (for e.g. a table, or an expand), otherwise the default prosemirror backspace
-      // behaviour will fallback to 'select node backward' logic because the node
-      // before is an isolating node.
-      nodeBeforePanel !== null && nodeBeforePanel !== void 0 && (_nodeBeforePanel$type = nodeBeforePanel.type) !== null && _nodeBeforePanel$type !== void 0 && (_nodeBeforePanel$type2 = _nodeBeforePanel$type.spec) !== null && _nodeBeforePanel$type2 !== void 0 && _nodeBeforePanel$type2.isolating && hasParentNodeOfType(panel)(selection)) {
-        const content = $from.node($from.depth).content;
-        const insertPos = $previousPos.pos;
-        deleteCurrentItem($from, tr).insert(insertPos, content);
-        if (dispatch) {
-          dispatch(setTextSelection(insertPos)(tr).scrollIntoView());
-        }
-        return true;
-      }
-      const nodeType = $from.node().type;
-      if (nodeType !== panel) {
-        return false;
-      }
-      return true;
-    }
-  };
-  return keymap(keymaps);
-}
-export default keymapPlugin;

package/dist/es2019/plugins/panel/pm-plugins/main.js

@@ -1,21 +0,0 @@
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
-import { getPanelNodeView } from '../nodeviews/panel';
-import { pluginKey } from '../types';
-export const createPlugin = (dispatch, providerFactory, pluginOptions) => {
-  const {
-    useLongPressSelection = false
-  } = pluginOptions;
-  return new SafePlugin({
-    key: pluginKey,
-    props: {
-      nodeViews: {
-        panel: getPanelNodeView(pluginOptions, providerFactory)
-      },
-      handleClickOn: createSelectionClickHandler(['panel'], target => !!target.closest(`.${PanelSharedCssClassName.prefix}`), {
-        useLongPressSelection
-      })
-    }
-  });
-};

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

@@ -1,279 +0,0 @@
-import { PanelType } from '@atlaskit/adf-schema';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
-import commonMessages from '@atlaskit/editor-common/messages';
-import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
-import { DEFAULT_BORDER_COLOR, panelBackgroundPalette } from '@atlaskit/editor-common/ui-color';
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import ErrorIcon from '@atlaskit/icon/glyph/editor/error';
-import InfoIcon from '@atlaskit/icon/glyph/editor/info';
-import NoteIcon from '@atlaskit/icon/glyph/editor/note';
-import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
-import RemoveEmojiIcon from '@atlaskit/icon/glyph/editor/remove-emoji';
-import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
-import WarningIcon from '@atlaskit/icon/glyph/editor/warning';
-import { changePanelType, removePanel } from './actions';
-import { messages } from './message';
-import { findPanel } from './utils';
-export const panelIconMap = {
-  [PanelType.INFO]: {
-    shortName: ':info:',
-    id: 'atlassian-info'
-  },
-  [PanelType.NOTE]: {
-    shortName: ':note:',
-    id: 'atlassian-note'
-  },
-  [PanelType.WARNING]: {
-    shortName: ':warning:',
-    id: 'atlassian-warning'
-  },
-  [PanelType.ERROR]: {
-    shortName: ':cross_mark:',
-    id: 'atlassian-cross_mark'
-  },
-  [PanelType.SUCCESS]: {
-    shortName: ':check_mark:',
-    id: 'atlassian-check_mark'
-  },
-  [PanelType.TIP]: {
-    shortName: ':tip:',
-    id: 'atlassian-tip'
-  }
-};
-export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabled, isCustomPanelEditable, providerFactory, hoverDecoration, editorAnalyticsAPI, activePanelType, activePanelColor, activePanelIcon, state) => {
-  // TODO: ED-14403 investigate why these titles are not getting translated for the tooltips
-  const items = [{
-    id: 'editor.panel.info',
-    type: 'button',
-    icon: InfoIcon,
-    onClick: changePanelType(editorAnalyticsAPI)(PanelType.INFO),
-    selected: activePanelType === PanelType.INFO,
-    title: formatMessage(messages.info),
-    tabIndex: null
-  }, {
-    id: 'editor.panel.note',
-    type: 'button',
-    icon: NoteIcon,
-    onClick: changePanelType(editorAnalyticsAPI)(PanelType.NOTE),
-    selected: activePanelType === PanelType.NOTE,
-    title: formatMessage(messages.note),
-    tabIndex: null
-  }, {
-    id: 'editor.panel.success',
-    type: 'button',
-    icon: SuccessIcon,
-    onClick: changePanelType(editorAnalyticsAPI)(PanelType.SUCCESS),
-    selected: activePanelType === PanelType.SUCCESS,
-    title: formatMessage(messages.success),
-    tabIndex: null
-  }, {
-    id: 'editor.panel.warning',
-    type: 'button',
-    icon: WarningIcon,
-    onClick: changePanelType(editorAnalyticsAPI)(PanelType.WARNING),
-    selected: activePanelType === PanelType.WARNING,
-    title: formatMessage(messages.warning),
-    tabIndex: null
-  }, {
-    id: 'editor.panel.error',
-    type: 'button',
-    icon: ErrorIcon,
-    onClick: changePanelType(editorAnalyticsAPI)(PanelType.ERROR),
-    selected: activePanelType === PanelType.ERROR,
-    title: formatMessage(messages.error),
-    tabIndex: null
-  }];
-  if (isCustomPanelEnabled) {
-    const changeColor = color => (state, dispatch) => {
-      const panelNode = findPanel(state);
-      if (panelNode === undefined) {
-        return false;
-      }
-      let previousColor = panelNode.node.attrs.panelType === 'custom' ? panelNode.node.attrs.panelColor || 'none' : getPanelTypeBackgroundNoTokens(panelNode.node.attrs.panelType);
-      const emojiInfo = panelNode.node.attrs.panelType;
-      const panelEmoji = panelIconMap[emojiInfo];
-      const previousEmoji = panelEmoji ? {
-        emoji: panelEmoji.shortName,
-        emojiId: panelEmoji.id
-      } : {};
-      if (previousColor === color) {
-        changePanelType(editorAnalyticsAPI)(PanelType.CUSTOM, {
-          color,
-          ...previousEmoji
-        }, isCustomPanelEnabled)(state, dispatch);
-        return false;
-      }
-      const payload = {
-        action: ACTION.CHANGED_BACKGROUND_COLOR,
-        actionSubject: ACTION_SUBJECT.PANEL,
-        actionSubjectId: ACTION_SUBJECT_ID.PANEL,
-        attributes: {
-          newColor: color,
-          previousColor: previousColor
-        },
-        eventType: EVENT_TYPE.TRACK
-      };
-      withAnalytics(editorAnalyticsAPI, payload)(changePanelType(editorAnalyticsAPI)(PanelType.CUSTOM, {
-        color,
-        ...previousEmoji
-      }, isCustomPanelEnabled))(state, dispatch);
-      return false;
-    };
-    const changeEmoji = emoji => (state, dispatch) => {
-      const panelNode = findPanel(state);
-      if (panelNode === undefined) {
-        return false;
-      }
-      let previousIcon = panelNode.node.attrs.panelIcon || '';
-      if (previousIcon === emoji.shortName) {
-        changePanelType(editorAnalyticsAPI)(PanelType.CUSTOM, {
-          emoji: emoji.shortName,
-          emojiId: emoji.id,
-          emojiText: emoji.fallback
-        }, true)(state, dispatch);
-        return false;
-      }
-      const payload = {
-        action: ACTION.CHANGED_ICON,
-        actionSubject: ACTION_SUBJECT.PANEL,
-        actionSubjectId: ACTION_SUBJECT_ID.PANEL,
-        attributes: {
-          newIcon: emoji.shortName,
-          previousIcon: previousIcon
-        },
-        eventType: EVENT_TYPE.TRACK
-      };
-      withAnalytics(editorAnalyticsAPI, payload)(changePanelType(editorAnalyticsAPI)(PanelType.CUSTOM, {
-        emoji: emoji.shortName,
-        emojiId: emoji.id,
-        emojiText: emoji.fallback
-      }, true))(state, dispatch);
-      return false;
-    };
-    const removeEmoji = () => (state, dispatch) => {
-      const panelNode = findPanel(state);
-      if (activePanelType === PanelType.CUSTOM && !activePanelIcon) {
-        return false;
-      }
-      if (panelNode === undefined) {
-        return false;
-      }
-      const payload = {
-        action: ACTION.REMOVE_ICON,
-        actionSubject: ACTION_SUBJECT.PANEL,
-        actionSubjectId: ACTION_SUBJECT_ID.PANEL,
-        attributes: {
-          icon: panelNode.node.attrs.panelIcon
-        },
-        eventType: EVENT_TYPE.TRACK
-      };
-      withAnalytics(editorAnalyticsAPI, payload)(changePanelType(editorAnalyticsAPI)(PanelType.CUSTOM, {
-        emoji: undefined,
-        emojiId: undefined,
-        emojiText: undefined
-      }, isCustomPanelEnabled))(state, dispatch);
-      return false;
-    };
-    const panelColor = activePanelType === PanelType.CUSTOM ? activePanelColor || getPanelTypeBackgroundNoTokens(PanelType.INFO) : getPanelTypeBackgroundNoTokens(activePanelType);
-    const defaultPalette = panelBackgroundPalette.find(item => item.value === panelColor) || {
-      label: 'Custom',
-      value: panelColor,
-      border: DEFAULT_BORDER_COLOR
-    };
-    if (isCustomPanelEditable) {
-      const colorPicker = {
-        id: 'editor.panel.colorPicker',
-        title: formatMessage(messages.backgroundColor),
-        type: 'select',
-        selectType: 'color',
-        defaultValue: defaultPalette,
-        options: panelBackgroundPalette,
-        onChange: option => changeColor(option.value)
-      };
-      const emojiPicker = {
-        id: 'editor.panel.emojiPicker',
-        title: formatMessage(messages.emoji),
-        type: 'select',
-        selectType: 'emoji',
-        options: [],
-        selected: activePanelType === PanelType.CUSTOM && !!activePanelIcon,
-        onChange: emoji => changeEmoji(emoji)
-      };
-      const removeEmojiButton = {
-        id: 'editor.panel.removeEmoji',
-        type: 'button',
-        icon: RemoveEmojiIcon,
-        onClick: removeEmoji(),
-        title: formatMessage(commonMessages.removeEmoji),
-        disabled: activePanelIcon ? false : true
-      };
-      items.push(emojiPicker, removeEmojiButton, {
-        type: 'separator'
-      }, colorPicker);
-    }
-  }
-  if (state) {
-    items.push({
-      type: 'copy-button',
-      items: [{
-        type: 'separator'
-      }, {
-        state,
-        formatMessage,
-        nodeType: panelNodeType
-      }]
-    });
-  }
-  items.push({
-    type: 'separator'
-  }, {
-    id: 'editor.panel.delete',
-    type: 'button',
-    appearance: 'danger',
-    focusEditoronEnter: true,
-    icon: RemoveIcon,
-    onClick: removePanel(editorAnalyticsAPI),
-    onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(panelNodeType, true),
-    onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(panelNodeType, false),
-    onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(panelNodeType, true),
-    onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(panelNodeType, false),
-    title: formatMessage(commonMessages.remove),
-    tabIndex: null
-  });
-  return items;
-};
-export const getToolbarConfig = (state, intl, options = {}, providerFactory, api) => {
-  const {
-    formatMessage
-  } = intl;
-  const panelObject = findPanel(state);
-  if (panelObject) {
-    var _api$analytics;
-    const nodeType = state.schema.nodes.panel;
-    const {
-      panelType,
-      panelColor,
-      panelIcon
-    } = panelObject.node.attrs;
-    const isStandardPanel = panelType => {
-      return panelType !== PanelType.CUSTOM ? panelType : undefined;
-    };
-
-    // force toolbar to be turned on
-    const items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, api === null || api === void 0 ? void 0 : api.decorations.actions.hoverDecoration, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined, state);
-    const getDomRef = editorView => {
-      const domAtPos = editorView.domAtPos.bind(editorView);
-      const element = findDomRefAtPos(panelObject.pos, domAtPos);
-      return element;
-    };
-    return {
-      title: 'Panel floating controls',
-      getDomRef,
-      nodeType,
-      items,
-      scrollable: true
-    };
-  }
-  return;
-};

package/dist/es2019/plugins/panel/types.js

@@ -1,2 +0,0 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export const pluginKey = new PluginKey('panelPlugin');

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

@@ -1,48 +0,0 @@
-import { PanelType } from '@atlaskit/adf-schema';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
-import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
-import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-export const findPanel = (state, selection) => {
-  const {
-    panel
-  } = state.schema.nodes;
-  return findSelectedNodeOfType(panel)(selection || state.selection) || findParentNodeOfType(panel)(selection || state.selection);
-};
-export const panelAttrsToDom = (attrs, allowCustomPanel) => {
-  const {
-    panelColor,
-    panelType,
-    panelIcon,
-    panelIconId,
-    panelIconText
-  } = attrs;
-  const isCustomPanel = panelType === PanelType.CUSTOM && allowCustomPanel;
-  const hasIcon = !isCustomPanel || !!panelIcon || !!panelIconId;
-  const tokenColor = panelColor && hexToEditorBackgroundPaletteColor(panelColor);
-  const panelBackgroundColor = tokenColor || panelColor;
-  const style = [`${panelColor && isCustomPanel ? `background-color: ${panelBackgroundColor};` : ''}`, `${hasIcon ? '' : 'padding-left: 12px;'}`].join('');
-  let panelAttrs = {
-    class: PanelSharedCssClassName.prefix,
-    'data-panel-type': panelType || PanelType.INFO,
-    style
-  };
-  if (panelColor && isCustomPanel) {
-    panelAttrs = {
-      ...panelAttrs,
-      'data-panel-color': panelColor,
-      'data-panel-icon-id': panelIconId,
-      'data-panel-icon-text': panelIconText
-    };
-  }
-  const iconDiv = ['div', {
-    class: PanelSharedCssClassName.icon
-  }];
-  const contentDiv = ['div', {
-    class: PanelSharedCssClassName.content
-  }, 0];
-  if (hasIcon) {
-    return ['div', panelAttrs, iconDiv, contentDiv];
-  } else {
-    return ['div', panelAttrs, contentDiv];
-  }
-};

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

@@ -1,116 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _defineProperty(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; }
-import { PanelType } from '@atlaskit/adf-schema';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
-import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
-import { wrapSelectionIn } from '@atlaskit/editor-common/utils';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { findParentNodeOfType, findSelectedNodeOfType, removeParentNodeOfType, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
-import { findPanel } from './utils';
-export var removePanel = function removePanel(editorAnalyticsAPI) {
-  return function (state, dispatch) {
-    var nodes = state.schema.nodes,
-      tr = state.tr;
-    var payload = {
-      action: ACTION.DELETED,
-      actionSubject: ACTION_SUBJECT.PANEL,
-      attributes: {
-        inputMethod: INPUT_METHOD.TOOLBAR
-      },
-      eventType: EVENT_TYPE.TRACK
-    };
-    var deleteTr = tr;
-    if (findSelectedNodeOfType(nodes.panel)(tr.selection)) {
-      deleteTr = removeSelectedNode(tr);
-    } else if (findParentNodeOfType(nodes.panel)(tr.selection)) {
-      deleteTr = removeParentNodeOfType(nodes.panel)(tr);
-    }
-    if (!deleteTr) {
-      return false;
-    }
-    if (dispatch) {
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(payload)(deleteTr);
-      dispatch(deleteTr);
-    }
-    return true;
-  };
-};
-export var 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 = 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' : 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: ACTION.CHANGED_TYPE,
-        actionSubject: ACTION_SUBJECT.PANEL,
-        attributes: {
-          newType: newType,
-          previousType: previousType
-        },
-        eventType: EVENT_TYPE.TRACK
-      };
-
-      // Select the panel if it was previously selected
-      var newTrWithSelection = state.selection instanceof NodeSelection && state.selection.node.type.name === 'panel' ? newTr.setSelection(new 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;
-    };
-  };
-};
-export function insertPanelWithAnalytics(inputMethod, analyticsAPI) {
-  return withAnalytics(analyticsAPI, {
-    action: ACTION.INSERTED,
-    actionSubject: ACTION_SUBJECT.DOCUMENT,
-    actionSubjectId: ACTION_SUBJECT_ID.PANEL,
-    attributes: {
-      inputMethod: inputMethod,
-      panelType: PanelType.INFO // only info panels can be inserted via this action
-    },
-
-    eventType: EVENT_TYPE.TRACK
-  })(function (state, dispatch) {
-    var nodes = state.schema.nodes;
-    if (nodes.panel && nodes.paragraph) {
-      return wrapSelectionIn(nodes.panel)(state, dispatch);
-    }
-    return false;
-  });
-}