@atlaskit/editor-core 188.12.0 → 188.12.1

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { layoutColumn, layoutSection } from '@atlaskit/adf-schema';
 import { default as createLayoutPlugin } from './pm-plugins/main';
 import { buildToolbar } from './toolbar';
-import { createDefaultLayoutSection } from './actions';
+import { createDefaultLayoutSection, insertLayoutColumnsWithAnalytics } from './actions';
 import { IconLayout } from '@atlaskit/editor-common/quick-insert';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
@@ -11,61 +11,67 @@ export { pluginKey };
 const layoutPlugin = ({
   config: options = {},
   api
-}) => ({
-  name: 'layout',
-  nodes() {
-    return [{
-      name: 'layoutSection',
-      node: layoutSection
-    }, {
-      name: 'layoutColumn',
-      node: layoutColumn
-    }];
-  },
-  pmPlugins() {
-    return [{
-      name: 'layout',
-      plugin: () => createLayoutPlugin(options)
-    }];
-  },
-  pluginsOptions: {
-    floatingToolbar(state, intl) {
-      const {
-        pos,
-        allowBreakout,
-        addSidebarLayouts,
-        allowSingleColumnLayout
-      } = pluginKey.getState(state);
-      if (pos !== null) {
-        var _api$decorations$acti;
-        return buildToolbar(state, intl, pos, allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api === null || api === void 0 ? void 0 : (_api$decorations$acti = api.decorations.actions) === null || _api$decorations$acti === void 0 ? void 0 : _api$decorations$acti.hoverDecoration);
-      }
-      return undefined;
+}) => {
+  var _api$analytics;
+  return {
+    name: 'layout',
+    nodes() {
+      return [{
+        name: 'layoutSection',
+        node: layoutSection
+      }, {
+        name: 'layoutColumn',
+        node: layoutColumn
+      }];
     },
-    quickInsert: ({
-      formatMessage
-    }) => [{
-      id: 'layout',
-      title: formatMessage(messages.columns),
-      description: formatMessage(messages.columnsDescription),
-      keywords: ['column', 'section'],
-      priority: 1100,
-      icon: () => /*#__PURE__*/React.createElement(IconLayout, null),
-      action(insert, state) {
-        var _api$analytics, _api$analytics$action;
-        const tr = insert(createDefaultLayoutSection(state));
-        api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.attachAnalyticsEvent({
-          action: ACTION.INSERTED,
-          actionSubject: ACTION_SUBJECT.DOCUMENT,
-          actionSubjectId: ACTION_SUBJECT_ID.LAYOUT,
-          attributes: {
-            inputMethod: INPUT_METHOD.QUICK_INSERT
-          },
-          eventType: EVENT_TYPE.TRACK
-        })(tr);
-        return tr;
-      }
-    }]
-  }
-});
+    pmPlugins() {
+      return [{
+        name: 'layout',
+        plugin: () => createLayoutPlugin(options)
+      }];
+    },
+    actions: {
+      insertLayoutColumns: insertLayoutColumnsWithAnalytics(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)
+    },
+    pluginsOptions: {
+      floatingToolbar(state, intl) {
+        const {
+          pos,
+          allowBreakout,
+          addSidebarLayouts,
+          allowSingleColumnLayout
+        } = pluginKey.getState(state);
+        if (pos !== null) {
+          var _api$decorations$acti;
+          return buildToolbar(state, intl, pos, allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api === null || api === void 0 ? void 0 : (_api$decorations$acti = api.decorations.actions) === null || _api$decorations$acti === void 0 ? void 0 : _api$decorations$acti.hoverDecoration);
+        }
+        return undefined;
+      },
+      quickInsert: ({
+        formatMessage
+      }) => [{
+        id: 'layout',
+        title: formatMessage(messages.columns),
+        description: formatMessage(messages.columnsDescription),
+        keywords: ['column', 'section'],
+        priority: 1100,
+        icon: () => /*#__PURE__*/React.createElement(IconLayout, null),
+        action(insert, state) {
+          var _api$analytics2, _api$analytics2$actio;
+          const tr = insert(createDefaultLayoutSection(state));
+          api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.attachAnalyticsEvent({
+            action: ACTION.INSERTED,
+            actionSubject: ACTION_SUBJECT.DOCUMENT,
+            actionSubjectId: ACTION_SUBJECT_ID.LAYOUT,
+            attributes: {
+              inputMethod: INPUT_METHOD.QUICK_INSERT
+            },
+            eventType: EVENT_TYPE.TRACK
+          })(tr);
+          return tr;
+        }
+      }]
+    }
+  };
+};
 export default layoutPlugin;

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

@@ -142,7 +142,7 @@ const panelPlugin = ({
       }
       return quickInsertOptions;
     },
-    floatingToolbar: (state, intl, providerFactory) => getToolbarConfig(state, intl, options, providerFactory, api === null || api === void 0 ? void 0 : api.decorations.actions.hoverDecoration)
+    floatingToolbar: (state, intl, providerFactory) => getToolbarConfig(state, intl, options, providerFactory, api)
   }
 });
 

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

@@ -13,7 +13,8 @@ import { findPanel } from './utils';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
 import { PanelType } from '@atlaskit/adf-schema';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, withAnalytics } from '../analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
 import { messages } from './message';
 export const panelIconMap = {
   [PanelType.INFO]: {
@@ -41,7 +42,7 @@ export const panelIconMap = {
     id: 'atlassian-tip'
   }
 };
-export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabled, isCustomPanelEditable, providerFactory, hoverDecoration, activePanelType, activePanelColor, activePanelIcon, state) => {
+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',
@@ -114,7 +115,7 @@ export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabl
         },
         eventType: EVENT_TYPE.TRACK
       };
-      withAnalytics(payload)(changePanelType(PanelType.CUSTOM, {
+      withAnalytics(editorAnalyticsAPI, payload)(changePanelType(PanelType.CUSTOM, {
         color,
         ...previousEmoji
       }, isCustomPanelEnabled))(state, dispatch);
@@ -144,7 +145,7 @@ export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabl
         },
         eventType: EVENT_TYPE.TRACK
       };
-      withAnalytics(payload)(changePanelType(PanelType.CUSTOM, {
+      withAnalytics(editorAnalyticsAPI, payload)(changePanelType(PanelType.CUSTOM, {
         emoji: emoji.shortName,
         emojiId: emoji.id,
         emojiText: emoji.fallback
@@ -168,7 +169,7 @@ export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabl
         },
         eventType: EVENT_TYPE.TRACK
       };
-      withAnalytics(payload)(changePanelType(PanelType.CUSTOM, {
+      withAnalytics(editorAnalyticsAPI, payload)(changePanelType(PanelType.CUSTOM, {
         emoji: undefined,
         emojiId: undefined,
         emojiText: undefined
@@ -243,12 +244,13 @@ export const getToolbarItems = (formatMessage, panelNodeType, isCustomPanelEnabl
   });
   return items;
 };
-export const getToolbarConfig = (state, intl, options = {}, providerFactory, hoverDecoration) => {
+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,
@@ -260,7 +262,7 @@ export const getToolbarConfig = (state, intl, options = {}, providerFactory, hov
     };
 
     // force toolbar to be turned on
-    const items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, hoverDecoration, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined, state);
+    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);

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

@@ -1,4 +1,4 @@
-import { ACTION, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, PasteTypes, PasteContents, withAnalytics } from '../../analytics';
+import { ACTION, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, PasteTypes, PasteContents } from '../../analytics';
 import { getPasteSource } from '../util';
 import { handlePasteAsPlainText, handlePasteIntoTaskOrDecisionOrPanel, handleCodeBlock, handleMediaSingle, handlePastePreservingMarks, handleMarkdown, handleRichText, handleExpandPasteInTable, handleSelectedTable, handlePasteLinkOnSelectedText, handlePasteIntoCaption, handlePastePanelOrDecisionContentIntoList, handlePasteNonNestableBlockNodesIntoList } from '../handlers';
 import { findParentNode } from '@atlaskit/editor-prosemirror/utils';
@@ -219,9 +219,6 @@ export function sendPasteAnalyticsEvent(view, event, slice, pasteContext) {
   const payload = createPasteAnalyticsPayload(view, event, slice, pasteContext);
   view.dispatch(addAnalytics(view.state, view.state.tr, payload));
 }
-export function pasteCommandWithAnalytics(view, event, slice, pasteContext) {
-  return withAnalytics(() => createPasteAnalyticsPayload(view, event, slice, pasteContext));
-}
 export const handlePasteAsPlainTextWithAnalytics = (view, event, slice) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
   type: PasteTypes.plain,
   asPlain: true

package/dist/es2019/plugins/rank.js

@@ -13,7 +13,7 @@ export default {
   'mediaKeymap',
   // selection keymap needs to be above gap cursor keymap so it can set node selections from
   // left/right arrows
-  'selectionKeymap', 'gapCursorKeymap', 'gapCursor', 'syncUrlText', 'fakeCursorToolbarPlugin', 'hyperLink', 'table', 'tableDecorations', 'hyperlinkInputRule', 'tablePMColResizing', 'hyperlinkKeymap', 'tableColResizing', 'undoRedoKeyMap', 'blockTypeKeyMap', 'tableEditing', 'filterStepsPlugin', 'pmCollab', 'collab', 'ruleInputRule', 'ruleKeymap', 'panel', 'media', 'mediaSingleKeymap', 'mediaEditor', 'unsupportedContent', 'jiraIssue', 'fakeTextCursor', 'helpDialog', 'helpDialogKeymap', 'macro', 'expand', 'extension', 'layout', 'contextPanel', 'floatingToolbar', 'clearMarksOnChange', 'reactNodeView', 'history', 'undoRedoPlugin', 'codeBlockIndent', 'placeholder', 'width', 'maxContentSize', 'multilineContent', 'grid', 'mobileDimensions', 'scrollGutterPlugin', 'analytics', 'findReplace', 'selection', 'avatarGroup', 'viewUpdateSubscription', 'beforePrimaryToolbar', 'inlineCode'],
+  'selectionKeymap', 'gapCursorKeymap', 'gapCursor', 'syncUrlText', 'fakeCursorToolbarPlugin', 'hyperLink', 'table', 'tableDecorations', 'hyperlinkInputRule', 'tablePMColResizing', 'hyperlinkKeymap', 'tableColResizing', 'undoRedoKeyMap', 'blockTypeKeyMap', 'tableEditing', 'filterStepsPlugin', 'pmCollab', 'collab', 'ruleInputRule', 'ruleKeymap', 'panel', 'media', 'mediaSingleKeymap', 'mediaEditor', 'unsupportedContent', 'jiraIssue', 'fakeTextCursor', 'helpDialog', 'helpDialogKeymap', 'macro', 'expand', 'extension', 'layout', 'contextPanel', 'selectionToolbar', 'floatingToolbar', 'clearMarksOnChange', 'reactNodeView', 'history', 'undoRedoPlugin', 'codeBlockIndent', 'placeholder', 'width', 'maxContentSize', 'multilineContent', 'grid', 'mobileDimensions', 'scrollGutterPlugin', 'analytics', 'findReplace', 'selection', 'avatarGroup', 'viewUpdateSubscription', 'beforePrimaryToolbar', 'inlineCode'],
   nodes: ['doc', 'paragraph', 'text', 'bulletList', 'orderedList', 'listItem', 'heading', 'blockquote', 'codeBlock', 'rule', 'panel', 'mention', 'confluenceUnsupportedBlock', 'confluenceUnsupportedInline', 'unsupportedBlock', 'unsupportedInline', 'confluenceJiraIssue', 'hardBreak', 'emoji', 'placeholder', 'mediaSingle', 'mediaGroup', 'table', 'expand', 'nestedExpand', 'media', 'tableHeader', 'decisionList', 'tableRow', 'decisionItem', 'tableCell', 'taskList', 'taskItem', 'extension', 'bodiedExtension', 'inlineExtension', 'layoutSection', 'layoutColumn', 'inlineCard', 'blockCard', 'embedCard'],
   marks: [
   // Fragment mark is both for inline and block elements

package/dist/es2019/plugins/tasks-and-decisions/index.js

@@ -72,7 +72,7 @@ const tasksAndDecisionsPlugin = ({
       name: 'tasksAndDecisionsKeyMap',
       plugin: ({
         schema
-      }) => keymap(schema, allowNestedTasks, consumeTabs)
+      }) => keymap(schema, api, allowNestedTasks, consumeTabs)
     } // Needs to be after "save-on-enter"
     ];
   },

package/dist/es2019/plugins/tasks-and-decisions/pm-plugins/keymaps.js

@@ -6,7 +6,8 @@ import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { findParentNodeOfType, findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { uuid } from '@atlaskit/adf-schema';
 import { filterCommand as filter, isEmptySelectionAtStart, isEmptySelectionAtEnd, deleteEmptyParagraphAndMoveBlockUp } from '@atlaskit/editor-common/utils';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, withAnalytics } from '../../analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
 import { insertTaskDecisionWithAnalytics } from '../commands';
 import { joinAtCut, liftSelection, wrapSelectionInTaskList } from './commands';
 import { getBlockRange, getCurrentIndentLevel, isActionOrDecisionItem, isActionOrDecisionList, isEmptyTaskDecision, isInsideTask, isInsideTaskOrDecisionItem, liftBlock, walkOut, getTaskItemIndex, isInsideDecision, isTable } from './helpers';
@@ -82,13 +83,13 @@ const joinTaskDecisionFollowing = (state, dispatch) => {
   }
   return false;
 };
-export const getUnindentCommand = (inputMethod = INPUT_METHOD.KEYBOARD) => filter(isInsideTask, (state, dispatch) => {
+export const getUnindentCommand = editorAnalyticsAPI => (inputMethod = INPUT_METHOD.KEYBOARD) => filter(isInsideTask, (state, dispatch) => {
   const normalizedSelection = normalizeTaskItemsSelection(state.selection);
   const curIndentLevel = getCurrentIndentLevel(normalizedSelection);
   if (!curIndentLevel || curIndentLevel === 1) {
     return false;
   }
-  return withAnalytics(indentationAnalytics(curIndentLevel, INDENT_DIRECTION.OUTDENT, inputMethod))(autoJoin(liftSelection, ['taskList']))(state, dispatch);
+  return withAnalytics(editorAnalyticsAPI, indentationAnalytics(curIndentLevel, INDENT_DIRECTION.OUTDENT, inputMethod))(autoJoin(liftSelection, ['taskList']))(state, dispatch);
 });
 
 // if selection is decision item or first action item in table cell
@@ -106,15 +107,15 @@ const shouldLetTabThroughInTable = state => {
   }
   return false;
 };
-export const getIndentCommand = (inputMethod = INPUT_METHOD.KEYBOARD) => filter(isInsideTask, (state, dispatch) => {
+export const getIndentCommand = editorAnalyticsAPI => (inputMethod = INPUT_METHOD.KEYBOARD) => filter(isInsideTask, (state, dispatch) => {
   const normalizedSelection = normalizeTaskItemsSelection(state.selection);
   const curIndentLevel = getCurrentIndentLevel(normalizedSelection);
   if (!curIndentLevel || curIndentLevel >= 6) {
     return true;
   }
-  return withAnalytics(indentationAnalytics(curIndentLevel, INDENT_DIRECTION.INDENT, inputMethod))(autoJoin(wrapSelectionInTaskList, ['taskList']))(state, dispatch);
+  return withAnalytics(editorAnalyticsAPI, indentationAnalytics(curIndentLevel, INDENT_DIRECTION.INDENT, inputMethod))(autoJoin(wrapSelectionInTaskList, ['taskList']))(state, dispatch);
 });
-const backspaceFrom = $from => (state, dispatch) => {
+const backspaceFrom = editorAnalyticsAPI => $from => (state, dispatch) => {
   // previous was empty, just delete backwards
   const taskBefore = $from.doc.resolve($from.before());
   if (taskBefore.nodeBefore && isActionOrDecisionItem(taskBefore.nodeBefore) && taskBefore.nodeBefore.nodeSize === 2) {
@@ -127,7 +128,7 @@ const backspaceFrom = $from => (state, dispatch) => {
     paragraph
   } = state.schema.nodes;
   if ($from.node($from.depth - 2).type === taskList) {
-    return getUnindentCommand()(state, dispatch);
+    return getUnindentCommand(editorAnalyticsAPI)()(state, dispatch);
   }
 
   // bottom level, should "unwrap" taskItem contents into paragraph
@@ -144,7 +145,7 @@ const backspaceFrom = $from => (state, dispatch) => {
   }
   return false;
 };
-const backspace = filter(isEmptySelectionAtStart, autoJoin(chainCommands((state, dispatch) => joinAtCut(state.selection.$from)(state, dispatch), filter(isInsideTaskOrDecisionItem, (state, dispatch) => backspaceFrom(state.selection.$from)(state, dispatch))), ['taskList', 'decisionList']));
+const backspace = editorAnalyticsAPI => filter(isEmptySelectionAtStart, autoJoin(chainCommands((state, dispatch) => joinAtCut(state.selection.$from)(state, dispatch), filter(isInsideTaskOrDecisionItem, (state, dispatch) => backspaceFrom(editorAnalyticsAPI)(state.selection.$from)(state, dispatch))), ['taskList', 'decisionList']));
 const unindentTaskOrUnwrapTaskDecisionFollowing = (state, dispatch) => {
   const {
     selection: {
@@ -271,7 +272,7 @@ const splitListItem = (state, dispatch) => {
   }
   return false;
 };
-const enter = filter(isInsideTaskOrDecisionItem, chainCommands(filter(isEmptyTaskDecision, chainCommands(getUnindentCommand(), splitListItem)), (state, dispatch) => {
+const enter = editorAnalyticsAPI => filter(isInsideTaskOrDecisionItem, chainCommands(filter(isEmptyTaskDecision, chainCommands(getUnindentCommand(editorAnalyticsAPI)(), splitListItem)), (state, dispatch) => {
   const {
     selection,
     schema
@@ -340,20 +341,27 @@ const cmdOptEnter = filter(isInsideTaskOrDecisionItem, (state, dispatch) => {
   }
   return true;
 });
-export function keymapPlugin(schema, allowNestedTasks, consumeTabs) {
+export function keymapPlugin(schema, api, allowNestedTasks, consumeTabs) {
+  var _api$analytics3, _api$analytics4;
   const indentHandlers = {
-    'Shift-Tab': filter([isInsideTaskOrDecisionItem, state => !shouldLetTabThroughInTable(state)], (state, dispatch) => getUnindentCommand(INPUT_METHOD.KEYBOARD)(state, dispatch) || !!consumeTabs),
-    Tab: filter([isInsideTaskOrDecisionItem, state => !shouldLetTabThroughInTable(state)], (state, dispatch) => getIndentCommand(INPUT_METHOD.KEYBOARD)(state, dispatch) || !!consumeTabs)
+    'Shift-Tab': filter([isInsideTaskOrDecisionItem, state => !shouldLetTabThroughInTable(state)], (state, dispatch) => {
+      var _api$analytics;
+      return getUnindentCommand(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(INPUT_METHOD.KEYBOARD)(state, dispatch) || !!consumeTabs;
+    }),
+    Tab: filter([isInsideTaskOrDecisionItem, state => !shouldLetTabThroughInTable(state)], (state, dispatch) => {
+      var _api$analytics2;
+      return getIndentCommand(api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions)(INPUT_METHOD.KEYBOARD)(state, dispatch) || !!consumeTabs;
+    })
   };
   const defaultHandlers = consumeTabs ? {
     'Shift-Tab': isInsideTaskOrDecisionItem,
     Tab: isInsideTaskOrDecisionItem
   } : {};
   const keymaps = {
-    Backspace: backspace,
+    Backspace: backspace(api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions),
     Delete: deleteForwards,
     'Ctrl-d': deleteForwards,
-    Enter: enter,
+    Enter: enter(api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions),
     [toggleTaskItemCheckbox.common]: cmdOptEnter,
     ...(allowNestedTasks ? indentHandlers : defaultHandlers)
   };

package/dist/es2019/plugins/toolbar-lists-indentation/ui/onItemActivated.js

@@ -24,7 +24,8 @@ export const onItemActivated = pluginInjectionApi => ({
           pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.indentList(INPUT_METHOD.TOOLBAR));
         }
         if (node === 'taskList') {
-          indentTaskList(INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+          var _pluginInjectionApi$a;
+          indentTaskList(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
         }
         break;
       }
@@ -39,7 +40,8 @@ export const onItemActivated = pluginInjectionApi => ({
           pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.commands.outdentList(INPUT_METHOD.TOOLBAR));
         }
         if (node === 'taskList') {
-          outdentTaskList(INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
+          var _pluginInjectionApi$a2;
+          outdentTaskList(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(INPUT_METHOD.TOOLBAR)(editorView.state, editorView.dispatch);
         }
         break;
       }

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "188.12.0";
+export const version = "188.12.1";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/labs/next/presets/universal.js

@@ -24,6 +24,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { saveOnEnterPlugin } from '@atlaskit/editor-plugin-save-on-enter';
 import { scrollIntoViewPlugin } from '@atlaskit/editor-plugin-scroll-into-view';
 import { mentionsPlugin } from '@atlaskit/editor-plugin-mentions';
+import { selectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-toolbar';
 import { isFullPage as fullPageCheck } from '../../../utils/is-full-page';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { createDefaultPreset } from './default';
@@ -394,6 +395,16 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     return builder;
   }).add([codeBidiWarningPlugin, {
     appearance: appearance
-  }]);
+  }])
+  /**
+   * Do not use this plugin - it is for AI purposes only.
+   */.maybeAdd(selectionToolbarPlugin, function (plugin, builder) {
+    if (getBooleanFF('platform.editor.enable-selection-toolbar_ucdwd')) {
+      return builder.add([plugin, {
+        preferenceToolbarAboveSelection: false
+      }]);
+    }
+    return builder;
+  });
   return finalPreset;
 }

package/dist/esm/plugins/annotation/index.js

@@ -7,6 +7,7 @@ import { getPluginState } from './utils';
 import { buildToolbar } from './toolbar';
 import { InlineCommentView } from './ui/InlineCommentView';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var annotationPlugin = function annotationPlugin(_ref) {
   var annotationProviders = _ref.config,
     api = _ref.api;
@@ -53,7 +54,17 @@ var annotationPlugin = function annotationPlugin(_ref) {
     },
     pluginsOptions: {
       floatingToolbar: function floatingToolbar(state, intl) {
-        if (!annotationProviders) {
+        if (getBooleanFF('platform.editor.enable-selection-toolbar_ucdwd') || !annotationProviders) {
+          return;
+        }
+        var pluginState = getPluginState(state);
+        if (pluginState && pluginState.isVisible && !pluginState.bookmark && !pluginState.mouseData.isSelecting) {
+          var isToolbarAbove = annotationProviders.inlineComment.isToolbarAbove;
+          return buildToolbar(state, intl, isToolbarAbove);
+        }
+      },
+      selectionToolbar: function selectionToolbar(state, intl) {
+        if (!getBooleanFF('platform.editor.enable-selection-toolbar_ucdwd') || !annotationProviders) {
           return;
         }
         var pluginState = getPluginState(state);

package/dist/esm/plugins/annotation/pm-plugins/inline-comment.js

@@ -77,7 +77,8 @@ var initialState = function initialState() {
       isSelecting: false
     },
     disallowOnWhitespace: disallowOnWhitespace,
-    isVisible: true
+    isVisible: true,
+    skipSelectionHandling: false
   };
 };
 var hideToolbar = function hideToolbar(state, dispatch) {

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

@@ -13,6 +13,11 @@ var handleDocChanged = function handleDocChanged(tr, prevPluginState) {
   });
 };
 var handleSelectionChanged = function handleSelectionChanged(tr, pluginState) {
+  if (pluginState.skipSelectionHandling) {
+    return _objectSpread(_objectSpread({}, pluginState), {}, {
+      skipSelectionHandling: false
+    });
+  }
   var selectedAnnotations = findAnnotationsInSelection(tr.selection, tr.doc);
   var changed = selectedAnnotations.length !== pluginState.selectedAnnotations.length || selectedAnnotations.some(function (annotationInfo) {
     return !pluginState.selectedAnnotations.some(function (aInfo) {

package/dist/esm/plugins/annotation/pm-plugins/reducer.js

@@ -43,7 +43,8 @@ export default (function (pluginState, action) {
       });
     case ACTIONS.SET_SELECTED_ANNOTATION:
       return _objectSpread(_objectSpread({}, pluginState), {}, {
-        selectedAnnotations: _toConsumableArray(action.data.selectedAnnotations)
+        selectedAnnotations: _toConsumableArray(action.data.selectedAnnotations),
+        skipSelectionHandling: true
       });
     default:
       return pluginState;

package/dist/esm/plugins/annotation/toolbar.js

@@ -1,166 +1,11 @@
 import React from 'react';
 import CommentIcon from '@atlaskit/icon/glyph/comment';
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { addInlineComment, ToolTipContent } from '../../keymaps';
 import { setInlineCommentDraftState } from './commands';
 import { AnnotationTestIds, AnnotationSelectionType } from './types';
 import { isSelectionValid } from './utils';
 import { annotationMessages } from '@atlaskit/editor-common/messages';
-
-/**
- * Returns the coordintes at the bottom the selection.
- */
-var getCoordsBelowSelection = function getCoordsBelowSelection(bottomCoords, toolbarRect) {
-  return {
-    top: (bottomCoords.top || 0) + toolbarRect.height / 1.15,
-    left: bottomCoords.right - toolbarRect.width / 2
-  };
-};
-
-/*
-  Calculates the position of the floating toolbar relative to the selection.
-
-  This is a re-implementation which closely matches the behaviour on Confluence renderer.
-  The main difference is the popup is always above the selection.
-
-  Things to consider:
-  - popup is always above the selection
-  - coordinates of head X and getBoundingClientRect() are absolute in client viewport (not including scroll offsets)
-  - popup may appear in '.fabric-editor-popup-scroll-parent' (or body)
-  - we use the toolbarRect to center align toolbar
-  - use wrapperBounds to clamp values
-  - editorView.dom bounds differ to wrapperBounds, convert at the end
-*/
-var calculateToolbarPositionAboveSelection = function calculateToolbarPositionAboveSelection(toolbarTitle) {
-  return function (editorView, nextPos) {
-    var toolbar = document.querySelector("div[aria-label=\"".concat(toolbarTitle, "\"]"));
-    if (!toolbar) {
-      return nextPos;
-    }
-
-    // scroll wrapper for full page, fall back to document body
-    // TODO: look into using getScrollGutterOptions()
-    var scrollWrapper = editorView.dom.closest('.fabric-editor-popup-scroll-parent') || document.body;
-    var wrapperBounds = scrollWrapper.getBoundingClientRect();
-    var selection = window && window.getSelection();
-    var range = selection && !selection.isCollapsed && selection.getRangeAt(0);
-    if (!range) {
-      return nextPos;
-    }
-    var toolbarRect = toolbar.getBoundingClientRect();
-    var _editorView$state$sel = editorView.state.selection,
-      head = _editorView$state$sel.head,
-      anchor = _editorView$state$sel.anchor;
-    var topCoords = editorView.coordsAtPos(Math.min(head, anchor));
-    var bottomCoords = editorView.coordsAtPos(Math.max(head, anchor) - Math.min(range.endOffset, 1));
-    var top = (topCoords.top || 0) - toolbarRect.height * 1.5;
-    var left = 0;
-
-    // If not on the same line
-    if (topCoords.top !== bottomCoords.top) {
-      // selecting downwards
-      if (head > anchor) {
-        left = Math.max(topCoords.right, bottomCoords.right);
-      } else {
-        left = Math.min(topCoords.left, bottomCoords.left);
-      }
-
-      /*
-        short selection above a long paragraph
-         eg. short {<}heading
-        The purpose of this text is to show the selection range{>}.
-         The horizontal positioning should center around "heading",
-        not where it ends at "range".
-         Note: if it was "head<b>ing</b>" then it would only center
-        around "head". Undesireable but matches the current renderer.
-      */
-      var cliffPosition = range.getClientRects()[0];
-      if (cliffPosition.right < left) {
-        left = cliffPosition.left + cliffPosition.width / 2;
-      }
-    } else {
-      // Otherwise center on the single line selection
-      left = topCoords.left + (bottomCoords.right - topCoords.left) / 2;
-    }
-    left -= toolbarRect.width / 2;
-
-    // Place toolbar below selection if not sufficient space above
-    if (top < wrapperBounds.top) {
-      var _getCoordsBelowSelect = getCoordsBelowSelection(bottomCoords, toolbarRect);
-      top = _getCoordsBelowSelect.top;
-      left = _getCoordsBelowSelect.left;
-    }
-
-    // remap positions from browser document to wrapperBounds
-    return {
-      top: top - wrapperBounds.top + scrollWrapper.scrollTop,
-      left: Math.max(0, left - wrapperBounds.left)
-    };
-  };
-};
-
-/*
-  Calculates the position of the floating toolbar relative to the selection.
-
-  This is a re-implementation which closely matches the behaviour on Confluence renderer.
-  The main difference is the popup is always above the selection.
-
-  Things to consider:
-  - stick as close to the head X release coordinates as possible
-  - coordinates of head X and getBoundingClientRect() are absolute in client viewport (not including scroll offsets)
-  - popup may appear in '.fabric-editor-popup-scroll-parent' (or body)
-  - we use the toolbarRect to center align toolbar
-  - use wrapperBounds to clamp values
-  - editorView.dom bounds differ to wrapperBounds, convert at the end
-*/
-var calculateToolbarPositionTrackHead = function calculateToolbarPositionTrackHead(toolbarTitle) {
-  return function (editorView, nextPos) {
-    var toolbar = document.querySelector("div[aria-label=\"".concat(toolbarTitle, "\"]"));
-    if (!toolbar) {
-      return nextPos;
-    }
-
-    // scroll wrapper for full page, fall back to document body
-    // TODO: look into using getScrollGutterOptions()
-    var scrollWrapper = editorView.dom.closest('.fabric-editor-popup-scroll-parent') || document.body;
-    var wrapperBounds = scrollWrapper.getBoundingClientRect();
-    var selection = window && window.getSelection();
-    var range = selection && !selection.isCollapsed && selection.getRangeAt(0);
-    if (!range) {
-      return nextPos;
-    }
-    var toolbarRect = toolbar.getBoundingClientRect();
-    var _editorView$state$sel2 = editorView.state.selection,
-      head = _editorView$state$sel2.head,
-      anchor = _editorView$state$sel2.anchor;
-    var topCoords = editorView.coordsAtPos(Math.min(head, anchor));
-    var bottomCoords = editorView.coordsAtPos(Math.max(head, anchor) - Math.min(range.endOffset, 1));
-    var top;
-    // If not the same line, display toolbar below.
-    if (head > anchor && topCoords.top !== bottomCoords.top) {
-      // We are taking the previous pos to the maxium, so avoid end of line positions
-      // returning the next line's rect.
-      top = (bottomCoords.top || 0) + toolbarRect.height / 1.15;
-    } else {
-      top = (topCoords.top || 0) - toolbarRect.height * 1.5;
-    }
-    var left = (head > anchor ? bottomCoords.right : topCoords.left) - toolbarRect.width / 2;
-
-    // Place toolbar below selection if not sufficient space above
-    if (top < wrapperBounds.top) {
-      var _getCoordsBelowSelect2 = getCoordsBelowSelection(bottomCoords, toolbarRect);
-      top = _getCoordsBelowSelect2.top;
-      left = _getCoordsBelowSelect2.left;
-    }
-
-    // remap positions from browser document to wrapperBounds
-    return {
-      top: top - wrapperBounds.top + scrollWrapper.scrollTop,
-      left: Math.max(0, left - wrapperBounds.left)
-    };
-  };
-};
+import { calculateToolbarPositionAboveSelection, calculateToolbarPositionTrackHead } from '@atlaskit/editor-common/utils';
 export var buildToolbar = function buildToolbar(state, intl) {
   var isToolbarAbove = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var schema = state.schema;