@atlaskit/editor-core 171.0.0 → 172.0.1

package/dist/es2019/plugins/hyperlink/Toolbar.js

@@ -11,8 +11,9 @@ import { RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '../../ui/
 import { HyperlinkToolbarAppearance } from './HyperlinkToolbarAppearance';
 import { addAnalytics, ACTION_SUBJECT_ID } from '../analytics';
 import { buildVisitedLinkPayload } from '../../utils/linking-utils';
-/* type guard for edit links */
+import { getCopyButtonConfig, showCopyButton } from '../copy-button/toolbar';
 
+/* type guard for edit links */
 function isEditLink(linkMark) {
   return linkMark.pos !== undefined;
 }
@@ -41,7 +42,7 @@ function getLinkText(activeLinkMark, state) {
   return activeLinkMark.node.text;
 }
 
-export const getToolbarConfig = (state, intl, providerFactory, cardOptions) => {
+export const getToolbarConfig = options => (state, intl, providerFactory) => {
   const {
     formatMessage
   } = intl;
@@ -95,7 +96,7 @@ export const getToolbarConfig = (state, intl, providerFactory, cardOptions) => {
                   intl: intl,
                   editorView: editorView,
                   editorState: state,
-                  cardOptions: cardOptions,
+                  cardOptions: options === null || options === void 0 ? void 0 : options.cardOptions,
                   providerFactory: providerFactory // platform={} // TODO: pass platform
 
                 });
@@ -133,7 +134,9 @@ export const getToolbarConfig = (state, intl, providerFactory, cardOptions) => {
               title: labelUnlink,
               icon: UnlinkIcon,
               tabIndex: null
-            }]
+            }, ...(state && showCopyButton(state) ? [{
+              type: 'separator'
+            }, getCopyButtonConfig(state, intl.formatMessage, hyperLinkToolbar.nodeType)] : [])]
           };
         }
 
@@ -162,11 +165,14 @@ export const getToolbarConfig = (state, intl, providerFactory, cardOptions) => {
                 return /*#__PURE__*/React.createElement(HyperlinkAddToolbar, {
                   view: view,
                   key: idx,
+                  linkPickerOptions: options === null || options === void 0 ? void 0 : options.linkPicker,
                   displayUrl: link,
                   displayText: displayText || '',
                   providerFactory: providerFactory,
                   onSubmit: (href, title = '', displayText, inputMethod) => {
-                    isEditLink(activeLinkMark) ? updateLink(href, displayText || title, activeLinkMark.pos)(view.state, view.dispatch) : insertLinkWithAnalytics(inputMethod, activeLinkMark.from, activeLinkMark.to, href, title, displayText, !!(cardOptions && cardOptions.provider))(view.state, view.dispatch);
+                    var _options$cardOptions;
+
+                    isEditLink(activeLinkMark) ? updateLink(href, displayText || title, activeLinkMark.pos)(view.state, view.dispatch) : insertLinkWithAnalytics(inputMethod, activeLinkMark.from, activeLinkMark.to, href, title, displayText, !!(options !== null && options !== void 0 && (_options$cardOptions = options.cardOptions) !== null && _options$cardOptions !== void 0 && _options$cardOptions.provider))(view.state, view.dispatch);
                     view.focus();
                   }
                 });

package/dist/es2019/plugins/hyperlink/index.js

@@ -21,9 +21,11 @@ const hyperlinkPlugin = options => ({
   },
 
   pmPlugins() {
+    var _options$cardOptions;
+
     // Skip analytics if card provider is available, as they will be
     // sent on handleRejected upon attempting to resolve smart link.
-    const skipAnalytics = !!options && !!options.provider;
+    const skipAnalytics = !!(options !== null && options !== void 0 && (_options$cardOptions = options.cardOptions) !== null && _options$cardOptions !== void 0 && _options$cardOptions.provider);
     return [{
       name: 'hyperlink',
       plugin: ({
@@ -73,9 +75,7 @@ const hyperlinkPlugin = options => ({
       }
 
     }],
-    floatingToolbar: (state, intl, providerFactory) => {
-      return getToolbarConfig(state, intl, providerFactory, options);
-    }
+    floatingToolbar: getToolbarConfig(options)
   }
 });
 

package/dist/es2019/plugins/hyperlink/ui/EditorLinkPicker/index.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback } from 'react';
+import { LinkPicker } from '@atlaskit/link-picker';
+import { hideLinkToolbar as cardHideLinkToolbar } from '../../../card/pm-plugins/actions';
+import { hideLinkToolbar } from '../../commands';
+import { useEscapeClickaway } from './useEscapeClickaway';
+export const EditorLinkPicker = ({
+  view,
+  ...restProps
+}) => {
+  const onEscape = useCallback(() => {
+    hideLinkToolbar()(view.state, view.dispatch);
+    view.dispatch(cardHideLinkToolbar(view.state.tr));
+  }, [view]);
+  const onClickAway = useCallback(() => {
+    hideLinkToolbar()(view.state, view.dispatch);
+  }, [view]);
+  const ref = useEscapeClickaway(onEscape, onClickAway);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(LinkPicker, _extends({}, restProps, {
+    onCancel: onEscape
+  })));
+};

package/dist/es2019/plugins/hyperlink/ui/EditorLinkPicker/useEscapeClickaway.js

@@ -0,0 +1,28 @@
+import { useEffect, useRef } from 'react';
+export const useEscapeClickaway = (onEscape, onClickAway) => {
+  const ref = useRef(null);
+  useEffect(() => {
+    const handleClickAway = event => {
+      const el = ref.current;
+
+      if (event.target instanceof Element && el && !el.contains(event.target)) {
+        onClickAway();
+      }
+    };
+
+    const handleKeydown = event => {
+      if (event.key === 'Escape') {
+        event.preventDefault();
+        onEscape();
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickAway);
+    document.addEventListener('keydown', handleKeydown);
+    return () => {
+      document.removeEventListener('mousedown', handleClickAway);
+      document.removeEventListener('keydown', handleKeydown);
+    };
+  }, [onClickAway, onEscape]);
+  return ref;
+};

package/dist/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/index.js

@@ -1,11 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import HyperlinkAddToolbarComp from './HyperlinkAddToolbar';
+import { INPUT_METHOD } from '../../../analytics';
 import { stateKey as pluginKey } from '../../pm-plugins/main';
 import WithPluginState from '../../../../ui/WithPluginState';
+import { getFeatureFlags } from '../../../feature-flags-context';
+import { EditorLinkPicker } from '../EditorLinkPicker';
+
+/**
+ * Wraps around the editor's onSubmit handler so that the plugin can interface with the link picker
+ */
+const onSubmitInterface = onSubmit => ({
+  url,
+  title,
+  displayText,
+  rawUrl,
+  meta
+}) => {
+  onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? INPUT_METHOD.MANUAL : INPUT_METHOD.TYPEAHEAD);
+};
+
 export default class HyperlinkAddToolbar extends React.PureComponent {
   render() {
     const {
+      linkPickerOptions = {},
       onSubmit,
       displayText,
       displayUrl,
@@ -25,15 +44,37 @@ export default class HyperlinkAddToolbar extends React.PureComponent {
         },
         render: ({
           hyperlinkPluginState
-        }) => /*#__PURE__*/React.createElement(HyperlinkAddToolbarComp, {
-          activityProvider: activityProvider,
-          searchProvider: searchProvider,
-          onSubmit: onSubmit,
-          displayText: displayText,
-          displayUrl: displayUrl,
-          pluginState: hyperlinkPluginState,
-          view: view
-        })
+        }) => {
+          var _linkPickerOptions$pl;
+
+          const {
+            lpLinkPicker
+          } = getFeatureFlags(view.state);
+          /**
+           * If activityProvider or searchProvider are present then only enable if there are plugins supplied to
+           * faciliate providing link search capabilities
+           */
+
+          if (lpLinkPicker && (!activityProvider && !searchProvider || Boolean(linkPickerOptions === null || linkPickerOptions === void 0 ? void 0 : (_linkPickerOptions$pl = linkPickerOptions.plugins) === null || _linkPickerOptions$pl === void 0 ? void 0 : _linkPickerOptions$pl.length))) {
+            return /*#__PURE__*/React.createElement(EditorLinkPicker, _extends({
+              view: view
+            }, linkPickerOptions, {
+              url: displayUrl,
+              displayText: displayText,
+              onSubmit: onSubmitInterface(onSubmit)
+            }));
+          }
+
+          return /*#__PURE__*/React.createElement(HyperlinkAddToolbarComp, {
+            activityProvider: activityProvider,
+            searchProvider: searchProvider,
+            onSubmit: onSubmit,
+            displayText: displayText,
+            displayUrl: displayUrl,
+            pluginState: hyperlinkPluginState,
+            view: view
+          });
+        }
       })
     });
   }

package/dist/es2019/plugins/indentation/commands/index.js

@@ -1,10 +1,9 @@
 import { toggleBlockMark } from '../../../commands';
 import { createAnalyticsDispatch } from './utils';
-import { INDENT_DIRECTION } from '../../analytics';
+import { INDENT_DIRECTION, INPUT_METHOD } from '../../analytics';
 import getAttrsWithChangesRecorder from '../../../utils/getAttrsWithChangesRecorder';
-const MAX_INDENTATION_LEVEL = 6;
-
-const isIndentationAllowed = (schema, node) => {
+export const MAX_INDENTATION_LEVEL = 6;
+export const isIndentationAllowed = (schema, node) => {
   const {
     nodes: {
       paragraph,
@@ -31,7 +30,6 @@ const isIndentationAllowed = (schema, node) => {
  * @param getNewIndentationAttrs Function to handle new indentation level
  */
 
-
 function createIndentationCommand(getNewIndentationAttrs) {
   return (state, dispatch) => {
     const {
@@ -41,7 +39,11 @@ function createIndentationCommand(getNewIndentationAttrs) {
   };
 }
 
-function createIndentationCommandWithAnalytics(getNewIndentationAttrs, direction) {
+function createIndentationCommandWithAnalytics({
+  getNewIndentationAttrs,
+  direction,
+  inputMethod
+}) {
   // Create a new getAttrs function to record the changes
   const {
     getAttrs,
@@ -53,7 +55,12 @@ function createIndentationCommandWithAnalytics(getNewIndentationAttrs, direction
   const indentationCommand = createIndentationCommand(getAttrs); // Return a new command where we change dispatch for our analytics dispatch
 
   return (state, dispatch) => {
-    return indentationCommand(state, createAnalyticsDispatch(getAndResetAttrsChanges, state, dispatch));
+    return indentationCommand(state, createAnalyticsDispatch({
+      getAttrsChanges: getAndResetAttrsChanges,
+      inputMethod,
+      state,
+      dispatch
+    }));
   };
 }
 /**
@@ -85,7 +92,11 @@ const getIndentAttrs = oldAttr => {
   }; // Otherwise, increase the level by one
 };
 
-export const indent = createIndentationCommandWithAnalytics(getIndentAttrs, INDENT_DIRECTION.INDENT);
+export const getIndentCommand = (inputMethod = INPUT_METHOD.KEYBOARD) => createIndentationCommandWithAnalytics({
+  getNewIndentationAttrs: getIndentAttrs,
+  direction: INDENT_DIRECTION.INDENT,
+  inputMethod
+});
 /**
  * Get new level for outdent
  * @param oldAttr Old attributes for the mark, undefined if the mark doesn't exit
@@ -112,5 +123,9 @@ const getOutdentAttrs = oldAttr => {
   }; // Decrease the level on other cases
 };
 
-export const outdent = createIndentationCommandWithAnalytics(getOutdentAttrs, INDENT_DIRECTION.OUTDENT);
+export const getOutdentCommand = (inputMethod = INPUT_METHOD.KEYBOARD) => createIndentationCommandWithAnalytics({
+  getNewIndentationAttrs: getOutdentAttrs,
+  direction: INDENT_DIRECTION.OUTDENT,
+  inputMethod
+});
 export const removeIndentation = (state, dispatch) => toggleBlockMark(state.schema.marks.indentation, () => false)(state, dispatch);

package/dist/es2019/plugins/indentation/commands/utils.js

@@ -1,4 +1,4 @@
-import { addAnalytics, INDENT_TYPE, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE } from '../../analytics';
+import { addAnalytics, INDENT_TYPE, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
 const indentTypes = {
   paragraph: INDENT_TYPE.PARAGRAPH,
   heading: INDENT_TYPE.HEADING
@@ -40,7 +40,12 @@ export function getPrevIndentLevel(prevAttrs) {
  * @returns
  */
 
-export function createAnalyticsDispatch(getAttrsChanges, state, dispatch) {
+export function createAnalyticsDispatch({
+  getAttrsChanges,
+  inputMethod,
+  state,
+  dispatch
+}) {
   return tr => {
     let currentTr = tr;
     const changes = getAttrsChanges(); // Get all attributes changes
@@ -66,7 +71,7 @@ export function createAnalyticsDispatch(getAttrsChanges, state, dispatch) {
         actionSubjectId: ACTION_SUBJECT_ID.FORMAT_INDENT,
         eventType: EVENT_TYPE.TRACK,
         attributes: {
-          inputMethod: INPUT_METHOD.KEYBOARD,
+          inputMethod,
           previousIndentationLevel: getPrevIndentLevel(prevAttrs),
           newIndentLevel: getNewIndentLevel(prevAttrs, newAttrs),
           direction,

package/dist/es2019/plugins/indentation/pm-plugins/keymap.js

@@ -1,18 +1,19 @@
 import { keymap } from 'prosemirror-keymap';
 import * as keymaps from '../../../keymaps';
 import { isTextSelection } from '../../../utils';
-import { indent, outdent } from '../commands';
+import { getIndentCommand, getOutdentCommand } from '../commands';
+import { INPUT_METHOD } from '../../analytics';
 export function keymapPlugin() {
   const list = {};
-  keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.indent), indent, list);
-  keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.outdent), outdent, list);
+  keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.indent), getIndentCommand(INPUT_METHOD.KEYBOARD), list);
+  keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.outdent), getOutdentCommand(INPUT_METHOD.KEYBOARD), list);
   keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.backspace), (state, dispatch) => {
     const {
       selection
     } = state;
 
     if (isTextSelection(selection) && selection.$cursor && selection.$cursor.parentOffset === 0) {
-      return dispatch ? outdent(state, dispatch) : false;
+      return dispatch ? getOutdentCommand(INPUT_METHOD.KEYBOARD)(state, dispatch) : false;
     }
 
     return false;

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

@@ -10,6 +10,7 @@ import { toolbarMessages } from './toolbar-messages';
 import commonMessages from '../../messages';
 import { setPresetLayout, deleteActiveLayoutNode, getPresetLayout } from './actions';
 import { hoverDecoration } from '../base/pm-plugins/decoration';
+import { getCopyButtonConfig, showCopyButton } from '../copy-button/toolbar';
 const LAYOUT_TYPES = [{
   id: 'editor.layout.twoEquals',
   type: 'two_equal',
@@ -84,7 +85,7 @@ export const buildToolbar = (state, intl, pos, _allowBreakout, addSidebarLayouts
       title: layoutToolbarTitle,
       getDomRef: view => findDomRefAtPos(pos, view.domAtPos.bind(view)),
       nodeType,
-      items: [...layoutTypes.map(i => buildLayoutButton(intl, i, currentLayout)), ...(addSidebarLayouts ? SIDEBAR_LAYOUT_TYPES.map(i => buildLayoutButton(intl, i, currentLayout)) : []), separator, deleteButton]
+      items: [...layoutTypes.map(i => buildLayoutButton(intl, i, currentLayout)), ...(addSidebarLayouts ? SIDEBAR_LAYOUT_TYPES.map(i => buildLayoutButton(intl, i, currentLayout)) : []), ...(state && showCopyButton(state) ? [separator, getCopyButtonConfig(state, intl.formatMessage, nodeType)] : []), separator, deleteButton]
     };
   }
 

package/dist/es2019/plugins/media/toolbar/index.js

@@ -21,6 +21,7 @@ import { FilePreviewItem } from './filePreviewItem';
 import { downloadMedia, removeMediaGroupNode } from './utils';
 import { changeInlineToMediaCard, changeMediaCardToInline, removeInlineCard } from './commands';
 import { MediaInlineNodeSelector, MediaSingleNodeSelector } from '../nodeviews/styles';
+import { getCopyButtonConfig, showCopyButton } from '../../copy-button/toolbar';
 
 const remove = (state, dispatch) => {
   if (dispatch) {
@@ -90,7 +91,9 @@ const generateMediaCardFloatingToolbar = (state, intl, mediaPluginState) => {
     title: intl.formatMessage(messages.download)
   }, {
     type: 'separator'
-  }, {
+  }, ...(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, mediaGroup), {
+    type: 'separator'
+  }] : []), {
     id: 'editor.media.delete',
     type: 'button',
     appearance: 'danger',
@@ -156,7 +159,9 @@ const generateMediaInlineFloatingToolbar = (state, intl, mediaPluginState) => {
     title: intl.formatMessage(messages.download)
   }, {
     type: 'separator'
-  }, {
+  }, ...(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, mediaInline), {
+    type: 'separator'
+  }] : []), {
     id: 'editor.media.delete',
     type: 'button',
     appearance: 'danger',
@@ -262,7 +267,9 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
     onClick: remove,
     testId: 'media-toolbar-remove-button'
   };
-  const items = [...toolbarButtons, removeButton];
+  const items = [...toolbarButtons, ...(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, mediaSingle), {
+    type: 'separator'
+  }] : []), removeButton];
   return items;
 };
 

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

@@ -1,6 +1,6 @@
 import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 import { isSpecialMention } from '@atlaskit/mention/resource';
-import { name as packageName, version as packageVersion } from '../../version.json';
+import { name as packageName, version as packageVersion } from '../../version-wrapper';
 import { isTeamType } from './utils';
 const componentName = 'mention';
 export const buildAnalyticsPayload = (actionSubject, action, eventType, sessionId, otherAttributes = {}) => ({

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

@@ -16,7 +16,7 @@ import { DEFAULT_BORDER_COLOR } from '../../ui/ColorPalette/Palettes';
 import { PanelType } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, withAnalytics } from '../analytics';
 import { messages } from './message';
-import { getCopyButtonConfig, showCopyButton } from '../copy-button/utils';
+import { getCopyButtonConfig, showCopyButton } from '../copy-button/toolbar';
 export const panelIconMap = {
   [PanelType.INFO]: {
     shortName: ':info:',

package/dist/es2019/plugins/paste/edge-cases/index.js

@@ -1,10 +1,14 @@
+import { findParentNodeOfType } from 'prosemirror-utils';
 import { insertSliceIntoRangeSelectionInsideList, insertSliceInsideOfPanelNodeSelected, insertSliceAtNodeEdge, insertSliceIntoEmptyNode } from './lists';
 import { isListNode } from '../../list/utils/node';
 import { isSelectionInsidePanel, isEmptyNode, isCursorSelectionAtTextStartOrEnd } from '../util';
 export function insertSliceForLists({
   tr,
-  slice
+  slice,
+  schema
 }) {
+  var _slice$content$firstC;
+
   const {
     selection,
     selection: {
@@ -42,9 +46,17 @@ export function insertSliceForLists({
       tr,
       slice
     });
-  }
+  } // When pasting a single list item into an action or decision, we skip the special "insert at node edge"
+  // logic so that prosemirror pastes the list's content into the action/decision, rather than
+  // pasting a whole list node directly after the action/decision item. (But we still preserve the
+  // existing "insert at" node edge" behaviour if dealing with a list with more than one item, so that
+  // it still inserts whole list node after the action/decision item).
+
+
+  const pastingIntoActionOrDecision = Boolean(findParentNodeOfType([schema.nodes.taskList, schema.nodes.decisionList])(selection));
+  const oneListItem = slice.content.childCount === 1 && isListNode(slice.content.firstChild) && ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.childCount) === 1;
 
-  if (isCursorSelectionAtTextStartOrEnd(selection)) {
+  if (!(pastingIntoActionOrDecision && oneListItem) && isCursorSelectionAtTextStartOrEnd(selection)) {
     return insertSliceAtNodeEdge({
       tr,
       slice

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

@@ -104,6 +104,29 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice) {
       dispatch(tr);
     }
 
+    return true;
+  };
+}
+export function handlePastePanelIntoList(slice) {
+  return (state, dispatch) => {
+    const {
+      schema,
+      tr
+    } = state;
+    const {
+      selection
+    } = tr; // Check this pasting action is related to copy content from panel node into a selected the list node
+
+    const selectionParentListNode = selection.$to.node(selection.$to.depth - 1);
+    const panelNode = slice.content.firstChild;
+
+    if (!dispatch || !selectionParentListNode || (selectionParentListNode === null || selectionParentListNode === void 0 ? void 0 : selectionParentListNode.type) !== schema.nodes.listItem || !panelNode || (panelNode === null || panelNode === void 0 ? void 0 : panelNode.type) !== schema.nodes.panel || (panelNode === null || panelNode === void 0 ? void 0 : panelNode.content.firstChild) === undefined) {
+      return false;
+    } // Paste the panel node contents extracted instead of pasting the entire panel node
+
+
+    tr.replaceSelection(slice).scrollIntoView();
+    dispatch(tr);
     return true;
   };
 } // If we paste a link onto some selected text, apply the link as a mark
@@ -646,7 +669,8 @@ export function handleRichText(slice) {
       panel
     } = state.schema.nodes;
     const {
-      selection
+      selection,
+      schema
     } = state;
     const firstChildOfSlice = (_slice$content = slice.content) === null || _slice$content === void 0 ? void 0 : _slice$content.firstChild;
     const lastChildOfSlice = (_slice$content2 = slice.content) === null || _slice$content2 === void 0 ? void 0 : _slice$content2.lastChild; // In case user is pasting inline code,
@@ -678,7 +702,8 @@ export function handleRichText(slice) {
     if (isSliceContentListNodes || isTargetPanelEmpty) {
       insertSliceForLists({
         tr,
-        slice
+        slice,
+        schema
       });
     } else if (noNeedForSafeInsert) {
       tr.replaceSelection(slice);

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

@@ -1,6 +1,6 @@
 import { ACTION, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, PasteTypes, PasteContents, withAnalytics } from '../../analytics';
 import { getPasteSource } from '../util';
-import { handlePasteAsPlainText, handlePasteIntoTaskOrDecisionOrPanel, handleCodeBlock, handleMediaSingle, handlePastePreservingMarks, handleMarkdown, handleRichText, handleExpandPasteInTable, handleSelectedTable, handlePasteLinkOnSelectedText, handlePasteIntoCaption } from '../handlers';
+import { handlePasteAsPlainText, handlePasteIntoTaskOrDecisionOrPanel, handleCodeBlock, handleMediaSingle, handlePastePreservingMarks, handleMarkdown, handleRichText, handleExpandPasteInTable, handleSelectedTable, handlePasteLinkOnSelectedText, handlePasteIntoCaption, handlePastePanelIntoList } from '../handlers';
 import { pipe } from '../../../utils';
 import { findParentNode } from 'prosemirror-utils';
 import { mapSlice } from '../../../utils/slice';
@@ -242,6 +242,9 @@ export const handleMarkdownWithAnalytics = (view, event, slice) => pipe(handleMa
 export const handleRichTextWithAnalytics = (view, event, slice) => pipe(handleRichText, pasteCommandWithAnalytics(view, event, slice, {
   type: PasteTypes.richText
 }))(slice);
+export const handlePastePanelIntoListWithAnalytics = (view, event, slice) => pipe(handlePastePanelIntoList, pasteCommandWithAnalytics(view, event, slice, {
+  type: PasteTypes.richText
+}))(slice);
 export const handleExpandWithAnalytics = (view, event, slice) => pipe(handleExpandPasteInTable, pasteCommandWithAnalytics(view, event, slice, {
   type: PasteTypes.richText
 }))(slice);
@@ -252,7 +255,12 @@ export const handlePasteLinkOnSelectedTextWithAnalytics = (view, event, slice, t
   type,
   hyperlinkPasteOnText: true
 }))(slice);
-export const createPasteMeasurePayload = (view, duration, content) => {
+export const createPasteMeasurePayload = ({
+  view,
+  duration,
+  content,
+  distortedDuration
+}) => {
   const pasteIntoNode = getActionSubjectId(view);
   return {
     action: ACTION.PASTED_TIMED,
@@ -261,7 +269,8 @@ export const createPasteMeasurePayload = (view, duration, content) => {
     attributes: {
       pasteIntoNode,
       content,
-      time: duration
+      time: duration,
+      distortedDuration
     }
   };
 };

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

@@ -12,7 +12,7 @@ import { linkifyContent } from '../../hyperlink/utils';
 import { transformSliceNestedExpandToExpand } from '../../expand/utils';
 import { handleMacroAutoConvert, handleMention, handleParagraphBlockMarks } from '../handlers';
 import { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToCodeMark } from '../../code-block/utils';
-import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent, handlePasteIntoCaptionWithAnalytics } from './analytics';
+import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent, handlePasteIntoCaptionWithAnalytics, handlePastePanelIntoListWithAnalytics } from './analytics';
 import { analyticsPluginKey, PasteTypes } from '../../analytics';
 import { insideTable, measurements } from '../../../utils';
 import { measureRender } from '@atlaskit/editor-common/utils';
@@ -139,8 +139,16 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
           const content = getContentNodeTypes(slice.content);
           const pasteId = uuid();
           const measureName = `${measurements.PASTE}_${pasteId}`;
-          measureRender(measureName, duration => {
-            const payload = createPasteMeasurePayload(view, duration, content);
+          measureRender(measureName, ({
+            duration,
+            distortedDuration
+          }) => {
+            const payload = createPasteMeasurePayload({
+              view,
+              duration,
+              content,
+              distortedDuration
+            });
 
             if (payload) {
               dispatchAnalyticsEvent(payload);
@@ -195,7 +203,15 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
         let markdownSlice;
 
         if (isPlainText) {
-          markdownSlice = getMarkdownSlice(text, slice.openStart, slice.openEnd);
+          var _markdownSlice;
+
+          markdownSlice = getMarkdownSlice(text, slice.openStart, slice.openEnd); // https://product-fabric.atlassian.net/browse/ED-15134
+          // Lists are not allowed within Blockquotes at this time. Attempting to
+          // paste a markdown list ie. ">- foo" will yeild a markdownSlice of size 0.
+          // Rather then blocking the paste action with no UI feedback, this will instead
+          // force a "paste as plain text" action by clearing the markdownSlice.
+
+          markdownSlice = !((_markdownSlice = markdownSlice) !== null && _markdownSlice !== void 0 && _markdownSlice.size) ? undefined : markdownSlice;
 
           if (markdownSlice) {
             // linkify text prior to converting to macro
@@ -322,6 +338,10 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
             return true;
           }
 
+          if (handlePastePanelIntoListWithAnalytics(view, event, slice)(state, dispatch)) {
+            return true;
+          }
+
           return handleRichTextWithAnalytics(view, event, slice)(state, dispatch);
         }
 

package/dist/es2019/plugins/status/analytics.js

@@ -1,4 +1,4 @@
-import { name as packageName, version as packageVersion } from '../../version.json';
+import { name as packageName, version as packageVersion } from '../../version-wrapper';
 export const FABRIC_CHANNEL = 'fabric-elements';
 export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
   if (createAnalyticsEvent && payload) {

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

@@ -15,7 +15,7 @@ import tableMessages from './ui/messages';
 import { messages as ContextualMenuMessages } from './ui/FloatingContextualMenu/ContextualMenu';
 import { findParentDomRefOfType } from 'prosemirror-utils';
 import { closestElement } from '../../utils/dom';
-import { getCopyButtonConfig, showCopyButton } from '../copy-button/utils'; // TODO: ED-14403 investigate why these translations don't work
+import { getCopyButtonConfig, showCopyButton } from '../copy-button/toolbar'; // TODO: ED-14403 investigate why these translations don't work
 
 export const messages = defineMessages({
   tableOptions: {

package/dist/es2019/plugins/table/ui/common-styles.js

@@ -500,6 +500,8 @@ export const tableStyles = props => {
     /* Table */
     .${ClassName.TABLE_NODE_WRAPPER} > table {
       table-layout: fixed;
+      // Fixes Chrome border clipping bug ED-15245
+      background: ${tableBorderColor(props)};
 
       .${ClassName.COLUMN_CONTROLS_DECORATIONS} + * {
         margin-top: 0;