@atlaskit/editor-core 162.0.2 → 164.0.1

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

@@ -9,12 +9,18 @@ import { createTableView } from '../nodeviews/table';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
 import { fixTables, replaceSelectedTable } from '../transforms';
 import { TableCssClassName as ClassName } from '../types';
-import { findControlsHoverDecoration, updateResizeHandles } from '../utils';
+import { findControlsHoverDecoration, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, transformSliceToRemoveOpenTable, updateResizeHandles } from '../utils';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '../../analytics';
 import { defaultTableSelection } from './default-table-selection';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
 import TableCellNodeView from '../nodeviews/tableCell';
+import { transformSliceRemoveCellBackgroundColor, transformSliceToRemoveColumnsWidths, transformSliceToAddTableHeaders } from '../commands/misc';
+import { transformSliceToRemoveOpenLayoutNodes } from '../../layout/utils';
+import { transformSliceToRemoveOpenExpand } from '../../expand/utils';
+import { transformSliceToRemoveOpenBodiedExtension } from '../../extension/actions';
+import { insideTable } from '../../../utils';
+import { isHeaderRowRequired } from '../utils/paste';
 let isBreakoutEnabled;
 let isDynamicTextSizingEnabled;
 let isFullWidthModeEnabled;
@@ -51,6 +57,18 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
   } : {}; // Used to prevent invalid table cell spans being reported more than once per editor/document
 
   const invalidTableIds = [];
+  let editorViewRef = null;
+
+  const getCurrentEditorState = () => {
+    const editorView = editorViewRef;
+
+    if (!editorView) {
+      return null;
+    }
+
+    return editorView.state;
+  };
+
   return new SafePlugin({
     state: state,
     key: pluginKey,
@@ -88,6 +106,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
     },
     view: editorView => {
       const domAtPos = editorView.domAtPos.bind(editorView);
+      editorViewRef = editorView;
       return {
         update: view => {
           const {
@@ -142,6 +161,51 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
       };
     },
     props: {
+      transformPasted(slice) {
+        const editorState = getCurrentEditorState();
+
+        if (!editorState) {
+          return slice;
+        }
+
+        const {
+          schema
+        } = editorState; // if we're pasting to outside a table or outside a table
+        // header, ensure that we apply any table headers to the first
+        // row of content we see, if required
+
+        if (!insideTable(editorState) && isHeaderRowRequired(editorState)) {
+          slice = transformSliceToAddTableHeaders(slice, schema);
+        }
+
+        slice = transformSliceToFixHardBreakProblemOnCopyFromCell(slice, schema); // We do this separately, so it also applies to drag/drop events
+        // This needs to go before `transformSliceToRemoveOpenExpand`
+
+        slice = transformSliceToRemoveOpenLayoutNodes(slice, schema); // If a partial paste of expand, paste only the content
+        // This needs to go before `transformSliceToRemoveOpenTable`
+
+        slice = transformSliceToRemoveOpenExpand(slice, schema);
+        /** If a partial paste of table, paste only table's content */
+
+        slice = transformSliceToRemoveOpenTable(slice, schema);
+        /** If a partial paste of bodied extension, paste only text */
+
+        slice = transformSliceToRemoveOpenBodiedExtension(slice, schema);
+        slice = transformSliceToCorrectEmptyTableCells(slice, schema);
+
+        if (!pluginConfig.allowColumnResizing) {
+          slice = transformSliceToRemoveColumnsWidths(slice, schema);
+        } // If we don't allow background on cells, we need to remove it
+        // from the paste slice
+
+
+        if (!pluginConfig.allowBackgroundColor) {
+          slice = transformSliceRemoveCellBackgroundColor(slice, schema);
+        }
+
+        return slice;
+      },
+
       handleClick: ({
         state,
         dispatch

package/dist/es2019/plugins/table/ui/FloatingContextualButton/index.js

@@ -1,8 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingOverlapPanelZIndex, akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
@@ -15,9 +17,6 @@ import { CONTENT_COMPONENT } from '../../../analytics/types';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../../analytics';
 import { tableFloatingCellButtonStyles } from './styles';
 import { ErrorBoundary } from '../../../../ui/ErrorBoundary';
-const ButtonWrapper = styled.div`
-  ${tableFloatingCellButtonStyles}
-`;
 export class FloatingContextualButtonInner extends React.Component {
   constructor(...args) {
     super(...args);
@@ -84,12 +83,14 @@ export class FloatingContextualButtonInner extends React.Component {
 
     const tableWrapper = closestElement(targetCellRef, `.${ClassName.TABLE_NODE_WRAPPER}`);
     const labelCellOptions = formatMessage(messages.cellOptions);
-    const button = /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(ToolbarButton, {
+    const button = jsx("div", {
+      css: tableFloatingCellButtonStyles
+    }, jsx(ToolbarButton, {
       className: ClassName.CONTEXTUAL_MENU_BUTTON,
       selected: isContextualMenuOpen,
       title: labelCellOptions,
       onClick: this.handleClick,
-      iconBefore: /*#__PURE__*/React.createElement(ExpandIcon, {
+      iconBefore: jsx(ExpandIcon, {
         label: ""
       }),
       "aria-label": labelCellOptions
@@ -98,7 +99,7 @@ export class FloatingContextualButtonInner extends React.Component {
 
     if (this.props.stickyHeader && parentSticky) {
       const pos = targetCellRef.getBoundingClientRect();
-      return /*#__PURE__*/React.createElement("div", {
+      return jsx("div", {
         style: {
           position: 'fixed',
           top: this.props.stickyHeader.top + this.props.stickyHeader.padding + 3 + 3,
@@ -108,7 +109,7 @@ export class FloatingContextualButtonInner extends React.Component {
       }, button);
     }
 
-    return /*#__PURE__*/React.createElement(Popup, {
+    return jsx(Popup, {
       alignX: "right",
       alignY: "start",
       target: targetCellRef,
@@ -132,9 +133,9 @@ _defineProperty(FloatingContextualButtonInner, "displayName", 'FloatingContextua
 
 const FloatingContextualButton = injectIntl(FloatingContextualButtonInner);
 export default function (props) {
-  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+  return jsx(ErrorBoundary, {
     component: ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     fallbackComponent: null
-  }, /*#__PURE__*/React.createElement(FloatingContextualButton, props));
+  }, jsx(FloatingContextualButton, props));
 }

package/dist/es2019/plugins/table/ui/FloatingContextualButton/styles.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { N0, N20 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { contextualMenuTriggerSize } from '../consts';

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -1,12 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { Component } from 'react';
+
+/** @jsx jsx */
+import { Component } from 'react';
+import { jsx } from '@emotion/react';
 import { splitCell } from '@atlaskit/editor-tables/utils';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '../../../../keymaps';
 import ColorPalette from '../../../../ui/ColorPalette';
 import cellBackgroundColorPalette from '../../../../ui/ColorPalette/Palettes/cellBackgroundColorPalette';
 import DropdownMenu from '../../../../ui/DropdownMenu';
-import { Shortcut, CellColourPreview } from '../../../../ui/styles';
+import { shortcutStyle, cellColourPreviewStyles } from '../../../../ui/styles';
 import { closestElement } from '../../../../utils/dom';
 import { INPUT_METHOD } from '../../../analytics';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, toggleContextualMenu } from '../../commands';
@@ -121,13 +124,13 @@ export class ContextualMenu extends Component {
           value: {
             name: 'background'
           },
-          elemAfter: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CellColourPreview, {
-            selectedColor: background,
+          elemAfter: jsx("div", null, jsx("div", {
+            css: cellColourPreviewStyles(background),
             className: ClassName.CONTEXTUAL_MENU_ICON
-          }), isSubmenuOpen && /*#__PURE__*/React.createElement("div", {
+          }), isSubmenuOpen && jsx("div", {
             className: ClassName.CONTEXTUAL_SUBMENU,
             ref: this.handleSubMenuRef
-          }, /*#__PURE__*/React.createElement(ColorPalette, {
+          }, jsx(ColorPalette, {
             cols: 7,
             palette: cellBackgroundColorPalette,
             onClick: this.setColor,
@@ -141,14 +144,18 @@ export class ContextualMenu extends Component {
         value: {
           name: 'insert_column'
         },
-        elemAfter: /*#__PURE__*/React.createElement(Shortcut, null, tooltip(addColumnAfter))
+        elemAfter: jsx("div", {
+          css: shortcutStyle
+        }, tooltip(addColumnAfter))
       });
       items.push({
         content: formatMessage(tableMessages.insertRow),
         value: {
           name: 'insert_row'
         },
-        elemAfter: /*#__PURE__*/React.createElement(Shortcut, null, tooltip(addRowAfter))
+        elemAfter: jsx("div", {
+          css: shortcutStyle
+        }, tooltip(addRowAfter))
       });
       const {
         top,
@@ -235,7 +242,9 @@ export class ContextualMenu extends Component {
         value: {
           name: 'clear'
         },
-        elemAfter: /*#__PURE__*/React.createElement(Shortcut, null, tooltip(backspace))
+        elemAfter: jsx("div", {
+          css: shortcutStyle
+        }, tooltip(backspace))
       });
       return items.length ? [{
         items
@@ -441,10 +450,10 @@ export class ContextualMenu extends Component {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       "data-testid": "table-cell-contextual-menu",
       onMouseLeave: this.closeSubmenu
-    }, /*#__PURE__*/React.createElement(DropdownMenu, {
+    }, jsx(DropdownMenu, {
       mountTo: mountPoint,
       items: items,
       isOpen: isOpen,

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/index.js

@@ -1,17 +1,14 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
-import styled from 'styled-components';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { pluginKey } from '../../pm-plugins/plugin-key';
 import { contextualMenuDropdownWidth, contextualMenuTriggerSize } from '../consts';
 import { tablePopupStyles } from './styles';
-import ContextualMenu from './ContextualMenu';
-const MenuWrapper = styled.div`
-  ${tablePopupStyles}
-`; // offset of the contextual menu dropdown
+import ContextualMenu from './ContextualMenu'; // offset of the contextual menu dropdown
 
 const calculateOffset = (targetCellRef, state) => {
   const {
@@ -65,7 +62,7 @@ const FloatingContextualMenu = ({
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(Popup, {
+  return jsx(Popup, {
     alignX: "right",
     alignY: "top",
     target: targetCellRef,
@@ -79,7 +76,9 @@ const FloatingContextualMenu = ({
     zIndex: akEditorFloatingOverlapPanelZIndex,
     forcePlacement: true,
     offset: [-7, 0]
-  }, /*#__PURE__*/React.createElement(MenuWrapper, null, /*#__PURE__*/React.createElement(ContextualMenu, {
+  }, jsx("div", {
+    css: tablePopupStyles
+  }, jsx(ContextualMenu, {
     editorView: editorView,
     offset: calculateOffset(targetCellRef, editorView.state),
     isOpen: isOpen,

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/styles.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { tableBackgroundBorderColor } from '@atlaskit/adf-schema';
 import { N60A, N90 } from '@atlaskit/theme/colors';
 import { contextualMenuDropdownWidth } from '../consts';

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

@@ -1,5 +1,4 @@
 import { css } from '@emotion/react';
-import { css as deprecatedCss } from 'styled-components';
 import { tableMarginTop, tableSharedStyle } from '@atlaskit/editor-common/styles';
 import { fontSize } from '@atlaskit/theme/constants';
 import { N40A, B300, N300, N20A, N0, R500 } from '@atlaskit/theme/colors';
@@ -89,9 +88,9 @@ export const tableStyles = props => {
       ${insertRowButtonWrapper}
     }
 
-    /* Delete button*/
+    /* Delete button */
     ${DeleteButton}
-    /* Ends Delete button*/
+    /* Ends Delete button */
 
     /* sticky styles */
     .${ClassName.TABLE_STICKY} .${ClassName.NUMBERED_COLUMN} .${ClassName.NUMBERED_COLUMN_BUTTON}:first-child {
@@ -580,6 +579,10 @@ export const tableStyles = props => {
   .ProseMirror.${ClassName.RESIZE_CURSOR} {
     cursor: col-resize;
   }
+
+  .ProseMirror .pm-table-cell-content-wrap ol[data-child-count='100+'] {
+    padding-left: revert;
+  }
 `;
 };
 export const tableFullPageEditorStyles = css`
@@ -589,25 +592,10 @@ export const tableFullPageEditorStyles = css`
     width: 100%;
   }
 `;
-export const deprecatedTableFullPageEditorStyles = deprecatedCss`
-  .ProseMirror .${ClassName.TABLE_NODE_WRAPPER} > table {
-    margin-left: 0;
-    margin-right: 0;
-    width: 100%;
-  }
-`;
 export const tableCommentEditorStyles = css`
   .ProseMirror .${ClassName.TABLE_NODE_WRAPPER} > table {
     margin-left: 0;
     margin-right: 0;
     ${scrollbarStyles};
   }
-`; // TODO remove this after migrated off styled-component
-
-export const deprecatedTableCommentEditorStyles = deprecatedCss`
-  .ProseMirror .${ClassName.TABLE_NODE_WRAPPER} > table {
-    margin-left: 0;
-    margin-right: 0;
-    ${scrollbarStyles};
-  }
 `;

package/dist/es2019/plugins/table/utils/paste.js

@@ -1,6 +1,7 @@
 import { Fragment, Slice } from 'prosemirror-model';
 import { flatten } from 'prosemirror-utils';
-import { flatmap, mapSlice } from '../../../utils/slice'; // lifts up the content of each cell, returning an array of nodes
+import { flatmap, mapSlice } from '../../../utils/slice';
+import { getPluginState } from '../pm-plugins/plugin-factory'; // lifts up the content of each cell, returning an array of nodes
 
 export const unwrapContentFromTable = maybeTable => {
   const {
@@ -44,7 +45,7 @@ export const transformSliceToFixHardBreakProblemOnCopyFromCell = (slice, schema)
     hardBreak
   } = schema.nodes;
   const emptyParagraphNode = paragraph.createAndFill();
-  const hardBreakNode = hardBreak.createAndFill();
+  const hardBreakNode = hardBreak === null || hardBreak === void 0 ? void 0 : hardBreak.createAndFill();
   const paragraphNodeSize = emptyParagraphNode ? emptyParagraphNode.nodeSize : 0;
   const hardBreakNodeSize = hardBreakNode ? hardBreakNode.nodeSize : 0;
   const paragraphWithHardBreakSize = paragraphNodeSize + hardBreakNodeSize;
@@ -95,4 +96,8 @@ export const transformSliceToCorrectEmptyTableCells = (slice, schema) => {
 
     return node;
   });
-};
+};
+export function isHeaderRowRequired(state) {
+  const tableState = getPluginState(state);
+  return tableState && tableState.pluginConfig.isHeaderRowRequired;
+}

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

@@ -1,4 +1,3 @@
-import { autoJoin } from 'prosemirror-commands';
 import { NodeRange } from 'prosemirror-model';
 import { TextSelection } from 'prosemirror-state';
 import { findParentNodeOfType, hasParentNodeOfType, replaceParentNodeOfType, safeInsert, setTextSelection } from 'prosemirror-utils';
@@ -7,6 +6,7 @@ import { uuid } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD, USER_CONTEXT } from '../analytics';
 import { GapCursorSelection } from '../selection/gap-cursor-selection';
 import { stateKey as taskDecisionStateKey } from './pm-plugins/plugin-key';
+import { autoJoinTr } from '../../utils/prosemirror/autojoin';
 
 const getContextData = (contextProvider = {}) => {
   const {
@@ -72,10 +72,16 @@ export const getListTypes = (listType, schema) => {
     item: decisionItem
   };
 };
+/*
+ * @deprecated - [ED-13182] insertTaskDecision has been depreciated in favor of insertTaskDecisionCommand
+ */
+
 export const insertTaskDecision = (view, listType, inputMethod = INPUT_METHOD.TOOLBAR, listLocalId, itemLocalId) => {
-  const {
-    state
-  } = view;
+  // eslint-disable-next-line no-console
+  console.warn('insertTaskDecision has been depreciated in favor of insertTaskDecisionCommand');
+  return insertTaskDecisionCommand(listType, inputMethod, undefined, listLocalId, itemLocalId);
+};
+export const insertTaskDecisionAction = (state, listType, inputMethod = INPUT_METHOD.TOOLBAR, addItem, listLocalId, itemLocalId) => {
   const {
     schema
   } = state;
@@ -107,18 +113,24 @@ export const insertTaskDecision = (view, listType, inputMethod = INPUT_METHOD.TO
     }]).setSelection(new TextSelection(tr.doc.resolve(newItemParagraphPos)));
   };
 
-  const tr = insertTaskDecisionWithAnalytics(state, listType, inputMethod, addAndCreateList, addToList, listLocalId, itemLocalId);
-  return autoJoin((state, dispatch) => {
-    if (tr) {
-      if (dispatch) {
-        dispatch(tr);
-      }
+  const addAndCreateListFn = addItem !== null && addItem !== void 0 ? addItem : addAndCreateList;
+  const tr = insertTaskDecisionWithAnalytics(state, listType, inputMethod, addAndCreateListFn, addToList, listLocalId, itemLocalId);
 
-      return true;
-    }
+  if (!tr) {
+    return state.tr;
+  }
+
+  autoJoinTr(tr, ['taskList', 'decisionList']);
+  return tr;
+};
+export const insertTaskDecisionCommand = (listType, inputMethod = INPUT_METHOD.TOOLBAR, addItem, listLocalId, itemLocalId) => (state, dispatch) => {
+  const tr = insertTaskDecisionAction(state, listType, inputMethod, addItem, listLocalId, itemLocalId);
+
+  if (dispatch) {
+    dispatch(tr);
+  }
 
-    return false;
-  }, ['taskList', 'decisionList']);
+  return true;
 };
 export const insertTaskDecisionWithAnalytics = (state, listType, inputMethod, addAndCreateList, addToList, listLocalId, itemLocalId) => {
   const {

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

@@ -1,35 +1,32 @@
-import React from 'react';
-import styled from 'styled-components';
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
 import { decisionItem, decisionList, taskItem, taskList } from '@atlaskit/adf-schema';
 import { INPUT_METHOD } from '../analytics';
 import { messages as insertBlockMessages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { IconAction, IconDecision } from '../quick-insert/assets';
-import { getListTypes, insertTaskDecisionWithAnalytics } from './commands';
+import { insertTaskDecisionAction, getListTypes } from './commands';
 import inputRulePlugin from './pm-plugins/input-rules';
 import keymap from './pm-plugins/keymaps';
 import { createPlugin } from './pm-plugins/main';
 import ToolbarDecision from './ui/ToolbarDecision';
 import ToolbarTask from './ui/ToolbarTask';
-const TaskDecisionToolbarGroup = styled.div`
+const taskDecisionToolbarGroup = css`
   display: flex;
 `;
 
-const quickInsertItem = (insert, state, listType) => {
+const addItem = (insert, listType, schema) => ({
+  listLocalId,
+  itemLocalId
+}) => {
   const {
     list,
     item
-  } = getListTypes(listType, state.schema);
-
-  const addItem = ({
-    listLocalId,
-    itemLocalId
-  }) => insert(list.createChecked({
+  } = getListTypes(listType, schema);
+  return insert(list.createChecked({
     localId: listLocalId
   }, item.createChecked({
     localId: itemLocalId
   })));
-
-  return insertTaskDecisionWithAnalytics(state, listType, INPUT_METHOD.QUICK_INSERT, addItem);
 };
 
 const tasksAndDecisionsPlugin = ({
@@ -85,11 +82,13 @@ const tasksAndDecisionsPlugin = ({
     editorView,
     disabled
   }) {
-    return /*#__PURE__*/React.createElement(TaskDecisionToolbarGroup, null, /*#__PURE__*/React.createElement(ToolbarDecision, {
+    return jsx("div", {
+      css: taskDecisionToolbarGroup
+    }, jsx(ToolbarDecision, {
       editorView: editorView,
       isDisabled: disabled,
       isReducedSpacing: true
-    }), /*#__PURE__*/React.createElement(ToolbarTask, {
+    }), jsx(ToolbarTask, {
       editorView: editorView,
       isDisabled: disabled,
       isReducedSpacing: true
@@ -106,10 +105,10 @@ const tasksAndDecisionsPlugin = ({
       priority: 100,
       keywords: ['checkbox', 'task', 'todo'],
       keyshortcut: '[]',
-      icon: () => /*#__PURE__*/React.createElement(IconAction, null),
+      icon: () => jsx(IconAction, null),
 
       action(insert, state) {
-        return quickInsertItem(insert, state, 'taskList');
+        return insertTaskDecisionAction(state, 'taskList', INPUT_METHOD.QUICK_INSERT, addItem(insert, 'taskList', state.schema));
       }
 
     }, {
@@ -118,10 +117,10 @@ const tasksAndDecisionsPlugin = ({
       description: formatMessage(insertBlockMessages.decisionDescription),
       priority: 900,
       keyshortcut: '<>',
-      icon: () => /*#__PURE__*/React.createElement(IconDecision, null),
+      icon: () => jsx(IconDecision, null),
 
       action(insert, state) {
-        return quickInsertItem(insert, state, 'decisionList');
+        return insertTaskDecisionAction(state, 'decisionList', INPUT_METHOD.QUICK_INSERT, addItem(insert, 'decisionList', state.schema));
       }
 
     }]

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

@@ -3,11 +3,25 @@ import { canInsert } from 'prosemirror-utils';
 import { createRule, createPlugin } from '../../../utils/input-rules';
 import { leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules';
 import { INPUT_METHOD } from '../../analytics';
-import { changeInDepth, insertTaskDecisionWithAnalytics } from '../commands';
+import { changeInDepth, insertTaskDecisionAction, getListTypes } from '../commands';
 
 const createListRule = (regex, listType) => {
   return createRule(regex, (state, _match, start, end) => {
-    const insertTr = insertTaskDecisionWithAnalytics(state, listType, INPUT_METHOD.FORMATTING, addItem(start, end));
+    const {
+      paragraph
+    } = state.schema.nodes;
+    const {
+      list
+    } = getListTypes(listType, state.schema);
+    const $end = state.doc.resolve(end);
+    const $endOfParent = state.doc.resolve($end.after()); // Only allow creating list in nodes that support them.
+    // Parent must be a paragraph as we don't want this applying to headings
+
+    if ($end.parent.type !== paragraph || !canInsert($endOfParent, list.createAndFill())) {
+      return null;
+    }
+
+    const insertTr = insertTaskDecisionAction(state, listType, INPUT_METHOD.FORMATTING, addItem(start, end));
     return insertTr;
   });
 };
@@ -27,7 +41,6 @@ const addItem = (start, end) => ({
     schema
   } = state;
   const {
-    paragraph,
     hardBreak
   } = schema.nodes;
   const content = $from.node($from.depth).content;
@@ -37,13 +50,6 @@ const addItem = (start, end) => ({
       shouldBreakNode = true;
     }
   });
-  const $end = state.doc.resolve(end);
-  const $endOfParent = state.doc.resolve($end.after()); // Only allow creating list in nodes that support them.
-  // Parent must be a paragraph as we don't want this applying to headings
-
-  if ($end.parent.type !== paragraph || !canInsert($endOfParent, list.createAndFill())) {
-    return null;
-  }
 
   if (!shouldBreakNode) {
     tr.replaceRangeWith($from.before(), $from.after(), list.create({

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

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { SelectionStyle, getSelectionStyles, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 export const taskDecisionStyles = css`

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

@@ -4,7 +4,7 @@ import { injectIntl } from 'react-intl-next';
 import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
 import { messages } from '../../../insert-block/ui/ToolbarInsertBlock/messages';
-import { insertTaskDecision } from '../../commands';
+import { insertTaskDecisionCommand } from '../../commands';
 export class ToolbarDecision extends PureComponent {
   constructor(...args) {
     super(...args);
@@ -22,7 +22,7 @@ export class ToolbarDecision extends PureComponent {
         return false;
       }
 
-      insertTaskDecision(editorView, 'decisionList')(editorView.state, editorView.dispatch);
+      insertTaskDecisionCommand('decisionList')(editorView.state, editorView.dispatch);
       return true;
     });
   }

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

@@ -4,7 +4,7 @@ import { injectIntl } from 'react-intl-next';
 import TaskIcon from '@atlaskit/icon/glyph/editor/task';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
 import { messages } from '../../../insert-block/ui/ToolbarInsertBlock/messages';
-import { insertTaskDecision } from '../../commands';
+import { insertTaskDecisionCommand } from '../../commands';
 export class ToolbarTask extends PureComponent {
   constructor(...args) {
     super(...args);
@@ -22,7 +22,7 @@ export class ToolbarTask extends PureComponent {
         return false;
       }
 
-      insertTaskDecision(editorView, 'taskList')(editorView.state, editorView.dispatch);
+      insertTaskDecisionCommand('taskList')(editorView.state, editorView.dispatch);
       return true;
     });
   }