@atlaskit/editor-plugin-paste-options-toolbar 0.2.0

package/dist/esm/pm-plugins/plugin-factory.js

@@ -0,0 +1,25 @@
+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 { pluginFactory } from '@atlaskit/editor-common/utils';
+import { reducer } from '../reducer';
+import { pasteOptionsPluginKey } from '../types';
+var _pluginFactory = pluginFactory(pasteOptionsPluginKey, reducer, {
+    mapping: function mapping(tr, pluginState) {
+      return pluginState;
+    },
+    onSelectionChanged: function onSelectionChanged(tr, pluginState) {
+      // Detect click outside the editor
+      if (tr.getMeta('outsideProsemirrorEditorClicked')) {
+        return _objectSpread(_objectSpread({}, pluginState), {}, {
+          showToolbar: false,
+          highlightContent: false
+        });
+      }
+      return pluginState;
+    }
+  }),
+  createPluginState = _pluginFactory.createPluginState,
+  createCommand = _pluginFactory.createCommand,
+  getPluginState = _pluginFactory.getPluginState;
+export { createPluginState, createCommand, getPluginState };

package/dist/esm/reducer.js

@@ -0,0 +1,43 @@
+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 { PastePluginActionTypes as ActionTypes } from './actions';
+export var reducer = function reducer(state, action) {
+  switch (action.type) {
+    case ActionTypes.SHOW_PASTE_OPTIONS:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          showToolbar: true,
+          highlightContent: false,
+          isPlainText: action.data.isPlainText,
+          plaintext: action.data.plaintext,
+          selectedOption: action.data.selectedOption,
+          richTextSlice: action.data.richTextSlice,
+          pasteStartPos: action.data.pasteStartPos,
+          pasteEndPos: action.data.pasteEndPos
+        });
+      }
+    case ActionTypes.HIDE_PASTE_OPTIONS:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          highlightContent: false,
+          showToolbar: false
+        });
+      }
+    case ActionTypes.HIGHLIGHT_CONTENT:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          highlightContent: true
+        });
+      }
+    case ActionTypes.CHANGE_FORMAT:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          highlightContent: true,
+          selectedOption: action.data.selectedOption
+        });
+      }
+    default:
+      return state;
+  }
+};

package/dist/esm/styles.js

@@ -0,0 +1 @@
+export { textHighlightStyle } from './ui/styles';

package/dist/esm/toolbar.js

@@ -0,0 +1,88 @@
+import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { changeToMarkdownWithAnalytics, changeToPlainTextWithAnalytics, changeToRichTextWithAnalytics, dropdownClickHandler } from './commands';
+import { messages } from './messages';
+import { PASTE_OPTIONS_TEST_ID, PASTE_TOOLBAR_CLASS, PASTE_TOOLBAR_ITEM_CLASS } from './pm-plugins/constants';
+import { pasteOptionsPluginKey, ToolbarDropdownOption } from './types';
+import EditorPasteIcon from './ui/paste-icon';
+import { hasLinkMark, hasMediaNode, hasRuleNode, isPastedFromFabricEditor } from './util';
+export var isToolbarVisible = function isToolbarVisible(state, lastContentPasted) {
+  var _$from$node;
+  /**
+   * Conditions for not showing the toolbar:
+   * 1. Feature flag is disabled
+   * 2. Content is pasted at gap cursor
+   * 3. Pasting horizontal rule
+   * 4. Pasting link, media or text containing media(note: markdown link and images are allowed)
+   * 5. Content is pasted in a nested node(i.e. inside a table, panel etc.).
+   *    (grandParent node should be root doc for showing up the toolbar)
+   */
+  if (!getBooleanFF('platform.editor.paste-options-toolbar')) {
+    return false;
+  }
+  var $from = state.selection.$from;
+  if (hasRuleNode(lastContentPasted.pastedSlice, state.schema)) {
+    return false;
+  }
+  var grandParentNodeType = (_$from$node = $from.node($from.depth - 1)) === null || _$from$node === void 0 ? void 0 : _$from$node.type;
+  if (grandParentNodeType && grandParentNodeType.name === state.schema.nodes.doc.name && !isPastedFromFabricEditor(lastContentPasted.pasteSource) && !hasLinkMark(state, lastContentPasted.pasteStartPos, lastContentPasted.pasteEndPos) && !hasMediaNode(lastContentPasted.pastedSlice)) {
+    return true;
+  }
+  return false;
+};
+export var getToolbarMenuConfig = function getToolbarMenuConfig(pluginState, pasteStartPos, plaintext, intl, editorAnalyticsAPI) {
+  var options = [{
+    id: 'editor.paste.richText',
+    title: intl.formatMessage(messages.richText),
+    selected: pluginState.selectedOption === ToolbarDropdownOption.RichText,
+    hidden: pluginState.isPlainText,
+    onClick: changeToRichTextWithAnalytics(editorAnalyticsAPI)(pasteStartPos)
+  }, {
+    id: 'editor.paste.markdown',
+    title: intl.formatMessage(messages.markdown),
+    selected: pluginState.selectedOption === ToolbarDropdownOption.Markdown,
+    onClick: changeToMarkdownWithAnalytics(editorAnalyticsAPI, plaintext.length)(pasteStartPos, plaintext)
+  }, {
+    id: 'editor.paste.plainText',
+    title: intl.formatMessage(messages.plainText),
+    selected: pluginState.selectedOption === ToolbarDropdownOption.PlainText,
+    onClick: changeToPlainTextWithAnalytics(editorAnalyticsAPI, plaintext.length)(pasteStartPos, plaintext)
+  }];
+  return {
+    id: PASTE_TOOLBAR_ITEM_CLASS,
+    icon: EditorPasteIcon,
+    type: 'dropdown',
+    testId: PASTE_OPTIONS_TEST_ID,
+    title: intl.formatMessage(messages.pasteOptions),
+    options: options,
+    onToggle: onToggleHandler
+  };
+};
+var onToggleHandler = function onToggleHandler(state, dispatch) {
+  return dropdownClickHandler()(state, dispatch);
+};
+export var buildToolbar = function buildToolbar(state, pasteStartPos, plaintext, intl, editorAnalyticsAPI) {
+  var schema = state.schema;
+  var validNodes = Object.values(schema.nodes);
+  var pluginState = pasteOptionsPluginKey.getState(state);
+  var menu = getToolbarMenuConfig(pluginState, pasteStartPos, plaintext, intl, editorAnalyticsAPI);
+  return {
+    title: intl.formatMessage(messages.pasteOptions),
+    nodeType: validNodes,
+    zIndex: akEditorFloatingPanelZIndex,
+    className: PASTE_TOOLBAR_CLASS,
+    items: [menu],
+    align: 'right',
+    onPositionCalculated: onPositionCalculated
+  };
+};
+var onPositionCalculated = function onPositionCalculated(editorView, nextPos) {
+  var toolbar = document.querySelector("div[aria-label=\"".concat(messages.pasteOptions.defaultMessage, "\"]"));
+  var cursorHeight = parseFloat(window.getComputedStyle(toolbar, undefined).lineHeight || '');
+  var from = editorView.state.tr.selection.from;
+  var fromCoords = editorView.coordsAtPos(from);
+  return {
+    top: fromCoords.top + cursorHeight,
+    left: fromCoords.left
+  };
+};

package/dist/esm/types.js

@@ -0,0 +1,9 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export var pasteOptionsPluginKey = new PluginKey('paste-options');
+export var ToolbarDropdownOption = /*#__PURE__*/function (ToolbarDropdownOption) {
+  ToolbarDropdownOption[ToolbarDropdownOption["Markdown"] = 0] = "Markdown";
+  ToolbarDropdownOption[ToolbarDropdownOption["RichText"] = 1] = "RichText";
+  ToolbarDropdownOption[ToolbarDropdownOption["PlainText"] = 2] = "PlainText";
+  ToolbarDropdownOption[ToolbarDropdownOption["None"] = 3] = "None";
+  return ToolbarDropdownOption;
+}({});

package/dist/esm/ui/paste-icon.js

@@ -0,0 +1,16 @@
+//Using a custom icon for now since Design System Team is in the process of updating the icon set for project griffin.
+
+var _react = _interopRequireDefault(require('react'));
+var _base = require('@atlaskit/icon/base');
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+var EditorPasteIcon = function EditorPasteIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
+    dangerouslySetGlyph: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.8293 4C14.4175 2.83481 13.3062 2 12 2C10.6938 2 9.58254 2.83481 9.17071 4H9H6C4.89543 4 4 4.89543 4 6V18C4 19.1046 4.89543 20 6 20H18C19.1046 20 20 19.1046 20 18V6C20 4.89543 19.1046 4 18 4H15H14.8293ZM6 6H8V7C8 7.55228 8.44772 8 9 8H15C15.5523 8 16 7.55228 16 7V6H18V18H6V6ZM12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z\" fill=\"currentColor\"/><rect x=\"8\" y=\"11\" width=\"8\" height=\"2\" rx=\"1\" fill=\"currentColor\"/><rect x=\"8\" y=\"14\" width=\"5\" height=\"2\" rx=\"1\" fill=\"currentColor\"/></svg>"
+  }, props));
+};
+EditorPasteIcon.displayName = 'EditorPasteIcon';
+export default EditorPasteIcon;

package/dist/esm/ui/styles.js

@@ -0,0 +1,5 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+import { TEXT_HIGHLIGHT_CLASS } from '../pm-plugins/constants';
+export var textHighlightStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    background-color: ", ";\n\n    border-bottom: 2px solid\n      ", ";\n  }\n"])), TEXT_HIGHLIGHT_CLASS, "var(--ds-background-accent-blue-subtlest, #E9F2FF)", "var(--ds-background-accent-blue-subtler, #cce0ff)");

package/dist/esm/util/format-handlers.js

@@ -0,0 +1,178 @@
+import { logException } from '@atlaskit/editor-common/monitoring';
+import { md } from '@atlaskit/editor-common/paste';
+import { MarkdownTransformer } from '@atlaskit/editor-markdown-transformer';
+import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
+import { Selection } from '@atlaskit/editor-prosemirror/state';
+import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import { escapeLinks } from './index';
+export var formatMarkdown = function formatMarkdown(state, pasteStartPos, plaintext) {
+  var schema = state.schema;
+  var tr = state.tr;
+  var selection = tr.selection;
+  if (pasteStartPos < 0) {
+    return tr;
+  }
+  var resolvedPasteStartPos = tr.doc.resolve(pasteStartPos);
+  var parentOffset = resolvedPasteStartPos.parentOffset;
+  if (parentOffset === 0 && resolvedPasteStartPos.depth > 0) {
+    pasteStartPos = resolvedPasteStartPos.before();
+  }
+  var markdownSlice = getMarkdownSlice(plaintext, schema, selection);
+  if (!markdownSlice) {
+    return tr;
+  }
+  var pasteEndPos = selection.$to.pos;
+  pasteSliceIntoTransactionWithSelectionAdjust({
+    tr: tr,
+    pasteStartPos: pasteStartPos,
+    pasteEndPos: pasteEndPos,
+    slice: markdownSlice
+  });
+  return tr;
+};
+export var getRichTextSlice = function getRichTextSlice(state, pasteStartPos) {
+  var tr = state.tr;
+  var selection = tr.selection;
+  var pasteEndPos = selection.$to.pos;
+  return state.doc.slice(pasteStartPos, pasteEndPos);
+};
+export var formatRichText = function formatRichText(state, pasteStartPos, richTextSlice) {
+  var tr = state.tr;
+  var selection = tr.selection;
+  if (pasteStartPos < 0) {
+    return tr;
+  }
+  if (richTextSlice === Slice.empty) {
+    return tr;
+  }
+  var pasteEndPos = selection.$to.pos;
+  var resolvedPasteStartPos = tr.doc.resolve(pasteStartPos);
+  var parentOffset = resolvedPasteStartPos.parentOffset;
+  if (parentOffset === 0 && resolvedPasteStartPos.depth > 0) {
+    pasteStartPos = resolvedPasteStartPos.before();
+  }
+  richTextSliceTransactionWithSelectionAdjust({
+    tr: tr,
+    pasteStartPos: pasteStartPos,
+    pasteEndPos: pasteEndPos,
+    slice: richTextSlice
+  });
+  return tr;
+};
+export var formatPlainText = function formatPlainText(state, pasteStartPos, plaintext) {
+  var tr = state.tr,
+    schema = state.schema;
+
+  //not possible to create plain text slice with empty string
+  if (pasteStartPos < 0 || plaintext === '') {
+    return tr;
+  }
+  var selection = tr.selection;
+  var pasteEndPos = selection.$to.pos;
+  var resolvedPasteStartPos = tr.doc.resolve(pasteStartPos);
+  var parentOffset = resolvedPasteStartPos.parentOffset;
+  if (parentOffset === 0 && resolvedPasteStartPos.depth > 0) {
+    pasteStartPos = resolvedPasteStartPos.before();
+  }
+  var plainTextNode = schema.text(plaintext);
+  var plainTextFragment = Fragment.from(schema.nodes.paragraph.createAndFill(null, plainTextNode));
+  var plainTextSlice = new Slice(plainTextFragment, resolvedPasteStartPos.depth, resolvedPasteStartPos.depth);
+  pasteSliceIntoTransactionWithSelectionAdjust({
+    tr: tr,
+    pasteStartPos: pasteStartPos,
+    pasteEndPos: pasteEndPos,
+    slice: plainTextSlice
+  });
+  return tr;
+};
+function pasteSliceIntoTransactionWithSelectionAdjust(_ref) {
+  var tr = _ref.tr,
+    pasteStartPos = _ref.pasteStartPos,
+    pasteEndPos = _ref.pasteEndPos,
+    slice = _ref.slice;
+  tr.replaceRange(pasteStartPos, pasteEndPos, slice);
+
+  // ProseMirror doesn't give a proper way to tell us where something was inserted.
+  // However, we can know "how" it inserted something.
+  //
+  // So, instead of weird depth calculations, we can use the step produced by the transform.
+  // For instance:
+  //    The `replaceStep.to and replaceStep.from`, tell us the real position
+  //    where the content will be insert.
+  //    Then, we can use the `tr.mapping.map` to the updated position after the replace operation
+  var replaceStep = tr.steps[0];
+  if (!(replaceStep instanceof ReplaceStep)) {
+    return tr;
+  }
+  var lastInsertNode = replaceStep.slice.content.lastChild;
+  var emptyNodeReference = lastInsertNode === null || lastInsertNode === void 0 ? void 0 : lastInsertNode.type.createAndFill();
+  var isLastNodeEmpty = (emptyNodeReference === null || emptyNodeReference === void 0 ? void 0 : emptyNodeReference.nodeSize) === (lastInsertNode === null || lastInsertNode === void 0 ? void 0 : lastInsertNode.nodeSize);
+  var isStepSplitingTarget = !(lastInsertNode !== null && lastInsertNode !== void 0 && lastInsertNode.isLeaf) && isLastNodeEmpty;
+  var $nextHead = tr.doc.resolve(tr.mapping.map(replaceStep.to));
+  var $nextPosition = isStepSplitingTarget && $nextHead.depth > 0 ? tr.doc.resolve($nextHead.before()) : $nextHead;
+
+  // The findFrom will make search for both: TextSelection and NodeSelections.
+  var nextSelection = Selection.findFrom($nextPosition, -1);
+  if (nextSelection) {
+    tr.setSelection(nextSelection);
+  }
+}
+function richTextSliceTransactionWithSelectionAdjust(_ref2) {
+  var tr = _ref2.tr,
+    pasteStartPos = _ref2.pasteStartPos,
+    pasteEndPos = _ref2.pasteEndPos,
+    slice = _ref2.slice;
+  tr.replaceRange(pasteStartPos, pasteEndPos, slice);
+
+  // ProseMirror doesn't give a proper way to tell us where something was inserted.
+  // However, we can know "how" it inserted something.
+  //
+  // So, instead of weird depth calculations, we can use the step produced by the transform.
+  // For instance:
+  //    The `replaceStep.to and replaceStep.from`, tell us the real position
+  //    where the content will be insert.
+  //    Then, we can use the `tr.mapping.map` to the updated position after the replace operation
+  var replaceStep = tr.steps[0];
+  if (!(replaceStep instanceof ReplaceStep)) {
+    return tr;
+  }
+  var nextPosition = tr.mapping.map(replaceStep.to);
+
+  // The findFrom will make search for both: TextSelection and NodeSelections.
+  var nextSelection = Selection.findFrom(tr.doc.resolve(Math.min(nextPosition, tr.doc.content.size)), -1);
+  if (nextSelection) {
+    tr.setSelection(nextSelection);
+  }
+}
+export function getMarkdownSlice(text, schema, selection) {
+  var targetOpenStartNode = selection.$from.parent;
+  var targetOpenEndNode = selection.$to.parent;
+  try {
+    var _doc$content$firstChi, _doc$content$lastChil;
+    var textInput = text;
+    var textSplitByCodeBlock = textInput.split(/```/);
+    for (var i = 0; i < textSplitByCodeBlock.length; i++) {
+      if (i % 2 === 0) {
+        textSplitByCodeBlock[i] = textSplitByCodeBlock[i].replace(/\\/g, '\\\\');
+      }
+    }
+    textInput = textSplitByCodeBlock.join('```');
+    var atlassianMarkDownParser = new MarkdownTransformer(schema, md);
+    var doc = atlassianMarkDownParser.parse(escapeLinks(textInput));
+    if (!doc || !doc.content) {
+      return;
+    }
+    var canMergeOpenStart = targetOpenStartNode.type === ((_doc$content$firstChi = doc.content.firstChild) === null || _doc$content$firstChi === void 0 ? void 0 : _doc$content$firstChi.type);
+    var canMergeOpenEnd = targetOpenEndNode.type === ((_doc$content$lastChil = doc.content.lastChild) === null || _doc$content$lastChil === void 0 ? void 0 : _doc$content$lastChil.type);
+    var $start = Selection.atStart(doc).$from;
+    var $end = Selection.atEnd(doc).$from;
+    var openStart = canMergeOpenStart ? $start.depth : 0;
+    var openEnd = canMergeOpenEnd ? $end.depth : 0;
+    return new Slice(doc.content, openStart, openEnd);
+  } catch (error) {
+    logException(error, {
+      location: 'editor-plugin-paste-options-toolbar/util'
+    });
+    return;
+  }
+}

package/dist/esm/util/index.js

@@ -0,0 +1,37 @@
+export function isPastedFromFabricEditor(pastedFrom) {
+  return pastedFrom === 'fabric-editor';
+}
+
+// @see https://product-fabric.atlassian.net/browse/ED-3159
+// @see https://github.com/markdown-it/markdown-it/issues/38
+export function escapeLinks(text) {
+  return text.replace(/(\[([^\]]+)\]\()?((https?|ftp|jamfselfservice):\/\/[^\s"'>]+)/g, function (str) {
+    return str.match(/^(https?|ftp|jamfselfservice):\/\/[^\s"'>]+$/) ? "<".concat(str, ">") : str;
+  });
+}
+export var hasMediaNode = function hasMediaNode(slice) {
+  if (!slice) {
+    return false;
+  }
+  var hasMedia = false;
+  slice.content.descendants(function (node) {
+    if (['media', 'mediaInline', 'mediaGroup', 'mediaSingle'].includes(node.type.name)) {
+      hasMedia = true;
+      return false;
+    }
+    return true;
+  });
+  return hasMedia;
+};
+export var hasRuleNode = function hasRuleNode(slice, schema) {
+  var hasRuleNode = false;
+  slice.content.nodesBetween(0, slice.content.size, function (node, start) {
+    if (node.type === schema.nodes.rule) {
+      hasRuleNode = true;
+    }
+  });
+  return hasRuleNode;
+};
+export var hasLinkMark = function hasLinkMark(state, pasteStartPos, pasteEndPos) {
+  return state.doc.rangeHasMark(pasteStartPos, pasteEndPos, state.schema.marks.link);
+};

package/dist/types/actions.d.ts

@@ -0,0 +1,34 @@
+import type { Slice } from '@atlaskit/editor-prosemirror/model';
+import type { ToolbarDropdownOption } from './types';
+export declare enum PastePluginActionTypes {
+    START_TRACKING_PASTED_MACRO_POSITIONS = "START_TRACKING_PASTED_MACRO_POSITIONS",
+    STOP_TRACKING_PASTED_MACRO_POSITIONS = "STOP_TRACKING_PASTED_MACRO_POSITIONS",
+    SHOW_PASTE_OPTIONS = "SHOW_PASTE_OPTIONS",
+    HIDE_PASTE_OPTIONS = "HIDE_PASTE_OPTIONS",
+    HIGHLIGHT_CONTENT = "HIGHLIGHT_CONTENT",
+    CHANGE_FORMAT = "CHANGE_FORMAT"
+}
+export interface ShowPasteOptions {
+    type: PastePluginActionTypes.SHOW_PASTE_OPTIONS;
+    data: {
+        plaintext: string;
+        selectedOption: ToolbarDropdownOption;
+        isPlainText: boolean;
+        richTextSlice: Slice;
+        pasteStartPos: number;
+        pasteEndPos: number;
+    };
+}
+export interface HidePasteOptions {
+    type: PastePluginActionTypes.HIDE_PASTE_OPTIONS;
+}
+export interface HighlightContent {
+    type: PastePluginActionTypes.HIGHLIGHT_CONTENT;
+}
+export interface ChangeFormat {
+    type: PastePluginActionTypes.CHANGE_FORMAT;
+    data: {
+        selectedOption: ToolbarDropdownOption;
+    };
+}
+export type PastePluginAction = ShowPasteOptions | HidePasteOptions | HighlightContent | ChangeFormat;

package/dist/types/commands.d.ts

@@ -0,0 +1,16 @@
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { LastContentPasted } from '@atlaskit/editor-plugin-paste';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { ToolbarDropdownOption } from './types';
+export declare const showToolbar: (lastContentPasted: LastContentPasted, selectedOption: ToolbarDropdownOption) => Command;
+export declare const changeToPlainText: (pasteStartPos: number, plaintext: string) => Command;
+export declare const changeToPlainTextWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, sliceSize: number) => (pasteStartPos: number, plaintext: string) => Command;
+export declare const dropdownClickHandler: () => Command;
+export declare const changeToRichText: (pasteStartPos: number) => Command;
+export declare const changeToRichTextWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (pasteStartPos: number) => Command;
+export declare const changeToMarkDown: (pasteStartPos: number, plaintext: string) => Command;
+export declare const changeToMarkdownWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, sliceSize: number) => (pasteStartPos: number, plaintext: string) => Command;
+export declare const highlightContent: () => Command;
+export declare const hideToolbar: () => Command;
+export declare const checkAndHideToolbar: (view: EditorView) => void;

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { pasteOptionsToolbarPlugin } from './plugin';

package/dist/types/messages.d.ts

@@ -0,0 +1,22 @@
+export declare const messages: {
+    pasteOptions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    plainText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    markdown: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    richText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/plugin.d.ts

@@ -0,0 +1,6 @@
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { PastePlugin } from '@atlaskit/editor-plugin-paste';
+export declare const pasteOptionsToolbarPlugin: NextEditorPlugin<'pasteOptionsToolbarPlugin', {
+    dependencies: [OptionalPlugin<AnalyticsPlugin>, PastePlugin];
+}>;

package/dist/types/pm-plugins/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const PASTE_TOOLBAR_CLASS = "ak-editor-paste-toolbar";
+export declare const PASTE_TOOLBAR_MENU_ID = "ak-editor-paste-toolbar-item-dropdownList";
+export declare const TEXT_HIGHLIGHT_CLASS = "text-highlight";
+export declare const PASTE_HIGHLIGHT_DECORATION_KEY = "paste-highlight-decoration-key";
+export declare const PASTE_TOOLBAR_ITEM_CLASS = "ak-editor-paste-toolbar-item";
+export declare const EDITOR_WRAPPER_CLASS = "akEditor";
+export declare const PASTE_OPTIONS_TEST_ID = "paste-options-testid";

package/dist/types/pm-plugins/main.d.ts

@@ -0,0 +1,3 @@
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+export declare function createPlugin(dispatch: Dispatch): SafePlugin<import("../types").PasteOtionsPluginState>;

package/dist/types/pm-plugins/plugin-factory.d.ts

@@ -0,0 +1,2 @@
+import type { PasteOtionsPluginState } from '../types';
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: PasteOtionsPluginState | ((state: import("prosemirror-state").EditorState) => PasteOtionsPluginState)) => import("prosemirror-state").SafeStateField<PasteOtionsPluginState>, createCommand: <A = import("../actions").PastePluginAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command, getPluginState: (state: import("prosemirror-state").EditorState) => PasteOtionsPluginState;

package/dist/types/reducer.d.ts

@@ -0,0 +1,3 @@
+import type { PastePluginAction as Action } from './actions';
+import type { PasteOtionsPluginState as State } from './types';
+export declare const reducer: (state: State, action: Action) => State;

package/dist/types/styles.d.ts

@@ -0,0 +1 @@
+export { textHighlightStyle } from './ui/styles';

package/dist/types/toolbar.d.ts

@@ -0,0 +1,9 @@
+import type { IntlShape } from 'react-intl-next';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command, FloatingToolbarConfig, FloatingToolbarDropdown } from '@atlaskit/editor-common/types';
+import type { LastContentPasted } from '@atlaskit/editor-plugin-paste';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { PasteOtionsPluginState } from './types';
+export declare const isToolbarVisible: (state: EditorState, lastContentPasted: LastContentPasted) => boolean;
+export declare const getToolbarMenuConfig: (pluginState: PasteOtionsPluginState, pasteStartPos: number, plaintext: string, intl: IntlShape, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => FloatingToolbarDropdown<Command>;
+export declare const buildToolbar: (state: EditorState, pasteStartPos: number, plaintext: string, intl: IntlShape, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => FloatingToolbarConfig | undefined;

package/dist/types/types.d.ts

@@ -0,0 +1,25 @@
+import type { Slice } from '@atlaskit/editor-prosemirror/model';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+export declare const pasteOptionsPluginKey: PluginKey<any>;
+export declare enum ToolbarDropdownOption {
+    Markdown = 0,
+    RichText = 1,
+    PlainText = 2,
+    None = 3
+}
+export interface PasteOtionsPluginState {
+    showToolbar: boolean;
+    pasteStartPos: number;
+    pasteEndPos: number;
+    plaintext: string;
+    richTextSlice: Slice;
+    isPlainText: boolean;
+    highlightContent: boolean;
+    highlightDecorationSet: DecorationSet;
+    selectedOption: ToolbarDropdownOption;
+}
+export interface Position {
+    top?: number;
+    left?: number;
+}

package/dist/types/ui/paste-icon.d.ts

@@ -0,0 +1,5 @@
+declare const EditorPasteIcon: {
+    (props: any): any;
+    displayName: string;
+};
+export default EditorPasteIcon;

package/dist/types/ui/styles.d.ts

@@ -0,0 +1 @@
+export declare const textHighlightStyle: import("@emotion/react").SerializedStyles;

package/dist/types/util/format-handlers.d.ts

@@ -0,0 +1,9 @@
+import type { Schema } from '@atlaskit/editor-prosemirror/model';
+import { Slice } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import { Selection } from '@atlaskit/editor-prosemirror/state';
+export declare const formatMarkdown: (state: EditorState, pasteStartPos: number, plaintext: string) => Transaction;
+export declare const getRichTextSlice: (state: EditorState, pasteStartPos: number) => Slice;
+export declare const formatRichText: (state: EditorState, pasteStartPos: number, richTextSlice: Slice) => Transaction;
+export declare const formatPlainText: (state: EditorState, pasteStartPos: number, plaintext: string) => Transaction;
+export declare function getMarkdownSlice(text: string, schema: Schema, selection: Selection): Slice | undefined;

package/dist/types/util/index.d.ts

@@ -0,0 +1,7 @@
+import type { Schema, Slice } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare function isPastedFromFabricEditor(pastedFrom: string): boolean;
+export declare function escapeLinks(text: string): string;
+export declare const hasMediaNode: (slice: Slice | undefined) => boolean;
+export declare const hasRuleNode: (slice: Slice, schema: Schema) => boolean;
+export declare const hasLinkMark: (state: EditorState, pasteStartPos: number, pasteEndPos: number) => boolean;

package/dist/types-ts4.5/actions.d.ts

@@ -0,0 +1,34 @@
+import type { Slice } from '@atlaskit/editor-prosemirror/model';
+import type { ToolbarDropdownOption } from './types';
+export declare enum PastePluginActionTypes {
+    START_TRACKING_PASTED_MACRO_POSITIONS = "START_TRACKING_PASTED_MACRO_POSITIONS",
+    STOP_TRACKING_PASTED_MACRO_POSITIONS = "STOP_TRACKING_PASTED_MACRO_POSITIONS",
+    SHOW_PASTE_OPTIONS = "SHOW_PASTE_OPTIONS",
+    HIDE_PASTE_OPTIONS = "HIDE_PASTE_OPTIONS",
+    HIGHLIGHT_CONTENT = "HIGHLIGHT_CONTENT",
+    CHANGE_FORMAT = "CHANGE_FORMAT"
+}
+export interface ShowPasteOptions {
+    type: PastePluginActionTypes.SHOW_PASTE_OPTIONS;
+    data: {
+        plaintext: string;
+        selectedOption: ToolbarDropdownOption;
+        isPlainText: boolean;
+        richTextSlice: Slice;
+        pasteStartPos: number;
+        pasteEndPos: number;
+    };
+}
+export interface HidePasteOptions {
+    type: PastePluginActionTypes.HIDE_PASTE_OPTIONS;
+}
+export interface HighlightContent {
+    type: PastePluginActionTypes.HIGHLIGHT_CONTENT;
+}
+export interface ChangeFormat {
+    type: PastePluginActionTypes.CHANGE_FORMAT;
+    data: {
+        selectedOption: ToolbarDropdownOption;
+    };
+}
+export type PastePluginAction = ShowPasteOptions | HidePasteOptions | HighlightContent | ChangeFormat;

package/dist/types-ts4.5/commands.d.ts

@@ -0,0 +1,16 @@
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { LastContentPasted } from '@atlaskit/editor-plugin-paste';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { ToolbarDropdownOption } from './types';
+export declare const showToolbar: (lastContentPasted: LastContentPasted, selectedOption: ToolbarDropdownOption) => Command;
+export declare const changeToPlainText: (pasteStartPos: number, plaintext: string) => Command;
+export declare const changeToPlainTextWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, sliceSize: number) => (pasteStartPos: number, plaintext: string) => Command;
+export declare const dropdownClickHandler: () => Command;
+export declare const changeToRichText: (pasteStartPos: number) => Command;
+export declare const changeToRichTextWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (pasteStartPos: number) => Command;
+export declare const changeToMarkDown: (pasteStartPos: number, plaintext: string) => Command;
+export declare const changeToMarkdownWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined, sliceSize: number) => (pasteStartPos: number, plaintext: string) => Command;
+export declare const highlightContent: () => Command;
+export declare const hideToolbar: () => Command;
+export declare const checkAndHideToolbar: (view: EditorView) => void;