@atlaskit/editor-core 162.0.2 → 164.0.1

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/placeholder/styles.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { N200 } from '@atlaskit/theme/colors';
 export const placeHolderClassName = 'placeholder-decoration';
 export const placeholderStyles = css`

package/dist/es2019/plugins/placeholder-text/styles.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
 import { SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 export const placeholderTextStyles = css`

package/dist/es2019/plugins/rule/pm-plugins/input-rule.js

@@ -10,6 +10,9 @@ export const createHorizontalRule = (state, start, end, inputMethod) => {
   }
 
   let tr = null;
+  const {
+    rule
+  } = state.schema.nodes;
   const {
     newInsertionBehaviour
   } = getFeatureFlags(state);
@@ -21,7 +24,7 @@ export const createHorizontalRule = (state, start, end, inputMethod) => {
      * without considering the extra text after the `/` command.
      **/
     tr = state.tr.replaceWith(start, end, Fragment.empty);
-    tr = safeInsert(state.schema.nodes.rule.createChecked(), tr.selection.from)(tr);
+    tr = safeInsert(rule.createChecked(), tr.selection.from)(tr);
   }
 
   if (!tr) {

package/dist/es2019/plugins/rule/styles.js

@@ -1,9 +1,9 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { ruleSharedStyles } from '@atlaskit/editor-common/styles';
 import { akEditorLineHeight, akEditorSelectedBorderColor, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-export const ruleStyles = css`
+export const ruleStyles = props => css`
   .ProseMirror {
-    ${ruleSharedStyles};
+    ${ruleSharedStyles(props)};
 
     hr {
       cursor: pointer;

package/dist/es2019/plugins/selection/gap-cursor/styles.js

@@ -1,4 +1,4 @@
-import { keyframes } from 'styled-components';
+import { css, keyframes } from '@emotion/react';
 const gapCursorBlink = keyframes`
   from, to {
     opacity: 0;
@@ -12,7 +12,7 @@ const gapCursor = '.ProseMirror-gapcursor';
 const prosemirrorwidget = '.ProseMirror-widget';
 const wrapLeft = '[layout="wrap-left"]';
 const wrapRight = '[layout="wrap-right"]';
-export const gapCursorStyles = `
+export const gapCursorStyles = css`
   /* =============== GAP CURSOR ================== */
   .ProseMirror {
     &.${hideCaretModifier} {

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

@@ -1,6 +1,5 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { NodeSelection, TextSelection } from 'prosemirror-state';
-import { browser } from '@atlaskit/editor-common/utils';
 import { createPluginState, getPluginState } from '../plugin-factory';
 import { selectionPluginKey } from '../types';
 import { getDecorations, shouldRecalcDecorations, getNodeSelectionAnalyticsPayload, getRangeSelectionAnalyticsPayload, getAllSelectionAnalyticsPayload, getCellSelectionAnalyticsPayload } from '../utils';
@@ -117,29 +116,14 @@ export const createPlugin = (dispatch, dispatchAnalyticsEvent, options = {}) =>
           return false;
         },
         keydown: (editorView, event) => {
-          const {
-            state
-          } = editorView; // Firefox bugfix to bypass issue with editing text adjacent to a DOM node with
-          // contenteditable="false". (See https://product-fabric.atlassian.net/browse/ED-9452)
-          // On keypress, if the head of cursor selection touches a node with contenteditable="false",
-          // we temporarily remove the attribute, wait one tick, then restore it with its original value.
-
-          if (browser.gecko) {
-            const node = editorView.nodeDOM(editorView.state.selection.head);
-
-            if (node instanceof HTMLElement && node.getAttribute('contenteditable') === 'false') {
-              node.removeAttribute('contenteditable');
-              requestAnimationFrame(() => {
-                node.setAttribute('contenteditable', 'false');
-              });
-            }
-          } // Bugfix for block ReactNodeViews like table and extension
+          // Bugfix for block ReactNodeViews like table and extension
           // They could not be selected with Shift + ArrowDown/ArrowUp
           // Fixed when contenteditable = false, but then you couldn't edit their contents
           // Therefore, briefly set contenteditable=false to allow the selection through, then set it back to true
-
-
           if (event instanceof KeyboardEvent && event.shiftKey && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+            const {
+              state
+            } = editorView;
             let pos;
 
             if (event.key === 'ArrowDown') {

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

@@ -24,11 +24,7 @@ const baseStatusPlugin = options => ({
   pmPlugins() {
     return [{
       name: 'status',
-      plugin: ({
-        dispatch,
-        portalProviderAPI,
-        eventDispatcher
-      }) => createStatusPlugin(dispatch, portalProviderAPI, eventDispatcher, options)
+      plugin: pmPluginFactoryParams => createStatusPlugin(pmPluginFactoryParams, options)
     }, {
       name: 'statusKeymap',
       plugin: keymapPlugin

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

@@ -1,95 +1,62 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/** @jsx jsx */
 import React from 'react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import { Status } from '@atlaskit/status/element';
-import { ReactNodeView } from '../../../nodeviews';
 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;
 `;
 
-class StatusContainerView extends React.Component {
-  constructor(props) {
-    super(props);
-
-    _defineProperty(this, "handleClick", event => {
-      if (event.nativeEvent.stopImmediatePropagation) {
-        event.nativeEvent.stopImmediatePropagation();
-      } // handling of popup is done in plugin.apply on selection change.
-
-    });
-  }
-
-  render() {
-    const {
-      text,
-      color,
-      localId,
-      style,
-      intl: {
-        formatMessage
-      }
-    } = this.props;
-    const statusText = text ? text : formatMessage(messages.placeholder);
-    return /*#__PURE__*/React.createElement(StyledStatus, {
-      placeholderStyle: !text
-    }, /*#__PURE__*/React.createElement(Status, {
-      text: statusText,
-      color: color,
-      localId: localId,
-      style: style,
-      onClick: this.handleClick
-    }));
-  }
+const StatusContainerView = props => {
+  const {
+    text,
+    color,
+    localId,
+    style,
+    intl: {
+      formatMessage
+    }
+  } = props;
+  const statusText = text ? text : formatMessage(messages.placeholder);
+
+  const handleClick = event => {
+    if (event.nativeEvent.stopImmediatePropagation) {
+      event.nativeEvent.stopImmediatePropagation();
+    } // handling of popup is done in plugin.apply on selection change.
 
-}
+  };
 
-_defineProperty(StatusContainerView, "displayName", 'StatusContainerView');
+  return jsx("span", {
+    css: text ? styledStatus : styledStatusPlaceholder
+  }, jsx(Status, {
+    text: statusText,
+    color: color,
+    localId: localId,
+    style: style,
+    onClick: handleClick
+  }));
+};
 
 export const IntlStatusContainerView = injectIntl(StatusContainerView);
-export class StatusNodeView extends ReactNodeView {
-  createDomRef() {
-    return super.createDomRef();
-  }
-
-  setDomAttrs(node, element) {
-    const {
-      color,
-      localId,
-      style
-    } = node.attrs;
-    element.dataset.color = color;
-    element.dataset.localId = localId;
-    element.dataset.style = style;
-  }
-
-  render(props) {
-    const {
-      options
-    } = props;
-    const {
-      text,
-      color,
-      localId,
-      style
-    } = this.node.attrs;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, options && options.allowZeroWidthSpaceAfter && ZERO_WIDTH_SPACE, /*#__PURE__*/React.createElement(IntlStatusContainerView, {
-      view: this.view,
-      text: text,
-      color: color,
-      style: style,
-      localId: localId
-    }), options && options.allowZeroWidthSpaceAfter && ZERO_WIDTH_SPACE);
-  }
-
-}
-export default function statusNodeView(portalProviderAPI, eventDispatcher, options) {
-  return (node, view, getPos) => {
-    const hasIntlContext = true;
-    return new StatusNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
-      options
-    }, undefined, undefined, undefined, hasIntlContext).init();
-  };
-}
+export const StatusNodeView = props => {
+  const {
+    view
+  } = props;
+  const {
+    text,
+    color,
+    localId,
+    style
+  } = props.node.attrs;
+  return jsx(IntlStatusContainerView, {
+    view: view,
+    text: text,
+    color: color,
+    style: style,
+    localId: localId
+  });
+};

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

@@ -1,11 +1,12 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { NodeSelection, TextSelection } from 'prosemirror-state';
-import statusNodeView from './nodeviews/status';
+import { getInlineNodeViewProducer } from '../../nodeviews/getInlineNodeViewProducer';
+import { StatusNodeView } from './nodeviews/status';
 import { pluginKey } from './plugin-key';
 import { isEmptyStatus, mayGetStatusAtSelection } from './utils';
 export { pluginKey, pluginKeyName } from './plugin-key';
 
-const createPlugin = (dispatch, portalProviderAPI, eventDispatcher, options) => new SafePlugin({
+const createPlugin = (pmPluginFactoryParams, options) => new SafePlugin({
   state: {
     init: () => ({
       isNew: false,
@@ -19,7 +20,7 @@ const createPlugin = (dispatch, portalProviderAPI, eventDispatcher, options) =>
         const newState = { ...state,
           ...meta
         };
-        dispatch(pluginKey, newState);
+        pmPluginFactoryParams.dispatch(pluginKey, newState);
         return newState;
       }
 
@@ -34,7 +35,7 @@ const createPlugin = (dispatch, portalProviderAPI, eventDispatcher, options) =>
         };
 
         if (newState.showStatusPickerAt !== state.showStatusPickerAt) {
-          dispatch(pluginKey, newState);
+          pmPluginFactoryParams.dispatch(pluginKey, newState);
           return newState;
         }
       }
@@ -54,7 +55,7 @@ const createPlugin = (dispatch, portalProviderAPI, eventDispatcher, options) =>
             isNew: false,
             showStatusPickerAt
           };
-          dispatch(pluginKey, newState);
+          pmPluginFactoryParams.dispatch(pluginKey, newState);
           return newState;
         }
       }
@@ -102,7 +103,13 @@ const createPlugin = (dispatch, portalProviderAPI, eventDispatcher, options) =>
   key: pluginKey,
   props: {
     nodeViews: {
-      status: statusNodeView(portalProviderAPI, eventDispatcher, options)
+      status: getInlineNodeViewProducer({
+        pmPluginFactoryParams,
+        Component: StatusNodeView,
+        extraComponentProps: {
+          options
+        }
+      })
     }
   }
 });

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

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { StatusSharedCssClassName, TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { SelectionStyle, getSelectionStyles, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 export const statusStyles = css`
@@ -15,13 +15,7 @@ export const statusStyles = css`
     }
   }
   .${StatusSharedCssClassName.STATUS_CONTAINER} {
-    // these two styles can be removed when displayInlineBlockForInlineNodes is enabled by default
-    // as it will make all inline nodes inline-block by default
-    display: inline-block;
-    user-select: all;
-
     > span {
-      display: inline-block;
       cursor: pointer;
       line-height: 0; /* Prevent responsive layouts increasing height of container. */
     }

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/index.js

@@ -230,7 +230,7 @@ const tablesPlugin = options => ({
       id: 'table',
       title: formatMessage(messages.table),
       description: formatMessage(messages.tableDescription),
-      keywords: ['cell'],
+      keywords: ['cell', 'table'],
       priority: 600,
       keyshortcut: tooltip(toggleTable),
       icon: () => /*#__PURE__*/React.createElement(IconTable, null),