@atlaskit/editor-core 163.0.0 → 164.0.0

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

@@ -1,5 +1,3 @@
-// @ts-ignore: outdated type definitions
-import { handlePaste as handlePasteTable } from '@atlaskit/editor-tables/utils';
 import { Slice, Fragment } from 'prosemirror-model';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
@@ -11,11 +9,7 @@ import * as clipboard from '../../../utils/clipboard';
 import { transformSliceForMedia } from '../../media/utils/media-single';
 import { escapeLinks, htmlContainsSingleFile, isPastedFromWord, isPastedFromExcel, htmlHasInvalidLinkTags, removeDuplicateInvalidLinks } from '../util';
 import { linkifyContent } from '../../hyperlink/utils';
-import { transformSliceToRemoveOpenBodiedExtension } from '../../extension/actions';
-import { transformSliceToRemoveOpenLayoutNodes } from '../../layout/utils';
-import { transformSliceNestedExpandToExpand, transformSliceToRemoveOpenExpand } from '../../expand/utils';
-import { transformSliceToRemoveOpenTable, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell } from '../../table/utils';
-import { transformSliceToAddTableHeaders } from '../../table/commands';
+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 } from './analytics';
@@ -23,34 +17,17 @@ import { analyticsPluginKey, PasteTypes } from '../../analytics';
 import { insideTable, measurements } from '../../../utils';
 import { measureRender } from '@atlaskit/editor-common/utils';
 import { transformSliceToCorrectMediaWrapper, unwrapNestedMediaElements } from '../../media/utils/media-common';
-import { transformSliceToRemoveColumnsWidths, transformSliceRemoveCellBackgroundColor } from '../../table/commands/misc';
 import { upgradeTextToLists, splitParagraphs } from '../../list/transforms';
 import { md } from '../md';
-import { getPluginState as getTablePluginState } from '../../table/pm-plugins/plugin-factory';
 import { transformUnsupportedBlockCardToInline } from '../../card/utils';
 import { transformSliceToDecisionList } from '../../tasks-and-decisions/utils';
 import { containsAnyAnnotations, stripNonExistingAnnotations } from '../../annotation/utils';
 import { pluginKey as betterTypePluginKey } from '../../base/pm-plugins/better-type-history';
 import { clipboardTextSerializer } from './clipboard-text-serializer';
 import { htmlHasIncompleteTable, tryRebuildCompleteTableHtml, isPastedFromTinyMCEConfluence } from '../util/tinyMCE';
+import { handlePaste as handlePasteTable } from '@atlaskit/editor-tables/utils';
 export const stateKey = new PluginKey('pastePlugin');
 export { md } from '../md';
-
-function isHeaderRowRequired(state) {
-  const tableState = getTablePluginState(state);
-  return tableState && tableState.pluginConfig.isHeaderRowRequired;
-}
-
-function isAllowResizingEnabled(state) {
-  const tableState = getTablePluginState(state);
-  return tableState && tableState.pluginConfig.allowColumnResizing;
-}
-
-function isBackgroundCellAllowed(state) {
-  const tableState = getTablePluginState(state);
-  return tableState && tableState.pluginConfig.allowBackgroundColor;
-}
-
 export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkification, cardOptions, sanitizePrivateContent, providerFactory) {
   const atlassianMarkDownParser = new MarkdownTransformer(schema, md);
 
@@ -90,6 +67,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
   }
 
   let mostRecentPasteEvent;
+  let pastedFromBitBucket = false;
   return new SafePlugin({
     key: stateKey,
     props: {
@@ -103,7 +81,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
       },
 
       handlePaste(view, rawEvent, slice) {
-        var _analyticsPlugin$perf, _analyticsPlugin$perf2;
+        var _analyticsPlugin$perf, _analyticsPlugin$perf2, _schema$nodes, _schema$nodes2, _schema$nodes3;
 
         const event = rawEvent;
 
@@ -218,7 +196,20 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
           }
         }
 
-        slice = transformUnsupportedBlockCardToInline(slice, state);
+        slice = transformUnsupportedBlockCardToInline(slice, state); // Handles edge case so that when copying text from the top level of the document
+        // it can be pasted into nodes like panels/actions/decisions without removing them.
+        // Overriding openStart to be 1 when only pasting a paragraph makes the preferred
+        // depth favour the text, rather than the paragraph node.
+        // https://github.com/ProseMirror/prosemirror-transform/blob/master/src/replace.js#:~:text=Transform.prototype.-,replaceRange,-%3D%20function(from%2C%20to
+
+        const selectionDepth = state.selection.$head.depth;
+        const selectionParentNode = state.selection.$head.node(selectionDepth - 1);
+        const selectionParentType = selectionParentNode === null || selectionParentNode === void 0 ? void 0 : selectionParentNode.type;
+        const edgeCaseNodeTypes = [(_schema$nodes = schema.nodes) === null || _schema$nodes === void 0 ? void 0 : _schema$nodes.panel, (_schema$nodes2 = schema.nodes) === null || _schema$nodes2 === void 0 ? void 0 : _schema$nodes2.taskList, (_schema$nodes3 = schema.nodes) === null || _schema$nodes3 === void 0 ? void 0 : _schema$nodes3.decisionList];
+
+        if (slice.openStart === 0 && selectionParentNode && edgeCaseNodeTypes.includes(selectionParentType)) {
+          slice.openStart = 1;
+        }
 
         if (handlePasteIntoTaskAndDecisionWithAnalytics(view, event, slice, isPlainText ? PasteTypes.plain : PasteTypes.richText)(state, dispatch)) {
           return true;
@@ -262,23 +253,6 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
               type: PasteTypes.richText
             });
             return true;
-          } // 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(state) && isHeaderRowRequired(state)) {
-            slice = transformSliceToAddTableHeaders(slice, state.schema);
-          }
-
-          if (!isAllowResizingEnabled(state)) {
-            slice = transformSliceToRemoveColumnsWidths(slice, state.schema);
-          } // If we don't allow background on cells, we need to remove it
-          // from the paste slice
-
-
-          if (!isBackgroundCellAllowed(state)) {
-            slice = transformSliceRemoveCellBackgroundColor(slice, state.schema);
           } // get editor-tables to handle pasting tables if it can
           // otherwise, just the replace the selection with the content
 
@@ -319,27 +293,16 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
         if (sanitizePrivateContent) {
           slice = handleMention(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);
         /* Bitbucket copies diffs as multiple adjacent code blocks
          * so we merge ALL adjacent code blocks to support paste here */
 
-        slice = transformSliceToJoinAdjacentCodeBlocks(slice);
+
+        if (pastedFromBitBucket) {
+          slice = transformSliceToJoinAdjacentCodeBlocks(slice);
+        }
+
         slice = transformSingleLineCodeBlockToCodeMark(slice, schema);
         slice = transformSliceToCorrectMediaWrapper(slice, schema);
-        slice = transformSliceToCorrectEmptyTableCells(slice, schema);
         slice = transformSliceToDecisionList(slice, schema); // splitting linebreaks into paragraphs must happen before upgrading text to lists
 
         slice = splitParagraphs(slice, schema);
@@ -380,8 +343,10 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
 
         if (htmlHasInvalidLinkTags(html)) {
           html = removeDuplicateInvalidLinks(html);
-        }
+        } // Fix for ED-13568: Code blocks being copied/pasted when next to each other get merged
+
 
+        pastedFromBitBucket = html.indexOf('data-qa="code-line"') >= 0;
         mostRecentPasteEvent = null;
         return html;
       }

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

@@ -1,10 +1,14 @@
+/** @jsx jsx */
 import React from 'react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { Status } from '@atlaskit/status/element';
 import { messages } from './messages';
-export const StyledStatus = styled.span`
-  opacity: ${props => props.placeholderStyle ? 0.5 : 1};
+const styledStatus = css`
+  opacity: 1;
+`;
+const styledStatusPlaceholder = css`
+  opacity: 0.5;
 `;
 
 const StatusContainerView = props => {
@@ -26,9 +30,9 @@ const StatusContainerView = props => {
 
   };
 
-  return /*#__PURE__*/React.createElement(StyledStatus, {
-    placeholderStyle: !text
-  }, /*#__PURE__*/React.createElement(Status, {
+  return jsx("span", {
+    css: text ? styledStatus : styledStatusPlaceholder
+  }, jsx(Status, {
     text: statusText,
     color: color,
     localId: localId,
@@ -48,7 +52,7 @@ export const StatusNodeView = props => {
     localId,
     style
   } = props.node.attrs;
-  return /*#__PURE__*/React.createElement(IntlStatusContainerView, {
+  return jsx(IntlStatusContainerView, {
     view: view,
     text: text,
     color: color,

package/dist/es2019/plugins/status/ui/statusPicker.js

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+/** @jsx jsx */
 import React from 'react';
-import styled from 'styled-components';
+import { css, jsx } from '@emotion/react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
@@ -20,7 +22,7 @@ export let InputMethod;
   InputMethod["enterKey"] = "enterKey";
 })(InputMethod || (InputMethod = {}));
 
-const PickerContainer = styled.div`
+const pickerContainer = css`
   background: ${N0};
   padding: ${gridSize()}px 0;
   border-radius: ${borderRadius()}px;
@@ -205,16 +207,17 @@ export class StatusPickerWithoutAnalytcs extends React.Component {
       color,
       text
     } = this.state;
-    return target && /*#__PURE__*/React.createElement(PopupWithListeners, {
+    return target && jsx(PopupWithListeners, {
       target: target,
       offset: [0, 8],
       handleClickOutside: this.handleClickOutside,
       handleEscapeKeydown: this.handleEscapeKeydown,
       zIndex: akEditorFloatingDialogZIndex,
       fitHeight: 40
-    }, /*#__PURE__*/React.createElement(PickerContainer, {
+    }, jsx("div", {
+      css: pickerContainer,
       onClick: this.handlePopupClick
-    }, /*#__PURE__*/React.createElement(AkStatusPicker, {
+    }, jsx(AkStatusPicker, {
       autoFocus: isNew,
       selectedColor: color,
       text: text,

package/dist/es2019/plugins/table/commands/insert.js

@@ -4,7 +4,6 @@ import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { addColumnAt as addColumnAtPMUtils, addRowAt, createTable as createTableNode, findTable, selectedRect } from '@atlaskit/editor-tables/utils';
 import { safeInsert } from 'prosemirror-utils';
 import { AddColumnStep } from '@atlaskit/adf-schema/steps';
-import { getPluginState } from '../pm-plugins/plugin-factory';
 import { checkIfHeaderRowEnabled, copyPreviousRow } from '../utils';
 import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
 import { rescaleColumns } from '../transforms/column-width';
@@ -128,10 +127,6 @@ export const insertRow = (row, moveCursorToTheNewRow) => (state, dispatch) => {
   return true;
 };
 export const createTable = () => (state, dispatch) => {
-  if (!getPluginState(state)) {
-    return false;
-  }
-
   const table = createTableNode({
     schema: state.schema
   });

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/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/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 {
@@ -593,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));
       }
 
     }]