@atlaskit/editor-core 161.0.0 → 163.0.0

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

@@ -41,6 +41,8 @@ var _createPluginConfig = require("../create-plugin-config");
 
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 
+var _pluginKey = require("../pm-plugins/plugin-key");
+
 var _tableResizing = require("../pm-plugins/table-resizing");
 
 var _utils = require("../pm-plugins/table-resizing/utils");
@@ -49,18 +51,10 @@ var _tableMap = require("@atlaskit/editor-tables/table-map");
 
 var _TableComponent = _interopRequireDefault(require("./TableComponent"));
 
-var _commands = require("../commands");
-
 var _featureFlagsContext = require("../../feature-flags-context");
 
 var _extensibility = require("../../../extensibility");
 
-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 = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
@@ -99,7 +93,6 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hasHoveredRows", false);
     _this.getPos = props.getPos;
-    _this.editorView = props.view;
     _this.tableRenderOptimization = props.tableRenderOptimization;
     _this.eventDispatcher = props.eventDispatcher;
     return _this;
@@ -108,42 +101,18 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
   (0, _createClass2.default)(TableView, [{
     key: "getContentDOM",
     value: function getContentDOM() {
-      var _window,
-          _this2 = this;
-
       var rendered = _prosemirrorModel.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;
-              (0, _commands.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;
@@ -151,18 +120,18 @@ 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.default.createElement(_WithPluginState.default, {
         plugins: {
           containerWidth: _width.pluginKey,
-          pluginState: _pluginFactory.pluginKey,
+          pluginState: _pluginKey.pluginKey,
           tableResizingPluginState: _tableResizing.pluginKey
         },
         editorView: props.view,
@@ -183,7 +152,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/cjs/plugins/table/pm-plugins/decorations/plugin.js

@@ -13,7 +13,7 @@ var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 
 var _prosemirrorView = require("prosemirror-view");
 
-var _pluginFactory = require("../plugin-factory");
+var _pluginKey = require("../plugin-key");
 
 var _utils = require("./utils");
 
@@ -56,7 +56,7 @@ var createPlugin = function createPlugin() {
       },
       apply: function apply(tr, decorationSet, oldState) {
         var pluginState = decorationSet;
-        var meta = tr.getMeta(_pluginFactory.pluginKey);
+        var meta = tr.getMeta(_pluginKey.pluginKey);
 
         if (meta && meta.data && meta.data.decorationSet) {
           pluginState = meta.data.decorationSet;

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

@@ -39,6 +39,8 @@ var _defaultTableSelection = require("./default-table-selection");
 
 var _pluginFactory = require("./plugin-factory");
 
+var _pluginKey = require("./plugin-key");
+
 var _tableCell = _interopRequireDefault(require("../nodeviews/tableCell"));
 
 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; }
@@ -87,7 +89,7 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
   var invalidTableIds = [];
   return new _safePlugin.SafePlugin({
     state: state,
-    key: _pluginFactory.pluginKey,
+    key: _pluginKey.pluginKey,
     appendTransaction: function appendTransaction(transactions, oldState, newState) {
       var tr = transactions.find(function (tr) {
         return tr.getMeta('uiEvent') === 'cut';

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

@@ -5,26 +5,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pluginKey = exports.getPluginState = exports.createPluginState = exports.createCommand = void 0;
+exports.getPluginState = exports.createPluginState = exports.createCommand = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _prosemirrorState = require("prosemirror-state");
-
 var _pluginStateFactory = require("../../../utils/plugin-state-factory");
 
 var _handlers = require("../handlers");
 
 var _reducer = _interopRequireDefault(require("../reducer"));
 
+var _pluginKey = require("./plugin-key");
+
 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) { (0, _defineProperty2.default)(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; }
 
-var pluginKey = new _prosemirrorState.PluginKey('tablePlugin');
-exports.pluginKey = pluginKey;
-
-var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(pluginKey, _reducer.default, {
+var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(_pluginKey.pluginKey, _reducer.default, {
   mapping: function mapping(tr, pluginState) {
     if (tr.docChanged) {
       var updatedTargetCell = {};

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginKey = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var pluginKey = new _prosemirrorState.PluginKey('tablePlugin');
+exports.pluginKey = pluginKey;

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

@@ -33,6 +33,8 @@ 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/cjs/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js

@@ -23,7 +23,7 @@ var _types = require("../../../types");
 
 var _consts = require("../../../ui/consts");
 
-var _pluginFactory = require("../../plugin-factory");
+var _pluginKey = require("../../plugin-key");
 
 var _dom = require("../../table-resizing/utils/dom");
 
@@ -350,7 +350,7 @@ var TableRowNodeView = /*#__PURE__*/function () {
       }
 
       this.eventDispatcher.on(_width.pluginKey.key, this.onWidthPluginState);
-      this.eventDispatcher.on(_pluginFactory.pluginKey.key, this.onTablePluginState);
+      this.eventDispatcher.on(_pluginKey.pluginKey.key, this.onTablePluginState);
       this.listening = true;
     }
   }, {
@@ -373,7 +373,7 @@ var TableRowNodeView = /*#__PURE__*/function () {
       }
 
       this.eventDispatcher.off(_width.pluginKey.key, this.onWidthPluginState);
-      this.eventDispatcher.off(_pluginFactory.pluginKey.key, this.onTablePluginState);
+      this.eventDispatcher.off(_pluginKey.pluginKey.key, this.onTablePluginState);
       this.listening = false;
     } // initialize intersection observer to track if table is within scroll area
 

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

@@ -90,13 +90,6 @@ var _default = function _default(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/cjs/plugins/table/toolbar.js

@@ -9,8 +9,6 @@ exports.messages = exports.getToolbarMenuConfig = exports.getToolbarConfig = exp
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _reactIntlNext = require("react-intl-next");
 
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
@@ -27,13 +25,11 @@ var _tableResizing = require("./pm-plugins/table-resizing");
 
 var _types = require("./types");
 
-var _utils = require("./utils");
-
 var _referentiality = require("./utils/referentiality");
 
 var _analytics = require("../analytics");
 
-var _utils2 = require("@atlaskit/editor-tables/utils");
+var _utils = require("@atlaskit/editor-tables/utils");
 
 var _transforms = require("./transforms");
 
@@ -45,10 +41,6 @@ var _prosemirrorUtils = require("prosemirror-utils");
 
 var _dom = require("../../utils/dom");
 
-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) { (0, _defineProperty2.default)(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; }
-
 // TODO: ED-14403 investigate why these translations don't work
 var messages = (0, _reactIntlNext.defineMessages)({
   tableOptions: {
@@ -207,7 +199,7 @@ var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorSta
     title: formatMessage(_ContextualMenu.messages.splitCell),
     onClick: (0, _commandsWithAnalytics.splitCellWithAnalytics)(),
     selected: false,
-    disabled: !(0, _utils2.splitCell)(editorState)
+    disabled: !(0, _utils.splitCell)(editorState)
   }, {
     id: 'editor.table.clearCells',
     title: formatMessage(_ContextualMenu.messages.clearCells, {
@@ -236,21 +228,19 @@ exports.getToolbarCellOptionsConfig = getToolbarCellOptionsConfig;
 
 var getClosestSelectionRect = function getClosestSelectionRect(state) {
   var selection = state.selection;
-  return (0, _utils2.isSelectionType)(selection, 'cell') ? (0, _utils2.getSelectionRect)(selection) : (0, _utils2.findCellRectClosestToPos)(selection.$from);
+  return (0, _utils.isSelectionType)(selection, 'cell') ? (0, _utils.getSelectionRect)(selection) : (0, _utils.findCellRectClosestToPos)(selection.$from);
 };
 
 var getToolbarConfig = function getToolbarConfig(config) {
   return function (state, intl) {
-    var tableObject = (0, _utils2.findTable)(state.selection);
+    var tableObject = (0, _utils.findTable)(state.selection);
     var pluginState = (0, _pluginFactory.getPluginState)(state);
 
     var resizeState = _tableResizing.pluginKey.getState(state);
 
     if (tableObject && pluginState.editorHasFocus) {
       var nodeType = state.schema.nodes.table;
-      var menu = getToolbarMenuConfig(config, _objectSpread(_objectSpread({}, pluginState), {}, {
-        isNumberColumnEnabled: (0, _utils.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/cjs/plugins/table/transforms/metadata.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.setMeta = void 0;
 
-var _pluginFactory = require("../pm-plugins/plugin-factory");
+var _pluginKey = require("../pm-plugins/plugin-key");
 
 var _fixTables = require("./fix-tables");
 
@@ -16,7 +16,7 @@ var setMeta = function setMeta(meta) {
       (0, _fixTables.fireAnalytics)(meta);
     }
 
-    return tr.setMeta(_pluginFactory.pluginKey, meta);
+    return tr.setMeta(_pluginKey.pluginKey, meta);
   };
 };
 

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

@@ -22,16 +22,14 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _prosemirrorUtils = require("prosemirror-utils");
 
 var _reactIntlNext = require("react-intl-next");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _ui = require("@atlaskit/editor-common/ui");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -52,18 +50,14 @@ var _types2 = require("../../../analytics/types");
 
 var _analytics = require("../../../analytics");
 
-var _styles = require("./styles.css");
+var _styles = require("./styles");
 
 var _ErrorBoundary = require("../../../../ui/ErrorBoundary");
 
-var _templateObject;
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
 
-var ButtonWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), _styles.tableFloatingCellButtonStyles);
-
 var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(FloatingContextualButtonInner, _React$Component);
 
@@ -140,23 +134,23 @@ var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Component) {
 
       var tableWrapper = (0, _dom.closestElement)(targetCellRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
       var labelCellOptions = formatMessage(_messages.default.cellOptions);
-
-      var button = /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+      var button = (0, _react2.jsx)("div", {
+        css: _styles.tableFloatingCellButtonStyles
+      }, (0, _react2.jsx)(_ToolbarButton.default, {
         className: _types.TableCssClassName.CONTEXTUAL_MENU_BUTTON,
         selected: isContextualMenuOpen,
         title: labelCellOptions,
         onClick: this.handleClick,
-        iconBefore: /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+        iconBefore: (0, _react2.jsx)(_chevronDown.default, {
           label: ""
         }),
         "aria-label": labelCellOptions
       }));
-
       var parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
 
       if (this.props.stickyHeader && parentSticky) {
         var pos = targetCellRef.getBoundingClientRect();
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return (0, _react2.jsx)("div", {
           style: {
             position: 'fixed',
             top: this.props.stickyHeader.top + this.props.stickyHeader.padding + 3 + 3,
@@ -166,7 +160,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Component) {
         }, button);
       }
 
-      return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
+      return (0, _react2.jsx)(_ui.Popup, {
         alignX: "right",
         alignY: "start",
         target: targetCellRef,
@@ -193,9 +187,9 @@ exports.FloatingContextualButtonInner = FloatingContextualButtonInner;
 var FloatingContextualButton = (0, _reactIntlNext.injectIntl)(FloatingContextualButtonInner);
 
 function _default(props) {
-  return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
+  return (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {
     component: _analytics.ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     fallbackComponent: null
-  }, /*#__PURE__*/_react.default.createElement(FloatingContextualButton, props));
+  }, (0, _react2.jsx)(FloatingContextualButton, props));
 }

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tableFloatingCellButtonStyles = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = require("@emotion/react");
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _constants = require("@atlaskit/theme/constants");
+
+var _consts = require("../consts");
+
+var _templateObject;
+
+var tableFloatingCellButtonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  > div {\n    background: ", ";\n    border-radius: ", "px;\n    border: 2px solid ", ";\n    display: flex;\n    height: ", "px;\n    flex-direction: column;\n  }\n  && button {\n    flex-direction: column;\n    padding: 0;\n    height: 100%;\n    display: flex;\n  }\n  && button > span {\n    margin: 0px -4px;\n  }\n  && span {\n    pointer-events: none;\n  }\n"])), _colors.N20, (0, _constants.borderRadius)(), _colors.N0, _consts.contextualMenuTriggerSize - 2);
+exports.tableFloatingCellButtonStyles = tableFloatingCellButtonStyles;

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

@@ -7,35 +7,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@emotion/react");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
 var _utils = require("@atlaskit/editor-tables/utils");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _ui = require("@atlaskit/editor-common/ui");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _pluginFactory = require("../../pm-plugins/plugin-factory");
 
+var _pluginKey = require("../../pm-plugins/plugin-key");
+
 var _consts = require("../consts");
 
-var _styles = require("./styles.css");
+var _styles = require("./styles");
 
 var _ContextualMenu = _interopRequireDefault(require("./ContextualMenu"));
 
-var _templateObject;
-
-var MenuWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), _styles.tablePopupStyles); // offset of the contextual menu dropdown
-
-
+/** @jsx jsx */
+// offset of the contextual menu dropdown
 var calculateOffset = function calculateOffset(targetCellRef, state) {
-  var _pluginKey$getState = _pluginFactory.pluginKey.getState(state),
+  var _pluginKey$getState = _pluginKey.pluginKey.getState(state),
       tableRef = _pluginKey$getState.tableRef;
 
   var top = -_consts.contextualMenuTriggerSize;
@@ -83,7 +78,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     return null;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
+  return (0, _react.jsx)(_ui.Popup, {
     alignX: "right",
     alignY: "top",
     target: targetCellRef,
@@ -97,7 +92,9 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     zIndex: _editorSharedStyles.akEditorFloatingOverlapPanelZIndex,
     forcePlacement: true,
     offset: [-7, 0]
-  }, /*#__PURE__*/_react.default.createElement(MenuWrapper, null, /*#__PURE__*/_react.default.createElement(_ContextualMenu.default, {
+  }, (0, _react.jsx)("div", {
+    css: _styles.tablePopupStyles
+  }, (0, _react.jsx)(_ContextualMenu.default, {
     editorView: editorView,
     offset: calculateOffset(targetCellRef, editorView.state),
     isOpen: isOpen,

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tablePopupStyles = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = require("@emotion/react");
+
+var _adfSchema = require("@atlaskit/adf-schema");
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _consts = require("../consts");
+
+var _types = require("../../types");
+
+var _constants = require("@atlaskit/theme/constants");
+
+var _templateObject;
+
+var tablePopupStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    border-radius: ", "px;\n    background: white;\n    box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n    display: block;\n    position: absolute;\n    top: 0;\n    left: ", "px;\n    padding: 8px;\n\n    > div {\n      padding: 0;\n    }\n  }\n\n  .", " {\n    display: flex;\n\n    &::before {\n      content: '';\n      display: block;\n      border: 1px solid ", ";\n      border-radius: ", "px;\n      width: 20px;\n      height: 20px;\n    }\n\n    &::after {\n      content: '\u203A';\n      margin-left: 4px;\n      line-height: 20px;\n      color: ", ";\n    }\n  }\n"])), _types.TableCssClassName.CONTEXTUAL_SUBMENU, (0, _constants.borderRadius)(), _colors.N60A, _colors.N60A, _consts.contextualMenuDropdownWidth, _types.TableCssClassName.CONTEXTUAL_MENU_ICON, _adfSchema.tableBackgroundBorderColor, (0, _constants.borderRadius)(), _colors.N90);
+exports.tablePopupStyles = tablePopupStyles;

package/dist/cjs/plugins/table/ui/FloatingInsertButton/index.js

@@ -157,7 +157,7 @@ var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
       var tableContainerWrapper = (0, _dom.closestElement)(targetCellRef, ".".concat(_types.TableCssClassName.TABLE_CONTAINER));
       var tableWrapper = (0, _dom.closestElement)(targetCellRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
       var index = type === 'column' ? insertColumnButtonIndex : insertRowButtonIndex;
-      var hasNumberedColumns = (0, _utils2.checkIfNumberColumnEnabled)(editorView.state);
+      var hasNumberedColumns = (0, _utils2.checkIfNumberColumnEnabled)(editorView.state.selection);
       return /*#__PURE__*/_react.default.createElement(_ui.Popup, (0, _extends2.default)({
         target: targetCellRef,
         mountTo: tableContainerWrapper || mountPoint,

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

@@ -239,9 +239,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;
     }
   }]);
   return LayoutButton;