@atlaskit/editor-core 161.0.0 → 163.0.0

package/dist/esm/plugins/table/commands/misc.js

@@ -19,7 +19,7 @@ import { createCommand, getPluginState } from '../pm-plugins/plugin-factory';
 import { fixAutoSizedTable } from '../transforms';
 import { TableCssClassName as ClassName, TableDecorations } from '../types';
 import { createColumnControlsDecoration, createColumnSelectedDecoration } from '../utils/decoration';
-import { checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, isIsolating } from '../utils/nodes';
+import { checkIfNumberColumnEnabled, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, isIsolating } from '../utils/nodes';
 import { updatePluginStateDecorations } from '../utils/update-plugin-state-decorations'; // #endregion
 // #endregion
 // #region Commands
@@ -49,8 +49,9 @@ export var setTableRef = function setTableRef(ref) {
         tablePos: tablePos,
         tableWrapperTarget: tableWrapperTarget,
         layout: layout || 'default',
-        isHeaderRowEnabled: checkIfHeaderRowEnabled(state),
-        isHeaderColumnEnabled: checkIfHeaderColumnEnabled(state),
+        isNumberColumnEnabled: checkIfNumberColumnEnabled(state.selection),
+        isHeaderRowEnabled: checkIfHeaderRowEnabled(state.selection),
+        isHeaderColumnEnabled: checkIfHeaderColumnEnabled(state.selection),
         decorationSet: decorationSet,
         resizeHandleColumnIndex: undefined
       }
@@ -113,7 +114,7 @@ export var triggerUnlessTableHeader = function triggerUnlessTableHeader(command)
     if (selection instanceof CellSelection) {
       var rect = getSelectionRect(selection);
 
-      if (!checkIfHeaderRowEnabled(state) || rect && rect.top > 0) {
+      if (!checkIfHeaderRowEnabled(selection) || rect && rect.top > 0) {
         return command(state, dispatch, view);
       }
     }
@@ -404,17 +405,6 @@ export var addResizeHandleDecorations = function addResizeHandleDecorations(colu
     return tr.setMeta('addToHistory', false);
   });
 };
-export var setTableSize = function setTableSize(tableHeight, tableWidth) {
-  return createCommand({
-    type: 'SET_TABLE_SIZE',
-    data: {
-      tableHeight: tableHeight,
-      tableWidth: tableWidth
-    }
-  }, function (tr) {
-    return tr.setMeta('addToHistory', false);
-  });
-};
 export var autoSizeTable = function autoSizeTable(view, node, table, basePos, opts) {
   view.dispatch(fixAutoSizedTable(view, node, table, basePos, opts));
   return true;

package/dist/esm/plugins/table/commands-with-analytics.js

@@ -345,7 +345,7 @@ export var toggleNumberColumnWithAnalytics = function toggleNumberColumnWithAnal
       actionSubject: ACTION_SUBJECT.TABLE,
       actionSubjectId: null,
       attributes: {
-        newState: !checkIfNumberColumnEnabled(state),
+        newState: !checkIfNumberColumnEnabled(state.selection),
         totalRowCount: totalRowCount,
         totalColumnCount: totalColumnCount
       },

package/dist/esm/plugins/table/handlers.js

@@ -12,8 +12,9 @@ import { isTableCollapsible } from './utils/collapse';
 import { defaultTableSelection } from './pm-plugins/default-table-selection';
 import { pluginKey as tableResizingPluginKey } from './pm-plugins/table-resizing';
 import { TableSortStep } from '@atlaskit/adf-schema/steps';
-
 // #endregion
+import { checkIfNumberColumnEnabled, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled } from './utils/nodes';
+
 var nextTableSorting = function nextTableSorting(tr, table) {
   var tableSortStep = tr.steps.find(function (step) {
     return step instanceof TableSortStep;
@@ -70,7 +71,10 @@ var updateTableNodePluginState = function updateTableNodePluginState(_ref2) {
     return _objectSpread(_objectSpread(_objectSpread({}, pluginState), defaultTableSelection), {}, {
       tableNode: tableNode,
       ordering: nextTableSorting(tr, table),
-      resizeHandleColumnIndex: nextResizeHandleColumnIndex(tr, pluginState.resizeHandleColumnIndex)
+      resizeHandleColumnIndex: nextResizeHandleColumnIndex(tr, pluginState.resizeHandleColumnIndex),
+      isNumberColumnEnabled: checkIfNumberColumnEnabled(tr.selection),
+      isHeaderColumnEnabled: checkIfHeaderColumnEnabled(tr.selection),
+      isHeaderRowEnabled: checkIfHeaderRowEnabled(tr.selection)
     });
   };
 };

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

@@ -15,7 +15,7 @@ import { createPlugin as createDecorationsPlugin } from './pm-plugins/decoration
 import { keymapPlugin } from './pm-plugins/keymap';
 import { tableSelectionKeymapPlugin } from './pm-plugins/table-selection-keymap';
 import { createPlugin } from './pm-plugins/main';
-import { pluginKey } from './pm-plugins/plugin-factory';
+import { pluginKey } from './pm-plugins/plugin-key';
 import { createPlugin as createStickyHeadersPlugin, findStickyHeaderForTable, pluginKey as stickyHeadersPluginKey } from './pm-plugins/sticky-headers';
 import { createPlugin as createFlexiResizingPlugin, pluginKey as tableResizingPluginKey } from './pm-plugins/table-resizing';
 import { getToolbarConfig } from './toolbar';
@@ -25,7 +25,6 @@ import FloatingDeleteButton from './ui/FloatingDeleteButton';
 import FloatingInsertButton from './ui/FloatingInsertButton';
 import LayoutButton from './ui/LayoutButton';
 import { isLayoutSupported } from './utils';
-import { getFeatureFlags } from '../feature-flags-context';
 import { ErrorBoundary } from '../../ui/ErrorBoundary';
 
 var tablesPlugin = function tablesPlugin(options) {
@@ -120,6 +119,8 @@ var tablesPlugin = function tablesPlugin(options) {
       }]; // workaround for prosemirrors delayed dom selection syncing during pointer drag
       // causing issues with table selections in Safari
       // https://github.com/ProseMirror/prosemirror-view/commit/885258b80551ac87b81601d3ed25f552aeb22293
+      // NOTE: this workaround can be removed when next upgrading prosemirror as the issue will be fixed
+      // https://github.com/ProseMirror/prosemirror-view/pull/116
 
       if (browser.safari) {
         plugins.push({
@@ -166,13 +167,8 @@ var tablesPlugin = function tablesPlugin(options) {
               insertRowButtonIndex = _ref9.insertRowButtonIndex,
               isHeaderColumnEnabled = _ref9.isHeaderColumnEnabled,
               isHeaderRowEnabled = _ref9.isHeaderRowEnabled,
-              tableWrapperTarget = _ref9.tableWrapperTarget,
-              tableWidth = _ref9.tableWidth;
+              tableWrapperTarget = _ref9.tableWrapperTarget;
           var allowControls = pluginConfig.allowControls;
-
-          var _ref10 = getFeatureFlags(state) || {},
-              tableRenderOptimization = _ref10.tableRenderOptimization;
-
           var stickyHeader = stickyHeadersState ? findStickyHeaderForTable(stickyHeadersState, tablePos) : undefined;
           return /*#__PURE__*/React.createElement(React.Fragment, null, targetCellPosition && tableRef && !isDragging && options && options.allowContextualMenu && /*#__PURE__*/React.createElement(FloatingContextualButton, {
             isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
@@ -222,20 +218,19 @@ var tablesPlugin = function tablesPlugin(options) {
             targetRef: tableWrapperTarget,
             layout: layout,
             isResizing: !!resizingPluginState && !!resizingPluginState.dragging,
-            tableWidth: tableRenderOptimization ? tableWidth : undefined,
             stickyHeader: stickyHeader
           }));
         }
       }));
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref11) {
-        var formatMessage = _ref11.formatMessage;
+      quickInsert: function quickInsert(_ref10) {
+        var formatMessage = _ref10.formatMessage;
         return [{
           id: 'table',
           title: formatMessage(messages.table),
           description: formatMessage(messages.tableDescription),
-          keywords: ['cell'],
+          keywords: ['cell', 'table'],
           priority: 600,
           keyshortcut: tooltip(toggleTable),
           icon: function icon() {

package/dist/esm/plugins/table/nodeviews/TableComponent.js

@@ -432,7 +432,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         if (this.overflowShadowsObserver) {
           var _this$state$stickyHea;
 
-          this.overflowShadowsObserver.observeCells((_this$state$stickyHea = this.state.stickyHeader) === null || _this$state$stickyHea === void 0 ? void 0 : _this$state$stickyHea.sticky, containsHeaderRow(view.state, getNode()));
+          this.overflowShadowsObserver.observeCells((_this$state$stickyHea = this.state.stickyHeader) === null || _this$state$stickyHea === void 0 ? void 0 : _this$state$stickyHea.sticky, containsHeaderRow(getNode()));
         }
       }
 
@@ -507,7 +507,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var headerRow = tableRef ? tableRef.querySelector('tr[data-header-row]') : undefined; //dont need to change tableHeight with tableRenderOptimization because it will be observed inside floating components
 
       var tableHeight = tableRef && !tableRenderOptimization ? tableRef.offsetHeight : undefined;
-      var hasHeaderRow = containsHeaderRow(view.state, node);
+      var hasHeaderRow = containsHeaderRow(node);
       var rowControls = /*#__PURE__*/React.createElement("div", {
         className: ClassName.ROW_CONTROLS_WRAPPER
       }, /*#__PURE__*/React.createElement(TableFloatingControls, {

package/dist/esm/plugins/table/nodeviews/table.js

@@ -9,12 +9,6 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -25,12 +19,12 @@ import ReactNodeView from '../../../nodeviews/ReactNodeView';
 import WithPluginState from '../../../ui/WithPluginState';
 import { pluginKey as widthPluginKey } from '../../width';
 import { pluginConfig as getPluginConfig } from '../create-plugin-config';
-import { getPluginState, pluginKey } from '../pm-plugins/plugin-factory';
+import { getPluginState } from '../pm-plugins/plugin-factory';
+import { pluginKey } from '../pm-plugins/plugin-key';
 import { pluginKey as tableResizingPluginKey } from '../pm-plugins/table-resizing';
 import { generateColgroup } from '../pm-plugins/table-resizing/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import TableComponent from './TableComponent';
-import { setTableSize } from '../commands';
 import { getFeatureFlags } from '../../feature-flags-context';
 import { EmitterEvents } from '../../../extensibility';
 
@@ -72,7 +66,6 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
     _defineProperty(_assertThisInitialized(_this), "hasHoveredRows", false);
 
     _this.getPos = props.getPos;
-    _this.editorView = props.view;
     _this.tableRenderOptimization = props.tableRenderOptimization;
     _this.eventDispatcher = props.eventDispatcher;
     return _this;
@@ -81,42 +74,18 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
   _createClass(TableView, [{
     key: "getContentDOM",
     value: function getContentDOM() {
-      var _window,
-          _this2 = this;
-
       var rendered = DOMSerializer.renderSpec(document, toDOM(this.node, this.reactComponentProps));
 
       if (rendered.dom) {
         this.table = rendered.dom;
       }
 
-      if (this.tableRenderOptimization && this.table && !this.resizeObserver && (_window = window) !== null && _window !== void 0 && _window.ResizeObserver) {
-        this.resizeObserver = new ResizeObserver(function (entries) {
-          var _iterator = _createForOfIteratorHelper(entries),
-              _step;
-
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              var entry = _step.value;
-              var height = entry.contentRect ? entry.contentRect.height : entry.target.offsetHeight;
-              var width = entry.contentRect ? entry.contentRect.width : entry.target.offsetWidth;
-              setTableSize(height, width)(_this2.editorView.state, _this2.editorView.dispatch);
-            }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
-          }
-        });
-        this.resizeObserver.observe(this.table);
-      }
-
       return rendered;
     }
   }, {
     key: "setDomAttrs",
     value: function setDomAttrs(node) {
-      var _this3 = this;
+      var _this2 = this;
 
       if (!this.table) {
         return;
@@ -124,13 +93,13 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
 
       var attrs = tableAttributes(node);
       Object.keys(attrs).forEach(function (attr) {
-        _this3.table.setAttribute(attr, attrs[attr]);
+        _this2.table.setAttribute(attr, attrs[attr]);
       });
     }
   }, {
     key: "render",
     value: function render(props, forwardRef) {
-      var _this4 = this;
+      var _this3 = this;
 
       return /*#__PURE__*/React.createElement(WithPluginState, {
         plugins: {
@@ -156,7 +125,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
             tableActive: tableActive,
             ordering: pluginState.ordering,
             tableResizingPluginState: tableResizingPluginState,
-            getNode: _this4.getNode,
+            getNode: _this3.getNode,
             containerWidth: containerWidth,
             contentDOM: forwardRef
           });

package/dist/esm/plugins/table/pm-plugins/decorations/plugin.js

@@ -2,7 +2,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { DecorationSet } from 'prosemirror-view';
-import { pluginKey as tablePluginKey } from '../plugin-factory';
+import { pluginKey as tablePluginKey } from '../plugin-key';
 import { buildColumnControlsDecorations, maybeUpdateColumnControlsSelectedDecoration } from './utils';
 export var pluginKey = new PluginKey('tableDecorationsPlugin');
 export var getDecorations = function getDecorations(state) {

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

@@ -18,7 +18,8 @@ import { TableCssClassName as ClassName } from '../types';
 import { findControlsHoverDecoration, updateResizeHandles } from '../utils';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '../../analytics';
 import { defaultTableSelection } from './default-table-selection';
-import { createPluginState, getPluginState, pluginKey } from './plugin-factory';
+import { createPluginState, getPluginState } from './plugin-factory';
+import { pluginKey } from './plugin-key';
 import TableCellNodeView from '../nodeviews/tableCell';
 var isBreakoutEnabled;
 var isDynamicTextSizingEnabled;

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

@@ -4,11 +4,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { PluginKey } from 'prosemirror-state';
 import { pluginFactory } from '../../../utils/plugin-state-factory';
 import { handleDocOrSelectionChanged } from '../handlers';
 import reducer from '../reducer';
-export var pluginKey = new PluginKey('tablePlugin');
+import { pluginKey } from './plugin-key';
 
 var _pluginFactory = pluginFactory(pluginKey, reducer, {
   mapping: function mapping(tr, pluginState) {

package/dist/esm/plugins/table/pm-plugins/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from 'prosemirror-state';
+export var pluginKey = new PluginKey('tablePlugin');

package/dist/esm/plugins/table/pm-plugins/safari-delayed-dom-selection-syncing-workaround.js

@@ -22,6 +22,8 @@ export var createPlugin = function createPlugin() {
           // DOM selection syncing during pointer drag.
           //
           // https://github.com/ProseMirror/prosemirror-view/commit/885258b80551ac87b81601d3ed25f552aeb22293
+          // NOTE: this workaround can be removed when next upgrading prosemirror as the issue will be fixed
+          // https://github.com/ProseMirror/prosemirror-view/pull/116
           // This fix removes the selectionToDOM from the view
           // prior to selectionToDOM being called.
           // selectionToDOM checks if there is an "active"

package/dist/esm/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js

@@ -6,7 +6,7 @@ import { pluginKey as widthPluginKey } from '../../../../../plugins/width';
 import { mapChildren } from '../../../../../utils/slice';
 import { TableCssClassName as ClassName, TableCssClassName } from '../../../types';
 import { stickyHeaderBorderBottomWidth, stickyRowOffsetTop, tableControlsSpacing, tableScrollbarOffset } from '../../../ui/consts';
-import { pluginKey as tablePluginKey } from '../../plugin-factory';
+import { pluginKey as tablePluginKey } from '../../plugin-key';
 import { syncStickyRowToTable, updateStickyMargins as updateTableMargin } from '../../table-resizing/utils/dom';
 import { updateStickyState } from '../commands';
 import { getTop, getTree } from './dom';

package/dist/esm/plugins/table/reducer.js

@@ -80,13 +80,6 @@ export default (function (pluginState, action) {
 
       return _objectSpread(_objectSpread({}, pluginState), action.data);
 
-    case 'SET_TABLE_SIZE':
-      if (pluginState.tableWidth !== action.data.tableWidth || pluginState.tableHeight !== action.data.tableHeight) {
-        return _objectSpread(_objectSpread({}, pluginState), action.data);
-      }
-
-      return pluginState;
-
     case 'SET_TABLE_REF':
     case 'HOVER_ROWS':
     case 'HOVER_COLUMNS':

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

@@ -1,10 +1,4 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { defineMessages } from 'react-intl-next';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import commonMessages from '../../messages';
@@ -13,7 +7,6 @@ import { deleteTableWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeader
 import { getPluginState } from './pm-plugins/plugin-factory';
 import { pluginKey as tableResizingPluginKey } from './pm-plugins/table-resizing';
 import { TableCssClassName } from './types';
-import { checkIfNumberColumnEnabled } from './utils';
 import { isReferencedSource } from './utils/referentiality';
 import { INPUT_METHOD } from '../analytics';
 import { findCellRectClosestToPos, findTable, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
@@ -214,9 +207,7 @@ export var getToolbarConfig = function getToolbarConfig(config) {
 
     if (tableObject && pluginState.editorHasFocus) {
       var nodeType = state.schema.nodes.table;
-      var menu = getToolbarMenuConfig(config, _objectSpread(_objectSpread({}, pluginState), {}, {
-        isNumberColumnEnabled: checkIfNumberColumnEnabled(state)
-      }), intl);
+      var menu = getToolbarMenuConfig(config, pluginState, intl);
       var cellItems = getCellItems(config, state, intl); // Check if we need to show confirm dialog for delete button
 
       var confirmDialog;

package/dist/esm/plugins/table/transforms/metadata.js

@@ -1,4 +1,4 @@
-import { pluginKey } from '../pm-plugins/plugin-factory';
+import { pluginKey } from '../pm-plugins/plugin-key';
 import { fireAnalytics } from './fix-tables'; // Set metadata on a ProseMirror transaction for debugging purposes in Synchrony
 
 export var setMeta = function setMeta(meta) {

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

@@ -5,18 +5,16 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+/** @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';
@@ -27,9 +25,8 @@ import { TableCssClassName as ClassName } from '../../types';
 import messages from '../../ui/messages';
 import { CONTENT_COMPONENT } from '../../../analytics/types';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../../analytics';
-import { tableFloatingCellButtonStyles } from './styles.css';
+import { tableFloatingCellButtonStyles } from './styles';
 import { ErrorBoundary } from '../../../../ui/ErrorBoundary';
-var ButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), tableFloatingCellButtonStyles);
 export var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Component) {
   _inherits(FloatingContextualButtonInner, _React$Component);
 
@@ -108,12 +105,14 @@ export var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Compone
 
       var tableWrapper = closestElement(targetCellRef, ".".concat(ClassName.TABLE_NODE_WRAPPER));
       var labelCellOptions = formatMessage(messages.cellOptions);
-      var button = /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(ToolbarButton, {
+      var 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
@@ -122,7 +121,7 @@ export var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Compone
 
       if (this.props.stickyHeader && parentSticky) {
         var 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,
@@ -132,7 +131,7 @@ export var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Compone
         }, button);
       }
 
-      return /*#__PURE__*/React.createElement(Popup, {
+      return jsx(Popup, {
         alignX: "right",
         alignY: "start",
         target: targetCellRef,
@@ -159,9 +158,9 @@ _defineProperty(FloatingContextualButtonInner, "displayName", 'FloatingContextua
 
 var 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/esm/plugins/table/ui/FloatingContextualButton/{styles.css.js → styles.js}

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject;
 
-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/esm/plugins/table/ui/FloatingContextualMenu/index.js

@@ -1,18 +1,14 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
-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, pluginKey } from '../../pm-plugins/plugin-factory';
+import { getPluginState } from '../../pm-plugins/plugin-factory';
+import { pluginKey } from '../../pm-plugins/plugin-key';
 import { contextualMenuDropdownWidth, contextualMenuTriggerSize } from '../consts';
-import { tablePopupStyles } from './styles.css';
-import ContextualMenu from './ContextualMenu';
-var MenuWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), tablePopupStyles); // offset of the contextual menu dropdown
+import { tablePopupStyles } from './styles';
+import ContextualMenu from './ContextualMenu'; // offset of the contextual menu dropdown
 
 var calculateOffset = function calculateOffset(targetCellRef, state) {
   var _pluginKey$getState = pluginKey.getState(state),
@@ -63,7 +59,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(Popup, {
+  return jsx(Popup, {
     alignX: "right",
     alignY: "top",
     target: targetCellRef,
@@ -77,7 +73,9 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     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/esm/plugins/table/ui/FloatingContextualMenu/{styles.css.js → styles.js}

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject;
 
-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/esm/plugins/table/ui/FloatingInsertButton/index.js

@@ -127,7 +127,7 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
       var tableContainerWrapper = closestElement(targetCellRef, ".".concat(ClassName.TABLE_CONTAINER));
       var tableWrapper = closestElement(targetCellRef, ".".concat(ClassName.TABLE_NODE_WRAPPER));
       var index = type === 'column' ? insertColumnButtonIndex : insertRowButtonIndex;
-      var hasNumberedColumns = checkIfNumberColumnEnabled(editorView.state);
+      var hasNumberedColumns = checkIfNumberColumnEnabled(editorView.state.selection);
       return /*#__PURE__*/React.createElement(Popup, _extends({
         target: targetCellRef,
         mountTo: tableContainerWrapper || mountPoint,

package/dist/esm/plugins/table/ui/LayoutButton/index.js

@@ -212,9 +212,8 @@ var LayoutButton = /*#__PURE__*/function (_React$Component) {
           targetRef = _this$props4.targetRef,
           layout = _this$props4.layout,
           isResizing = _this$props4.isResizing,
-          tableWidth = _this$props4.tableWidth,
           stickyHeader = _this$props4.stickyHeader;
-      return stickyHeader !== nextProps.stickyHeader || targetRef !== nextProps.targetRef || layout !== nextProps.layout || isResizing !== nextProps.isResizing || tableWidth !== nextProps.tableWidth;
+      return stickyHeader !== nextProps.stickyHeader || targetRef !== nextProps.targetRef || layout !== nextProps.layout || isResizing !== nextProps.isResizing;
     }
   }]);