@atlaskit/editor-plugin-table 1.1.0 → 1.1.2

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

@@ -1,25 +1,21 @@
 import _typeof from "@babel/runtime/helpers/typeof";
 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 { Fragment } from 'prosemirror-model';
 import { Selection } from 'prosemirror-state';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findTable, getSelectionRect } from '@atlaskit/editor-tables/utils';
-import { setMeta } from './metadata'; // re-creates table node with merged cells
+import { setMeta } from './metadata';
 
+// re-creates table node with merged cells
 export function mergeCells(tr) {
   var selection = tr.selection;
-
   if (!(selection instanceof CellSelection) || !canMergeCells(tr)) {
     return tr;
   }
-
   var rect = getSelectionRect(selection);
   var table = findTable(selection);
   var map = TableMap.get(table.node);
@@ -27,52 +23,43 @@ export function mergeCells(tr) {
   var selectedCells = map.cellsInRect(rect);
   var mergedCellPos;
   var rows = [];
-
   for (var rowIndex = 0; rowIndex < map.height; rowIndex++) {
     var rowCells = [];
     var row = table.node.child(rowIndex);
-
     for (var colIndex = 0; colIndex < map.width; colIndex++) {
       var cellPos = map.map[rowIndex * map.width + colIndex];
       var cell = table.node.nodeAt(cellPos);
-
       if (!cell || seen.indexOf(cellPos) > -1) {
         continue;
       }
+      seen.push(cellPos);
 
-      seen.push(cellPos); // merged cell
-
+      // merged cell
       if (colIndex === rect.left && rowIndex === rect.top) {
-        mergedCellPos = cellPos; // merge content of the selected cells, dropping empty cells
-
+        mergedCellPos = cellPos;
+        // merge content of the selected cells, dropping empty cells
         var content = isEmptyCell(cell) ? Fragment.empty : cell.content;
         var seenContent = [mergedCellPos];
-
         for (var i = rect.top; i < rect.bottom; i++) {
           for (var j = rect.left; j < rect.right; j++) {
             var pos = map.map[i * map.width + j];
-
             if (seenContent.indexOf(pos) === -1) {
               seenContent.push(pos);
               var copyCell = table.node.nodeAt(pos);
-
               if (copyCell && !isEmptyCell(copyCell)) {
                 content = content.append(copyCell.content);
               }
             }
           }
         }
-
         var rowspan = rect.bottom - rect.top;
-
         if (rowspan < 1) {
           return setMeta({
             type: 'MERGE_CELLS',
             problem: 'NEGATIVE_ROWSPAN'
           })(tr);
-        } // update colspan and rowspan of the merged cell to span the selection
-
-
+        }
+        // update colspan and rowspan of the merged cell to span the selection
         var attrs = addColSpan(_objectSpread(_objectSpread({}, cell.attrs), {}, {
           rowspan: rowspan
         }), cell.attrs.colspan, rect.right - rect.left - cell.attrs.colspan);
@@ -84,7 +71,6 @@ export function mergeCells(tr) {
         rowCells.push(cell);
       }
     }
-
     if (rowCells.length) {
       rows.push(row.type.createChecked(row.attrs, rowCells, row.marks));
     } else {
@@ -93,22 +79,17 @@ export function mergeCells(tr) {
         var prevRow = rows[_i];
         var cells = [];
         var rowChanged = false;
-
         for (var _j = 0; _j < prevRow.childCount; _j++) {
           var _cell = prevRow.child(_j);
-
           var _rowspan = _cell.attrs.rowspan;
-
           if (_rowspan && _rowspan + _i - 1 >= rows.length) {
             rowChanged = true;
-
             if (_rowspan < 2) {
               return setMeta({
                 type: 'MERGE_CELLS',
                 problem: 'NEGATIVE_ROWSPAN'
               })(tr);
             }
-
             cells.push(_cell.type.createChecked(_objectSpread(_objectSpread({}, _cell.attrs), {}, {
               rowspan: _rowspan - 1
             }), _cell.content, _cell.marks));
@@ -116,117 +97,94 @@ export function mergeCells(tr) {
             cells.push(_cell);
           }
         }
-
         if (rowChanged) {
           rows[_i] = row.type.createChecked(prevRow.attrs, cells, prevRow.marks);
         }
       }
     }
-  } // empty tables? cancel merging like nothing happened
-
+  }
 
+  // empty tables? cancel merging like nothing happened
   if (!rows.length) {
     return setMeta({
       type: 'MERGE_CELLS',
       problem: 'EMPTY_TABLE'
     })(tr);
   }
-
   var newTable = table.node.type.createChecked(table.node.attrs, rows, table.node.marks);
   var fixedTable = removeEmptyColumns(newTable);
-
   if (fixedTable === null) {
     return setMeta({
       type: 'MERGE_CELLS',
       problem: 'REMOVE_EMPTY_COLUMNS'
     })(tr);
   }
-
   return setMeta({
     type: 'MERGE_CELLS'
   })(tr.replaceWith(table.pos, table.pos + table.node.nodeSize, fixedTable).setSelection(Selection.near(tr.doc.resolve((mergedCellPos || 0) + table.start))));
 }
 export function canMergeCells(tr) {
   var selection = tr.selection;
-
   if (!(selection instanceof CellSelection) || selection.$anchorCell.pos === selection.$headCell.pos) {
     return false;
   }
-
   var rect = getSelectionRect(selection);
-
   if (!rect) {
     return false;
   }
-
   var table = selection.$anchorCell.node(-1);
   var map = TableMap.get(table);
-
   if (cellsOverlapRectangle(map, rect)) {
     return false;
   }
-
   return true;
 }
-
 function isEmptyCell(cell) {
   var content = cell.content;
   return content.childCount === 1 && content.firstChild && content.firstChild.isTextblock && content.firstChild.childCount === 0;
 }
-
 function addColSpan(attrs, pos) {
   var span = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-
   var newAttrs = _objectSpread(_objectSpread({}, attrs), {}, {
     colspan: (attrs.colspan || 1) + span
   });
-
   if (newAttrs.colwidth) {
     newAttrs.colwidth = newAttrs.colwidth.slice();
-
     for (var i = 0; i < span; i++) {
       newAttrs.colwidth.splice(pos, 0, 0);
     }
   }
-
   return newAttrs;
 }
-
 function cellsOverlapRectangle(_ref, rect) {
   var width = _ref.width,
-      height = _ref.height,
-      map = _ref.map;
+    height = _ref.height,
+    map = _ref.map;
   var indexTop = rect.top * width + rect.left;
   var indexLeft = indexTop;
   var indexBottom = (rect.bottom - 1) * width + rect.left;
   var indexRight = indexTop + (rect.right - rect.left - 1);
-
   for (var i = rect.top; i < rect.bottom; i++) {
     if (rect.left > 0 && map[indexLeft] === map[indexLeft - 1] || rect.right < width && map[indexRight] === map[indexRight + 1]) {
       return true;
     }
-
     indexLeft += width;
     indexRight += width;
   }
-
   for (var _i2 = rect.left; _i2 < rect.right; _i2++) {
     if (rect.top > 0 && map[indexTop] === map[indexTop - width] || rect.bottom < height && map[indexBottom] === map[indexBottom + width]) {
       return true;
     }
-
     indexTop++;
     indexBottom++;
   }
-
   return false;
-} // returns an array of numbers, each number indicates the minimum colSpan in each column
-
+}
 
+// returns an array of numbers, each number indicates the minimum colSpan in each column
 function getMinColSpans(table) {
   var map = TableMap.get(table);
   var minColspans = [];
-
   for (var colIndex = map.width - 1; colIndex >= 0; colIndex--) {
     var cellsPositions = map.cellsInRect({
       left: colIndex,
@@ -234,17 +192,15 @@ function getMinColSpans(table) {
       top: 0,
       bottom: map.height
     });
-
     if (cellsPositions.length) {
       var colspans = cellsPositions.map(function (cellPos) {
         var cell = table.nodeAt(cellPos);
-
         if (cell) {
           return cell.attrs.colspan;
         }
       });
-      var minColspan = Math.min.apply(Math, _toConsumableArray(colspans)); // only care about the case when the next column is invisible
-
+      var minColspan = Math.min.apply(Math, _toConsumableArray(colspans));
+      // only care about the case when the next column is invisible
       if (!minColspans[colIndex + 1]) {
         minColspans[colIndex] = minColspan;
       } else {
@@ -252,42 +208,33 @@ function getMinColSpans(table) {
       }
     }
   }
-
   return minColspans;
 }
-
 export function removeEmptyColumns(table) {
   var map = TableMap.get(table);
   var minColSpans = getMinColSpans(table);
-
   if (!minColSpans.some(function (colspan) {
     return colspan > 1;
   })) {
     return table;
   }
-
   var rows = [];
-
   var _loop = function _loop(rowIndex) {
     var cellsByCols = {};
     var cols = Object.keys(minColSpans).map(Number);
-
     for (var idx in cols) {
       var colIndex = cols[idx];
       var cellPos = map.map[colIndex + rowIndex * map.width];
       var rect = map.findCell(cellPos);
       var cell = cellsByCols[rect.left] || table.nodeAt(cellPos);
-
       if (cell && rect.top === rowIndex) {
         if (minColSpans[colIndex] > 1) {
           var colspan = cell.attrs.colspan - minColSpans[colIndex] + 1;
-
           if (colspan < 1) {
             return {
               v: null
             };
           }
-
           var colwidth = cell.attrs.colwidth;
           var newCell = cell.type.createChecked(_objectSpread(_objectSpread({}, cell.attrs), {}, {
             colspan: colspan,
@@ -299,26 +246,20 @@ export function removeEmptyColumns(table) {
         }
       }
     }
-
     var rowCells = Object.keys(cellsByCols).map(function (col) {
       return cellsByCols[col];
     });
     var row = table.child(rowIndex);
-
     if (row) {
       rows.push(row.type.createChecked(row.attrs, rowCells, row.marks));
     }
   };
-
   for (var rowIndex = 0; rowIndex < map.height; rowIndex++) {
     var _ret = _loop(rowIndex);
-
     if (_typeof(_ret) === "object") return _ret.v;
   }
-
   if (!rows.length) {
     return null;
   }
-
   return table.type.createChecked(table.attrs, rows, table.marks);
 }

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

@@ -1,5 +1,7 @@
 import { pluginKey } from '../pm-plugins/plugin-key';
-import { fireAnalytics } from './fix-tables'; // Set metadata on a ProseMirror transaction for debugging purposes in Synchrony
+import { fireAnalytics } from './fix-tables';
+
+// Set metadata on a ProseMirror transaction for debugging purposes in Synchrony
 
 export var setMeta = function setMeta(meta) {
   return function (tr) {
@@ -7,7 +9,6 @@ export var setMeta = function setMeta(meta) {
       // Send analytics event whenever we encounter with a problem
       fireAnalytics(meta);
     }
-
     return tr.setMeta(pluginKey, meta);
   };
 };

package/dist/esm/plugins/table/transforms/replace-table.js

@@ -6,16 +6,13 @@ import { getSelectedTableInfo } from '../utils';
 export var replaceSelectedTable = function replaceSelectedTable(state, content, inputMethod, editorAnalyticsAPI) {
   if (isTableSelected(state.selection)) {
     var table = findTable(state.selection);
-
     if (table) {
       var slice = typeof content === 'string' ? new Slice(Fragment.from(state.schema.text(content)), 0, 0) : content;
       var tr = state.tr.replace(table.pos, table.pos + table.node.nodeSize, slice);
       tr.setSelection(TextSelection.create(tr.doc, table.pos + slice.size + 1));
-
       var _getSelectedTableInfo = getSelectedTableInfo(state.selection),
-          totalRowCount = _getSelectedTableInfo.totalRowCount,
-          totalColumnCount = _getSelectedTableInfo.totalColumnCount;
-
+        totalRowCount = _getSelectedTableInfo.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo.totalColumnCount;
       editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
         action: TABLE_ACTION.REPLACED,
         actionSubject: ACTION_SUBJECT.TABLE,
@@ -29,6 +26,5 @@ export var replaceSelectedTable = function replaceSelectedTable(state, content,
       return tr;
     }
   }
-
   return state.tr;
 };

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

@@ -1,11 +1,7 @@
 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 { TableMap } from '@atlaskit/editor-tables/table-map';
-
 /**
  * Helper to split all the cells in a range of columns
  * @param tr
@@ -16,67 +12,60 @@ import { TableMap } from '@atlaskit/editor-tables/table-map';
 export function splitCellsInColumns(tr, tablePos, columnStart, columnEnd) {
   var mapStart = tr.mapping.maps.length;
   var table = tr.doc.nodeAt(tablePos);
-
   if (!table) {
     return tr;
   }
-
   var tableStart = tr.doc.resolve(tablePos).start(1);
   var map = TableMap.get(table);
-
   for (var column = columnStart; column < columnEnd; column++) {
     for (var rowIndex = 0; rowIndex < map.height; rowIndex++) {
       var cellIndex = rowIndex * map.width + column;
-      var cellPos = map.map[cellIndex]; // Check if the cell is contained by another by another row/column
-
-      var hasMergedCellsBefore = column > 0 && map.map[cellIndex - 1] === cellPos || rowIndex > 0 && map.map[(rowIndex - 1) * map.width + column] === cellPos; // Check if the cell contains another row/column
+      var cellPos = map.map[cellIndex];
 
+      // Check if the cell is contained by another by another row/column
+      var hasMergedCellsBefore = column > 0 && map.map[cellIndex - 1] === cellPos || rowIndex > 0 && map.map[(rowIndex - 1) * map.width + column] === cellPos;
+      // Check if the cell contains another row/column
       var hasMergedCellsAfter = column < map.width - 1 && map.map[cellIndex + 1] === cellPos || rowIndex < map.height - 1 && map.map[(rowIndex + 1) * map.width + column] === cellPos;
-
       if (!hasMergedCellsBefore && hasMergedCellsAfter) {
         // Is a merged cell that start in this row/column
         var cellNode = table.nodeAt(cellPos);
-
         if (!cellNode) {
           continue;
         }
-
         var _ref = cellNode.attrs,
-            colwidth = _ref.colwidth,
-            _ref$colspan = _ref.colspan,
-            colspan = _ref$colspan === void 0 ? 1 : _ref$colspan,
-            _ref$rowspan = _ref.rowspan,
-            rowspan = _ref$rowspan === void 0 ? 1 : _ref$rowspan;
-        var mapping = tr.mapping.slice(mapStart); // Update current node with the simple colspan
-
+          colwidth = _ref.colwidth,
+          _ref$colspan = _ref.colspan,
+          colspan = _ref$colspan === void 0 ? 1 : _ref$colspan,
+          _ref$rowspan = _ref.rowspan,
+          rowspan = _ref$rowspan === void 0 ? 1 : _ref$rowspan;
+        var mapping = tr.mapping.slice(mapStart);
+
+        // Update current node with the simple colspan
         var baseAttrs = _objectSpread(_objectSpread({}, cellNode.attrs), {}, {
           colspan: 1,
           rowspan: 1
-        }); // Add the new cells
-
-
+        });
+        // Add the new cells
         for (var cellRowIndex = rowIndex; cellRowIndex < rowIndex + rowspan; cellRowIndex++) {
           for (var i = 0; i < colspan; i++) {
             var _mapping = tr.mapping.slice(mapStart);
-
             var _cellPos = map.positionAt(cellRowIndex, column + i, table);
-
             tr.insert(_mapping.map(_cellPos + tableStart), cellNode.type.createAndFill(_objectSpread(_objectSpread({}, baseAttrs), {}, {
               colwidth: colwidth ? [colwidth[i]] : undefined
             })));
           }
-        } // Delete the original cell
-
+        }
 
+        // Delete the original cell
         mapping = tr.mapping.slice(mapStart);
-        tr.delete(mapping.map(cellPos + tableStart), mapping.map(cellPos + tableStart + cellNode.nodeSize)); // Skip rows based on rowspan
+        tr.delete(mapping.map(cellPos + tableStart), mapping.map(cellPos + tableStart + cellNode.nodeSize));
 
+        // Skip rows based on rowspan
         if (rowspan && rowspan > 1) {
           rowIndex += rowspan - 1;
         }
       }
     }
   }
-
   return tr;
 }

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

@@ -1,14 +1,10 @@
 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 { tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 export var RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
 export var TableDecorations;
-
 (function (TableDecorations) {
   TableDecorations["ALL_CONTROLS_HOVER"] = "CONTROLS_HOVER";
   TableDecorations["ROW_CONTROLS_HOVER"] = "ROW_CONTROLS_HOVER";
@@ -21,7 +17,6 @@ export var TableDecorations;
   TableDecorations["COLUMN_RESIZING_HANDLE_LINE"] = "COLUMN_RESIZING_HANDLE_LINE";
   TableDecorations["LAST_CELL_ELEMENT"] = "LAST_CELL_ELEMENT";
 })(TableDecorations || (TableDecorations = {}));
-
 export var TableCssClassName = _objectSpread(_objectSpread({}, TableSharedCssClassName), {}, {
   COLUMN_CONTROLS: "".concat(tablePrefixSelector, "-column-controls"),
   COLUMN_CONTROLS_DECORATIONS: "".concat(tablePrefixSelector, "-column-controls-decoration"),
@@ -84,7 +79,6 @@ export var TableCssClassName = _objectSpread(_objectSpread({}, TableSharedCssCla
   WITH_RESIZE_LINE_LAST_COLUMN: "".concat(tablePrefixSelector, "-column-resize-line-last-column")
 });
 export var ShadowEvent;
-
 (function (ShadowEvent) {
   ShadowEvent["SHOW_BEFORE_SHADOW"] = "showBeforeShadow";
   ShadowEvent["SHOW_AFTER_SHADOW"] = "showAfterShadow";

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

@@ -5,11 +5,8 @@ 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";
-
 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';
@@ -29,58 +26,47 @@ import { tableFloatingCellButtonStyles, tableFloatingCellButtonSelectedStyles }
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 export var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Component) {
   _inherits(FloatingContextualButtonInner, _React$Component);
-
   var _super = _createSuper(FloatingContextualButtonInner);
-
   function FloatingContextualButtonInner() {
     var _this;
-
     _classCallCheck(this, FloatingContextualButtonInner);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "handleClick", function () {
       var _this$props$editorVie = _this.props.editorView,
-          state = _this$props$editorVie.state,
-          dispatch = _this$props$editorVie.dispatch; // Clicking outside the dropdown handles toggling the menu closed
+        state = _this$props$editorVie.state,
+        dispatch = _this$props$editorVie.dispatch;
+      // Clicking outside the dropdown handles toggling the menu closed
       // (otherwise these two toggles combat each other).
       // In the event a user clicks the chevron button again
       // That will count as clicking outside the dropdown and
       // will be toggled appropriately
-
       if (!_this.props.isContextualMenuOpen) {
         toggleContextualMenu()(state, dispatch);
       }
     });
-
     return _this;
   }
-
   _createClass(FloatingContextualButtonInner, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          mountPoint = _this$props.mountPoint,
-          scrollableElement = _this$props.scrollableElement,
-          editorView = _this$props.editorView,
-          targetCellPosition = _this$props.targetCellPosition,
-          isContextualMenuOpen = _this$props.isContextualMenuOpen,
-          formatMessage = _this$props.intl.formatMessage,
-          dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent; //  : Props & WrappedComponentProps
-
+        mountPoint = _this$props.mountPoint,
+        scrollableElement = _this$props.scrollableElement,
+        editorView = _this$props.editorView,
+        targetCellPosition = _this$props.targetCellPosition,
+        isContextualMenuOpen = _this$props.isContextualMenuOpen,
+        formatMessage = _this$props.intl.formatMessage,
+        dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent; //  : Props & WrappedComponentProps
       var domAtPos = editorView.domAtPos.bind(editorView);
       var targetCellRef;
-
       try {
         targetCellRef = findDomRefAtPos(targetCellPosition, domAtPos);
       } catch (error) {
         // eslint-disable-next-line no-console
         console.warn(error);
-
         if (dispatchAnalyticsEvent) {
           var payload = {
             action: ACTION.ERRORED,
@@ -100,11 +86,9 @@ export var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Compone
           dispatchAnalyticsEvent(payload);
         }
       }
-
       if (!targetCellRef || !(targetCellRef instanceof HTMLElement)) {
         return null;
       }
-
       var tableWrapper = closestElement(targetCellRef, ".".concat(ClassName.TABLE_NODE_WRAPPER));
       var labelCellOptions = formatMessage(messages.cellOptions);
       var button = jsx("div", {
@@ -126,7 +110,6 @@ export var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Compone
         "aria-label": labelCellOptions
       }));
       var parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
-
       if (this.props.stickyHeader && parentSticky) {
         var pos = targetCellRef.getBoundingClientRect();
         return jsx("div", {
@@ -138,7 +121,6 @@ export var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Compone
           }
         }, button);
       }
-
       return jsx(Popup, {
         alignX: "right",
         alignY: "start",
@@ -158,12 +140,9 @@ export var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Compone
       return this.props.tableNode !== nextProps.tableNode || this.props.targetCellPosition !== nextProps.targetCellPosition || this.props.layout !== nextProps.layout || this.props.isContextualMenuOpen !== nextProps.isContextualMenuOpen || this.props.isNumberColumnEnabled !== nextProps.isNumberColumnEnabled || this.props.stickyHeader !== nextProps.stickyHeader;
     }
   }]);
-
   return FloatingContextualButtonInner;
 }(React.Component);
-
 _defineProperty(FloatingContextualButtonInner, "displayName", 'FloatingContextualButton');
-
 var FloatingContextualButton = injectIntl(FloatingContextualButtonInner);
 export default function (props) {
   return jsx(ErrorBoundary, {

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

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 import { css } from '@emotion/react';
 import { B75, DN0, DN60, N0, N20, N30A, N700 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';