@atlaskit/editor-plugin-table 1.1.0 → 1.1.2

package/dist/esm/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -5,15 +5,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; } }
-
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
@@ -80,59 +75,46 @@ export var messages = defineMessages({
 });
 export var ContextualMenu = /*#__PURE__*/function (_Component) {
   _inherits(ContextualMenu, _Component);
-
   var _super = _createSuper(ContextualMenu);
-
   function ContextualMenu() {
     var _this;
-
     _classCallCheck(this, ContextualMenu);
-
     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), "state", {
       isSubmenuOpen: false
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleSubMenuRef", function (ref) {
       var parent = closestElement(_this.props.editorView.dom, '.fabric-editor-popup-scroll-parent');
-
       if (!(parent && ref)) {
         return;
       }
-
       var boundariesRect = parent.getBoundingClientRect();
       var rect = ref.getBoundingClientRect();
-
       if (rect.left + rect.width > boundariesRect.width) {
         ref.style.left = "-".concat(rect.width, "px");
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "createItems", function () {
       var _this$props = _this.props,
-          allowMergeCells = _this$props.allowMergeCells,
-          allowColumnSorting = _this$props.allowColumnSorting,
-          allowBackgroundColor = _this$props.allowBackgroundColor,
-          state = _this$props.editorView.state,
-          isOpen = _this$props.isOpen,
-          selectionRect = _this$props.selectionRect,
-          formatMessage = _this$props.intl.formatMessage,
-          editorView = _this$props.editorView;
+        allowMergeCells = _this$props.allowMergeCells,
+        allowColumnSorting = _this$props.allowColumnSorting,
+        allowBackgroundColor = _this$props.allowBackgroundColor,
+        state = _this$props.editorView.state,
+        isOpen = _this$props.isOpen,
+        selectionRect = _this$props.selectionRect,
+        formatMessage = _this$props.intl.formatMessage,
+        editorView = _this$props.editorView;
       var items = [];
-      var isSubmenuOpen = _this.state.isSubmenuOpen; // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
-
+      var isSubmenuOpen = _this.state.isSubmenuOpen;
+      // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
       var _getPluginState = getPluginState(editorView.state),
-          targetCellPosition = _getPluginState.targetCellPosition,
-          allowDistributeColumns = _getPluginState.pluginConfig.allowDistributeColumns;
-
+        targetCellPosition = _getPluginState.targetCellPosition,
+        allowDistributeColumns = _getPluginState.pluginConfig.allowDistributeColumns;
       if (allowBackgroundColor) {
         var _node$attrs;
-
         var node = isOpen && targetCellPosition ? state.doc.nodeAt(targetCellPosition) : null;
         var background = (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff';
         items.push({
@@ -154,7 +136,6 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           })))
         });
       }
-
       items.push({
         content: formatMessage(tableMessages.insertColumn),
         value: {
@@ -174,9 +155,9 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         }, tooltip(addRowAfter))
       });
       var top = selectionRect.top,
-          bottom = selectionRect.bottom,
-          right = selectionRect.right,
-          left = selectionRect.left;
+        bottom = selectionRect.bottom,
+        right = selectionRect.right,
+        left = selectionRect.left;
       var noOfColumns = right - left;
       var noOfRows = bottom - top;
       items.push({
@@ -195,7 +176,6 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           name: 'delete_row'
         }
       });
-
       if (allowMergeCells) {
         items.push({
           content: formatMessage(messages.mergeCells),
@@ -212,10 +192,8 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           isDisabled: !splitCell(state)
         });
       }
-
       if (allowDistributeColumns) {
         var _newResizeState$chang;
-
         var newResizeState = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), _this.props.getEditorContainerWidth);
         var wouldChange = (_newResizeState$chang = newResizeState === null || newResizeState === void 0 ? void 0 : newResizeState.changed) !== null && _newResizeState$chang !== void 0 ? _newResizeState$chang : false;
         items.push({
@@ -226,7 +204,6 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           isDisabled: !wouldChange
         });
       }
-
       if (allowColumnSorting) {
         var hasMergedCellsInTable = getMergedCellsPositions(state.tr).length > 0;
         var warning = hasMergedCellsInTable ? {
@@ -246,7 +223,6 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           }
         }, warning));
       }
-
       items.push({
         content: formatMessage(messages.clearCells, {
           0: Math.max(noOfColumns, noOfRows)
@@ -262,138 +238,98 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         items: items
       }] : null;
     });
-
     _defineProperty(_assertThisInitialized(_this), "onMenuItemActivated", function (_ref) {
       var item = _ref.item;
       var _this$props2 = _this.props,
-          editorView = _this$props2.editorView,
-          selectionRect = _this$props2.selectionRect,
-          editorAnalyticsAPI = _this$props2.editorAnalyticsAPI,
-          getEditorContainerWidth = _this$props2.getEditorContainerWidth; // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
-
+        editorView = _this$props2.editorView,
+        selectionRect = _this$props2.selectionRect,
+        editorAnalyticsAPI = _this$props2.editorAnalyticsAPI,
+        getEditorContainerWidth = _this$props2.getEditorContainerWidth;
+      // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
       var state = editorView.state,
-          dispatch = editorView.dispatch;
-
+        dispatch = editorView.dispatch;
       var _getPluginState2 = getPluginState(state),
-          targetCellPosition = _getPluginState2.targetCellPosition;
-
+        targetCellPosition = _getPluginState2.targetCellPosition;
       switch (item.value.name) {
         case 'sort_column_desc':
           sortColumnWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect.left, SortOrder.DESC)(state, dispatch);
-
           _this.toggleOpen();
-
           break;
-
         case 'sort_column_asc':
           sortColumnWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect.left, SortOrder.ASC)(state, dispatch);
-
           _this.toggleOpen();
-
           break;
-
         case 'merge':
           mergeCellsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU)(state, dispatch);
-
           _this.toggleOpen();
-
           break;
-
         case 'split':
           splitCellWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU)(state, dispatch);
-
           _this.toggleOpen();
-
           break;
-
         case 'distribute_columns':
           var newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth);
-
           if (newResizeStateWithAnalytics) {
             distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, newResizeStateWithAnalytics)(state, dispatch);
-
             _this.toggleOpen();
           }
-
           break;
-
         case 'clear':
           emptyMultipleCellsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, targetCellPosition)(state, dispatch);
-
           _this.toggleOpen();
-
           break;
-
         case 'insert_column':
           insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch, editorView);
-
           _this.toggleOpen();
-
           break;
-
         case 'insert_row':
           insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, {
             index: selectionRect.bottom,
             moveCursorToInsertedRow: true
           })(state, dispatch);
-
           _this.toggleOpen();
-
           break;
-
         case 'delete_column':
           deleteColumnsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect)(state, dispatch);
-
           _this.toggleOpen();
-
           break;
-
         case 'delete_row':
           var _getPluginState3 = getPluginState(state),
-              isHeaderRowRequired = _getPluginState3.pluginConfig.isHeaderRowRequired;
-
+            isHeaderRowRequired = _getPluginState3.pluginConfig.isHeaderRowRequired;
           deleteRowsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect, !!isHeaderRowRequired)(state, dispatch);
-
           _this.toggleOpen();
-
           break;
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "toggleOpen", function () {
       var _this$props3 = _this.props,
-          isOpen = _this$props3.isOpen,
-          _this$props3$editorVi = _this$props3.editorView,
-          state = _this$props3$editorVi.state,
-          dispatch = _this$props3$editorVi.dispatch;
+        isOpen = _this$props3.isOpen,
+        _this$props3$editorVi = _this$props3.editorView,
+        state = _this$props3$editorVi.state,
+        dispatch = _this$props3$editorVi.dispatch;
       toggleContextualMenu()(state, dispatch);
-
       if (!isOpen) {
         _this.setState({
           isSubmenuOpen: false
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleOpenChange", 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;
       toggleContextualMenu()(state, dispatch);
-
       _this.setState({
         isSubmenuOpen: false
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleItemMouseEnter", function (_ref2) {
       var item = _ref2.item;
       var _this$props4 = _this.props,
-          _this$props4$editorVi = _this$props4.editorView,
-          state = _this$props4$editorVi.state,
-          dispatch = _this$props4$editorVi.dispatch,
-          selectionRect = _this$props4.selectionRect;
-
+        _this$props4$editorVi = _this$props4.editorView,
+        state = _this$props4$editorVi.state,
+        dispatch = _this$props4$editorVi.dispatch,
+        selectionRect = _this$props4.selectionRect;
       if (item.value.name === 'background') {
         if (!_this.state.isSubmenuOpen) {
           _this.setState({
@@ -401,35 +337,28 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           });
         }
       }
-
       if (item.value.name === 'delete_column') {
         hoverColumns(getSelectedColumnIndexes(selectionRect), true)(state, dispatch);
       }
-
       if (item.value.name === 'delete_row') {
         hoverRows(getSelectedRowIndexes(selectionRect), true)(state, dispatch);
       }
-
       if (['sort_column_asc', 'sort_column_desc'].indexOf(item.value.name) > -1 && getMergedCellsPositions(state.tr).length !== 0) {
         hoverMergedCells()(state, dispatch);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleItemMouseLeave", function (_ref3) {
       var item = _ref3.item;
       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;
       if (item.value.name === 'background') {
         _this.closeSubmenu();
       }
-
       if (['sort_column_asc', 'sort_column_desc', 'delete_column', 'delete_row'].indexOf(item.value.name) > -1) {
         clearHoverSelection()(state, dispatch);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "closeSubmenu", function () {
       if (_this.state.isSubmenuOpen) {
         _this.setState({
@@ -437,44 +366,38 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         });
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "setColor", function (color) {
       var _this$props5 = _this.props,
-          editorView = _this$props5.editorView,
-          editorAnalyticsAPI = _this$props5.editorAnalyticsAPI; // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
-
+        editorView = _this$props5.editorView,
+        editorAnalyticsAPI = _this$props5.editorAnalyticsAPI;
+      // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
       var _getPluginState4 = getPluginState(editorView.state),
-          targetCellPosition = _getPluginState4.targetCellPosition;
-
+        targetCellPosition = _getPluginState4.targetCellPosition;
       var state = editorView.state,
-          dispatch = editorView.dispatch;
+        dispatch = editorView.dispatch;
       setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, color, targetCellPosition)(state, dispatch);
-
       _this.toggleOpen();
     });
-
     return _this;
   }
-
   _createClass(ContextualMenu, [{
     key: "render",
     value: function render() {
       var _this$props6 = this.props,
-          isOpen = _this$props6.isOpen,
-          mountPoint = _this$props6.mountPoint,
-          offset = _this$props6.offset,
-          boundariesElement = _this$props6.boundariesElement;
+        isOpen = _this$props6.isOpen,
+        mountPoint = _this$props6.mountPoint,
+        offset = _this$props6.offset,
+        boundariesElement = _this$props6.boundariesElement;
       var items = this.createItems();
-
       if (!items) {
         return null;
       }
-
       return jsx("div", {
         "data-testid": "table-cell-contextual-menu",
         onMouseLeave: this.closeSubmenu
       }, jsx(DropdownMenu, {
-        mountTo: mountPoint //This needs be removed when the a11y is completely handled
+        mountTo: mountPoint
+        //This needs be removed when the a11y is completely handled
         //Disabling key navigation now as it works only partially
         ,
         disableArrowKeyNavigation: true,
@@ -491,12 +414,9 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return ContextualMenu;
 }(Component);
-
 _defineProperty(ContextualMenu, "defaultProps", {
   boundariesElement: document.body
 });
-
 export default injectIntl(ContextualMenu);

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

@@ -8,59 +8,48 @@ import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { pluginKey } from '../../pm-plugins/plugin-key';
 import { contextualMenuDropdownWidth, contextualMenuTriggerSize } from '../consts';
 import { tablePopupStyles } from './styles';
-import ContextualMenu from './ContextualMenu'; // offset of the contextual menu dropdown
+import ContextualMenu from './ContextualMenu';
 
+// offset of the contextual menu dropdown
 var calculateOffset = function calculateOffset(targetCellRef, state) {
   var _pluginKey$getState = pluginKey.getState(state),
-      tableRef = _pluginKey$getState.tableRef;
-
+    tableRef = _pluginKey$getState.tableRef;
   var top = -contextualMenuTriggerSize;
-
   if (tableRef && targetCellRef) {
     var targetOffset = targetCellRef.getBoundingClientRect();
     var tableOffset = tableRef.getBoundingClientRect();
     var topDiff = targetOffset.top - tableOffset.top;
-
     if (topDiff < 200) {
       top -= topDiff + 2;
     }
   }
-
   return [contextualMenuTriggerSize / 2, top];
 };
-
 var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
   var mountPoint = _ref.mountPoint,
-      boundariesElement = _ref.boundariesElement,
-      scrollableElement = _ref.scrollableElement,
-      editorView = _ref.editorView,
-      isOpen = _ref.isOpen,
-      pluginConfig = _ref.pluginConfig,
-      editorAnalyticsAPI = _ref.editorAnalyticsAPI,
-      getEditorContainerWidth = _ref.getEditorContainerWidth;
-
+    boundariesElement = _ref.boundariesElement,
+    scrollableElement = _ref.scrollableElement,
+    editorView = _ref.editorView,
+    isOpen = _ref.isOpen,
+    pluginConfig = _ref.pluginConfig,
+    editorAnalyticsAPI = _ref.editorAnalyticsAPI,
+    getEditorContainerWidth = _ref.getEditorContainerWidth;
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
   var _getPluginState = getPluginState(editorView.state),
-      targetCellPosition = _getPluginState.targetCellPosition;
-
+    targetCellPosition = _getPluginState.targetCellPosition;
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
-
   var selection = editorView.state.selection;
   var selectionRect = isSelectionType(selection, 'cell') ? getSelectionRect(selection) : findCellRectClosestToPos(selection.$from);
-
   if (!selectionRect) {
     return null;
   }
-
   var domAtPos = editorView.domAtPos.bind(editorView);
   var targetCellRef = findDomRefAtPos(targetCellPosition, domAtPos);
-
   if (!targetCellRef) {
     return null;
   }
-
   return jsx(Popup, {
     alignX: "right",
     alignY: "top",
@@ -69,7 +58,8 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement,
     fitHeight: 188,
-    fitWidth: contextualMenuDropdownWidth // z-index value below is to ensure that this menu is above other floating menu
+    fitWidth: contextualMenuDropdownWidth
+    // z-index value below is to ensure that this menu is above other floating menu
     // in table, but below floating dialogs like typeaheads, pickers, etc.
     ,
     zIndex: akEditorFloatingOverlapPanelZIndex,
@@ -91,6 +81,5 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     getEditorContainerWidth: getEditorContainerWidth
   })));
 };
-
 FloatingContextualMenu.displayName = 'FloatingContextualMenu';
 export default FloatingContextualMenu;

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

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 import { css } from '@emotion/react';
 import { tableBackgroundBorderColor } from '@atlaskit/adf-schema';
 import { N60A, N90 } from '@atlaskit/theme/colors';

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

@@ -1,14 +1,13 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { TableCssClassName as ClassName } from '../../types';
-
 var DeleteButton = function DeleteButton(_ref) {
   var style = _ref.style,
-      onClick = _ref.onClick,
-      onMouseEnter = _ref.onMouseEnter,
-      onMouseLeave = _ref.onMouseLeave,
-      removeLabel = _ref.removeLabel,
-      formatMessage = _ref.intl.formatMessage;
+    onClick = _ref.onClick,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave,
+    removeLabel = _ref.removeLabel,
+    formatMessage = _ref.intl.formatMessage;
   return /*#__PURE__*/React.createElement("div", {
     className: ClassName.CONTROLS_DELETE_BUTTON_WRAP,
     style: style,
@@ -32,5 +31,4 @@ var DeleteButton = function DeleteButton(_ref) {
     fillRule: "evenodd"
   }))));
 };
-
 export default injectIntl(DeleteButton);

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

@@ -1,12 +1,8 @@
 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 { tableDeleteButtonOffset, tableDeleteButtonSize, tableToolbarSize } from '../consts';
 var DELETE_BUTTON_CONTROLS_OFFSET = tableToolbarSize + tableDeleteButtonSize + tableDeleteButtonOffset;
-
 function getColumnOptions(left, tableWrapper) {
   return {
     alignX: 'left',
@@ -19,12 +15,10 @@ function getColumnOptions(left, tableWrapper) {
         var minVisibleLeftPosition = tableWrapper.scrollLeft;
         return maxVisibleLeftPosition - left > 0 && left > minVisibleLeftPosition;
       }
-
       return true;
     }
   };
 }
-
 function getRowOptions(top) {
   return {
     alignX: 'left',
@@ -39,20 +33,16 @@ function getRowOptions(top) {
     }
   };
 }
-
 export default function getPopupOptions(_ref) {
   var left = _ref.left,
-      top = _ref.top,
-      selectionType = _ref.selectionType,
-      tableWrapper = _ref.tableWrapper;
-
+    top = _ref.top,
+    selectionType = _ref.selectionType,
+    tableWrapper = _ref.tableWrapper;
   switch (selectionType) {
     case 'column':
       return getColumnOptions(left, tableWrapper);
-
     case 'row':
       return getRowOptions(top);
-
     default:
       {
         return {};