@atlaskit/editor-plugin-table 1.1.0 → 1.1.2

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

@@ -6,15 +6,10 @@ 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 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; }
-
 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; } }
-
 import React, { Component } from 'react';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { getSelectionRect, isTableSelected } from '@atlaskit/editor-tables/utils';
@@ -37,102 +32,78 @@ export function getSelectionType(selection) {
     if (selection.isRowSelection()) {
       return 'row';
     }
-
     if (selection.isColSelection()) {
       return 'column';
     }
   }
-
   return;
 }
-
 var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
   _inherits(FloatingDeleteButton, _Component);
-
   var _super = _createSuper(FloatingDeleteButton);
-
   function FloatingDeleteButton(props) {
     var _this;
-
     _classCallCheck(this, FloatingDeleteButton);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "wrapper", null);
-
     _defineProperty(_assertThisInitialized(_this), "updateWrapper", function () {
       var tableWrapper = closestElement(_this.props.tableRef, ".".concat(ClassName.TABLE_NODE_WRAPPER));
-
       if (tableWrapper) {
         _this.wrapper = tableWrapper;
-
         _this.wrapper.addEventListener('scroll', _this.onWrapperScrolled);
-
         _this.setState({
           scrollLeft: tableWrapper.scrollLeft
         });
       } else {
         if (_this.wrapper) {
           // unsubscribe if we previously had one and it just went away
-          _this.wrapper.removeEventListener('scroll', _this.onWrapperScrolled); // and reset scroll position
-
+          _this.wrapper.removeEventListener('scroll', _this.onWrapperScrolled);
 
+          // and reset scroll position
           _this.setState({
             scrollLeft: 0
           });
         }
-
         _this.wrapper = null;
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onWrapperScrolled", function (e) {
       var wrapper = e.target;
-
       _this.setState({
         scrollLeft: wrapper.scrollLeft
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleMouseEnter", function () {
       var _this$props$editorVie = _this.props.editorView,
-          state = _this$props$editorVie.state,
-          dispatch = _this$props$editorVie.dispatch;
-
+        state = _this$props$editorVie.state,
+        dispatch = _this$props$editorVie.dispatch;
       switch (_this.state.selectionType) {
         case 'row':
           {
             return hoverRows(_this.state.indexes, true)(state, dispatch, _this.props.editorView);
           }
-
         case 'column':
           {
             return hoverColumns(_this.state.indexes, true)(state, dispatch, _this.props.editorView);
           }
       }
-
       return false;
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function () {
       var _this$props$editorVie2 = _this.props.editorView,
-          state = _this$props$editorVie2.state,
-          dispatch = _this$props$editorVie2.dispatch;
+        state = _this$props$editorVie2.state,
+        dispatch = _this$props$editorVie2.dispatch;
       return clearHoverSelection()(state, dispatch);
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleClick", function (event) {
       event.preventDefault();
       var editorAnalyticsAPI = _this.props.editorAnalyticsAPI;
       var _this$props$editorVie3 = _this.props.editorView,
-          state = _this$props$editorVie3.state,
-          dispatch = _this$props$editorVie3.dispatch;
-
+        state = _this$props$editorVie3.state,
+        dispatch = _this$props$editorVie3.dispatch;
       var _getTablePluginState = getTablePluginState(state),
-          isHeaderRowRequired = _getTablePluginState.pluginConfig.isHeaderRowRequired;
-
+        isHeaderRowRequired = _getTablePluginState.pluginConfig.isHeaderRowRequired;
       var rect = getSelectionRect(state.selection);
-
       if (rect) {
         switch (_this.state.selectionType) {
           case 'column':
@@ -140,7 +111,6 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
               deleteColumnsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.BUTTON, rect)(state, dispatch);
               return;
             }
-
           case 'row':
             {
               deleteRowsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.BUTTON, rect, !!isHeaderRowRequired)(state, dispatch);
@@ -148,13 +118,11 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
             }
         }
       }
-
       var _this$props$editorVie4 = _this.props.editorView;
       state = _this$props$editorVie4.state;
       dispatch = _this$props$editorVie4.dispatch;
       clearHoverSelection()(state, dispatch);
     });
-
     _this.state = {
       selectionType: undefined,
       top: 0,
@@ -164,7 +132,6 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-
   _createClass(FloatingDeleteButton, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(_, nextState) {
@@ -191,15 +158,13 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          mountPoint = _this$props.mountPoint,
-          boundariesElement = _this$props.boundariesElement,
-          tableRef = _this$props.tableRef;
+        mountPoint = _this$props.mountPoint,
+        boundariesElement = _this$props.boundariesElement,
+        tableRef = _this$props.tableRef;
       var selectionType = this.state.selectionType;
-
       if (!selectionType || !tableRef) {
         return null;
       }
-
       var tableContainerWrapper = closestElement(tableRef, ".".concat(ClassName.TABLE_CONTAINER));
       var button = /*#__PURE__*/React.createElement(DeleteButton, {
         removeLabel: selectionType === 'column' ? tableMessages.removeColumns : tableMessages.removeRows,
@@ -214,17 +179,13 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
         tableWrapper: this.wrapper
       });
       var mountTo = tableContainerWrapper || mountPoint;
-
       if (this.state.position === 'sticky' && mountTo) {
         var headerRow = tableRef.querySelector('tr.sticky');
-
         if (headerRow) {
           var rect = headerRow.getBoundingClientRect();
-
           var calculatePosition = popupOpts.onPositionCalculated || function (pos) {
             return pos;
           };
-
           var pos = calculatePosition({
             left: this.state.left,
             top: this.state.top
@@ -239,7 +200,6 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
           }, button), mountTo);
         }
       }
-
       return /*#__PURE__*/React.createElement(Popup, _extends({
         target: tableRef,
         mountTo: mountTo,
@@ -260,14 +220,14 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
     function getDerivedStateFromProps(nextProps, prevState) {
       var selectionType = getSelectionType(nextProps.selection);
       var inStickyMode = nextProps.stickyHeaders && nextProps.stickyHeaders.sticky;
-      var rect = getSelectionRect(nextProps.selection); // only tie row delete to sticky header if it's the only thing
+      var rect = getSelectionRect(nextProps.selection);
+
+      // only tie row delete to sticky header if it's the only thing
       // in the selection, otherwise the row delete will hover around
       // the rest of the selection
-
       var firstRowInSelection = rect && rect.top === 0 && rect.bottom === 1;
       var shouldStickyButton = inStickyMode && firstRowInSelection;
       var stickyTop = nextProps.stickyHeaders ? nextProps.stickyHeaders.top + nextProps.stickyHeaders.padding : 0;
-
       if (selectionType) {
         switch (selectionType) {
           case 'column':
@@ -275,7 +235,6 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
               // Calculate the button position and indexes for columns
               var columnsWidths = getColumnsWidths(nextProps.editorView);
               var deleteBtnParams = getColumnDeleteButtonParams(columnsWidths, nextProps.editorView.state.selection);
-
               if (deleteBtnParams) {
                 return _objectSpread(_objectSpread({}, deleteBtnParams), {}, {
                   top: inStickyMode ? nextProps.stickyHeaders.top : 0,
@@ -283,19 +242,15 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
                   selectionType: selectionType
                 });
               }
-
               return null;
             }
-
           case 'row':
             {
               // Calculate the button position and indexes for rows
               if (nextProps.tableRef) {
                 var rowHeights = getRowHeights(nextProps.tableRef);
                 var offsetTop = inStickyMode ? -rowHeights[0] : 0;
-
                 var _deleteBtnParams = getRowDeleteButtonParams(rowHeights, nextProps.editorView.state.selection, shouldStickyButton ? stickyTop : offsetTop);
-
                 if (_deleteBtnParams) {
                   return _objectSpread(_objectSpread({}, _deleteBtnParams), {}, {
                     position: shouldStickyButton ? 'sticky' : undefined,
@@ -304,13 +259,12 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
                   });
                 }
               }
-
               return null;
             }
         }
-      } // Clean state if no type
-
+      }
 
+      // Clean state if no type
       if (prevState.selectionType !== selectionType) {
         return {
           selectionType: undefined,
@@ -318,16 +272,13 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
           left: 0,
           indexes: []
         };
-      } // Do nothing if doesn't change anything
-
+      }
 
+      // Do nothing if doesn't change anything
       return null;
     }
   }]);
-
   return FloatingDeleteButton;
 }(Component);
-
 _defineProperty(FloatingDeleteButton, "displayName", 'FloatingDeleteButton');
-
 export default FloatingDeleteButton;

package/dist/esm/plugins/table/ui/FloatingInsertButton/InsertButton.js

@@ -8,7 +8,6 @@ import { closestElement } from '@atlaskit/editor-common/utils';
 import { TableCssClassName as ClassName } from '../../types';
 import tableMessages from '../messages';
 import { tableToolbarSize } from '../consts';
-
 var getInsertLineHeight = function getInsertLineHeight(tableRef, hasStickyHeaders) {
   // The line gets height 100% from the table,
   // but since we have an overflow on the left,
@@ -17,42 +16,36 @@ var getInsertLineHeight = function getInsertLineHeight(tableRef, hasStickyHeader
   var ADDITIONAL_HEIGHT = hasStickyHeaders ? tableRef.getBoundingClientRect().top - tableMarginTop * 4 - LINE_OFFSET : tableToolbarSize + LINE_OFFSET;
   return tableRef.offsetHeight + ADDITIONAL_HEIGHT;
 };
-
 var getToolbarSize = function getToolbarSize(tableRef) {
   var parent = closestElement(tableRef, ".".concat(ClassName.TABLE_CONTAINER));
-
   if (parent) {
     return parent.querySelector(".".concat(ClassName.NUMBERED_COLUMN)) ? tableToolbarSize + akEditorTableNumberColumnWidth - 1 : tableToolbarSize;
   }
-
   return tableToolbarSize;
 };
-
 var getInsertLineWidth = function getInsertLineWidth(tableRef) {
   // The line gets width 100% from the table,
   // but since we have an overflow on the left,
   // we should add an offset to make up for it.
   var LINE_OFFSET = 4;
   var parentElement = tableRef.parentElement,
-      offsetWidth = tableRef.offsetWidth;
+    offsetWidth = tableRef.offsetWidth;
   var parentOffsetWidth = parentElement.offsetWidth;
   var _ref = parentElement,
-      scrollLeft = _ref.scrollLeft;
+    scrollLeft = _ref.scrollLeft;
   var diff = offsetWidth - parentOffsetWidth;
   var toolbarSize = getToolbarSize(tableRef);
   return Math.min(offsetWidth + toolbarSize, parentOffsetWidth + toolbarSize - Math.max(scrollLeft - diff, 0)) + LINE_OFFSET;
 };
-
 var tooltipMessageByType = function tooltipMessageByType(type) {
   return type === 'row' ? tableMessages.insertRow : tableMessages.insertColumn;
 };
-
 var InsertButton = function InsertButton(_ref2) {
   var onMouseDown = _ref2.onMouseDown,
-      tableRef = _ref2.tableRef,
-      type = _ref2.type,
-      formatMessage = _ref2.intl.formatMessage,
-      hasStickyHeaders = _ref2.hasStickyHeaders;
+    tableRef = _ref2.tableRef,
+    type = _ref2.type,
+    formatMessage = _ref2.intl.formatMessage,
+    hasStickyHeaders = _ref2.hasStickyHeaders;
   var content = /*#__PURE__*/React.createElement(Tooltip, {
     content: /*#__PURE__*/React.createElement(keymaps.ToolTipContent, {
       description: formatMessage(tooltipMessageByType(type)),
@@ -86,5 +79,4 @@ var InsertButton = function InsertButton(_ref2) {
     className: "".concat(ClassName.CONTROLS_INSERT_BUTTON_WRAP, " ").concat(ClassName.CONTROLS_INSERT_ROW)
   }, content));
 };
-
 export default injectIntl(InsertButton);

package/dist/esm/plugins/table/ui/FloatingInsertButton/getPopupOptions.js

@@ -1,9 +1,6 @@
 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 { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { tableInsertColumnButtonOffset, tableInsertColumnButtonSize, tableToolbarSize } from '../consts';
 var HORIZONTAL_ALIGN_COLUMN_BUTTON = -(tableInsertColumnButtonSize / 2);
@@ -11,14 +8,12 @@ var HORIZONTAL_ALIGN_NUMBERED_COLUMN_BUTTON = HORIZONTAL_ALIGN_COLUMN_BUTTON + a
 var VERTICAL_ALIGN_COLUMN_BUTTON = tableToolbarSize + tableInsertColumnButtonOffset;
 var HORIZONTAL_ALIGN_ROW_BUTTON = -(tableToolbarSize + tableInsertColumnButtonOffset + tableInsertColumnButtonSize);
 var VERTICAL_ALIGN_ROW_BUTTON = tableInsertColumnButtonSize / 2;
-
 function getRowOptions(index) {
   var defaultOptions = {
     alignX: 'left',
     alignY: 'bottom',
     offset: [0, VERTICAL_ALIGN_ROW_BUTTON]
   };
-
   if (index === 0) {
     defaultOptions = _objectSpread(_objectSpread({}, defaultOptions), {}, {
       alignY: 'top',
@@ -26,7 +21,6 @@ function getRowOptions(index) {
       offset: [0, -VERTICAL_ALIGN_ROW_BUTTON]
     });
   }
-
   return _objectSpread(_objectSpread({}, defaultOptions), {}, {
     onPositionCalculated: function onPositionCalculated(position) {
       return _objectSpread(_objectSpread({}, position), {}, {
@@ -36,7 +30,6 @@ function getRowOptions(index) {
     }
   });
 }
-
 function getColumnOptions(index, tableContainer, hasNumberedColumns) {
   var options = {
     alignX: 'end',
@@ -49,48 +42,42 @@ function getColumnOptions(index, tableContainer, hasNumberedColumns) {
     // considering the offset from the first column
     onPositionCalculated: function onPositionCalculated(position) {
       var left = position.left;
-
       if (!left) {
         // If not left, lest skip expensive next calculations.
         return position;
       }
-
       if (index === 0) {
         return _objectSpread(_objectSpread({}, position), {}, {
           left: hasNumberedColumns ? HORIZONTAL_ALIGN_NUMBERED_COLUMN_BUTTON : HORIZONTAL_ALIGN_COLUMN_BUTTON
         });
-      } // Check if current position is greater than the available container width
-
+      }
 
+      // Check if current position is greater than the available container width
       var rect = tableContainer ? tableContainer.getBoundingClientRect() : null;
       return _objectSpread(_objectSpread({}, position), {}, {
         left: rect && left > rect.width ? rect.width : left
       });
     }
-  }; // We need to change the popup position when
-  // the column index is zero
+  };
 
+  // We need to change the popup position when
+  // the column index is zero
   if (index === 0) {
     return _objectSpread(_objectSpread({}, options), {}, {
       alignX: 'left',
       alignY: 'top'
     });
   }
-
   return options;
 }
-
 function getPopupOptions(type, index, hasNumberedColumns, tableContainer) {
   switch (type) {
     case 'column':
       return getColumnOptions(index, tableContainer, hasNumberedColumns);
-
     case 'row':
       return getRowOptions(index);
-
     default:
       return {};
   }
 }
-
 export default getPopupOptions;

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

@@ -6,11 +6,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; } }
-
 import React from 'react';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
@@ -28,74 +25,59 @@ import InsertButton from './InsertButton';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, CONTENT_COMPONENT } from '@atlaskit/editor-common/analytics';
 export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
   _inherits(FloatingInsertButton, _React$Component);
-
   var _super = _createSuper(FloatingInsertButton);
-
   function FloatingInsertButton(props) {
     var _this;
-
     _classCallCheck(this, FloatingInsertButton);
-
     _this = _super.call(this, props);
     _this.insertColumn = _this.insertColumn.bind(_assertThisInitialized(_this));
     _this.insertRow = _this.insertRow.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(FloatingInsertButton, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          tableNode = _this$props.tableNode,
-          editorView = _this$props.editorView,
-          insertColumnButtonIndex = _this$props.insertColumnButtonIndex,
-          insertRowButtonIndex = _this$props.insertRowButtonIndex,
-          tableRef = _this$props.tableRef,
-          mountPoint = _this$props.mountPoint,
-          boundariesElement = _this$props.boundariesElement,
-          isHeaderColumnEnabled = _this$props.isHeaderColumnEnabled,
-          isHeaderRowEnabled = _this$props.isHeaderRowEnabled,
-          dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent;
+        tableNode = _this$props.tableNode,
+        editorView = _this$props.editorView,
+        insertColumnButtonIndex = _this$props.insertColumnButtonIndex,
+        insertRowButtonIndex = _this$props.insertRowButtonIndex,
+        tableRef = _this$props.tableRef,
+        mountPoint = _this$props.mountPoint,
+        boundariesElement = _this$props.boundariesElement,
+        isHeaderColumnEnabled = _this$props.isHeaderColumnEnabled,
+        isHeaderRowEnabled = _this$props.isHeaderRowEnabled,
+        dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent;
       var type = typeof insertColumnButtonIndex !== 'undefined' ? 'column' : typeof insertRowButtonIndex !== 'undefined' ? 'row' : null;
-
       if (!tableNode || !tableRef || !type) {
         return null;
-      } // We can’t display the insert button for row|colum index 0
-      // when the header row|colum is enabled, this feature will be change on the future
-
+      }
 
+      // We can’t display the insert button for row|colum index 0
+      // when the header row|colum is enabled, this feature will be change on the future
       if (type === 'column' && isHeaderColumnEnabled && insertColumnButtonIndex === 0 || type === 'row' && isHeaderRowEnabled && insertRowButtonIndex === 0) {
         return null;
       }
-
       var tr = editorView.state.tr;
-
       if (tr.selection instanceof CellSelection && (tr.selection.isColSelection() || tr.selection.isRowSelection())) {
         return null;
       }
-
       var cellPosition = this.getCellPosition(type);
-
       if (!cellPosition) {
         return null;
       }
-
       var tablePos = findTable(editorView.state.selection);
-
       if (!tablePos) {
         return null;
       }
-
       var domAtPos = editorView.domAtPos.bind(editorView);
       var pos = cellPosition + tablePos.start + 1;
       var target;
-
       try {
         target = findDomRefAtPos(pos, domAtPos);
       } catch (error) {
         // eslint-disable-next-line no-console
         console.warn(error);
-
         if (dispatchAnalyticsEvent) {
           var payload = {
             action: ACTION.ERRORED,
@@ -115,17 +97,13 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
           dispatchAnalyticsEvent(payload);
         }
       }
-
       if (!target || !(target instanceof HTMLElement)) {
         return null;
       }
-
       var targetCellRef = type === 'row' ? closestElement(target, 'tr') : closestElement(target, 'td, th');
-
       if (!targetCellRef) {
         return null;
       }
-
       var tableContainerWrapper = closestElement(targetCellRef, ".".concat(ClassName.TABLE_CONTAINER));
       var tableWrapper = closestElement(targetCellRef, ".".concat(ClassName.TABLE_NODE_WRAPPER));
       var index = type === 'column' ? insertColumnButtonIndex : insertRowButtonIndex;
@@ -148,26 +126,21 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
     key: "getCellPosition",
     value: function getCellPosition(type) {
       var _this$props2 = this.props,
-          tableNode = _this$props2.tableNode,
-          insertColumnButtonIndex = _this$props2.insertColumnButtonIndex,
-          insertRowButtonIndex = _this$props2.insertRowButtonIndex;
+        tableNode = _this$props2.tableNode,
+        insertColumnButtonIndex = _this$props2.insertColumnButtonIndex,
+        insertRowButtonIndex = _this$props2.insertRowButtonIndex;
       var tableMap = TableMap.get(tableNode);
-
       if (type === 'column') {
         var columnIndex = insertColumnButtonIndex === 0 ? 0 : insertColumnButtonIndex - 1;
-
         if (columnIndex > tableMap.width - 1) {
           return null;
         }
-
         return tableMap.positionAt(0, columnIndex, tableNode);
       } else {
         var rowIndex = insertRowButtonIndex === 0 ? 0 : insertRowButtonIndex - 1;
-
         if (rowIndex > tableMap.height - 1) {
           return null;
         }
-
         return tableMap.positionAt(rowIndex, 0, tableNode);
       }
     }
@@ -175,14 +148,13 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
     key: "insertRow",
     value: function insertRow(event) {
       var _this$props3 = this.props,
-          editorView = _this$props3.editorView,
-          insertRowButtonIndex = _this$props3.insertRowButtonIndex,
-          editorAnalyticsAPI = _this$props3.editorAnalyticsAPI;
-
+        editorView = _this$props3.editorView,
+        insertRowButtonIndex = _this$props3.insertRowButtonIndex,
+        editorAnalyticsAPI = _this$props3.editorAnalyticsAPI;
       if (typeof insertRowButtonIndex !== 'undefined') {
         event.preventDefault();
         var state = editorView.state,
-            dispatch = editorView.dispatch;
+          dispatch = editorView.dispatch;
         insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.BUTTON, {
           index: insertRowButtonIndex,
           moveCursorToInsertedRow: true
@@ -193,23 +165,19 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
     key: "insertColumn",
     value: function insertColumn(event) {
       var _this$props4 = this.props,
-          editorView = _this$props4.editorView,
-          insertColumnButtonIndex = _this$props4.insertColumnButtonIndex,
-          editorAnalyticsAPI = _this$props4.editorAnalyticsAPI,
-          getEditorContainerWidth = _this$props4.getEditorContainerWidth;
-
+        editorView = _this$props4.editorView,
+        insertColumnButtonIndex = _this$props4.insertColumnButtonIndex,
+        editorAnalyticsAPI = _this$props4.editorAnalyticsAPI,
+        getEditorContainerWidth = _this$props4.getEditorContainerWidth;
       if (typeof insertColumnButtonIndex !== 'undefined') {
         event.preventDefault();
         var state = editorView.state,
-            dispatch = editorView.dispatch;
+          dispatch = editorView.dispatch;
         insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI)(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
       }
     }
   }]);
-
   return FloatingInsertButton;
 }(React.Component);
-
 _defineProperty(FloatingInsertButton, "displayName", 'FloatingInsertButton');
-
 export default injectIntl(FloatingInsertButton);