@atlaskit/editor-plugin-table/dist/es2019/ui/FloatingDeleteButton/getPopUpOptions.js

Table plugin for the @atlaskit/editor

import { tableDeleteButtonOffset, tableDeleteButtonSize, tableToolbarSize } from '../consts';
const DELETE_BUTTON_CONTROLS_OFFSET = tableToolbarSize + tableDeleteButtonSize + tableDeleteButtonOffset;
function getColumnOptions(left, tableWrapper) {
  return {
    alignX: 'left',
    alignY: 'start',
    offset: [left, DELETE_BUTTON_CONTROLS_OFFSET],
    shouldRenderPopup() {
      if (tableWrapper) {
        const rect = tableWrapper.getBoundingClientRect();
        const maxVisibleLeftPosition = rect.width + tableWrapper.scrollLeft - tableDeleteButtonSize;
        const minVisibleLeftPosition = tableWrapper.scrollLeft;
        return maxVisibleLeftPosition - left > 0 && left > minVisibleLeftPosition;
      }
      return true;
    }
  };
}
function getRowOptions(top) {
  return {
    alignX: 'left',
    alignY: 'start',
    forcePlacement: true,
    offset: [0, -top],
    onPositionCalculated(position) {
      return {
        ...position,
        // We need to force left to always be the offset to not be affected by overflow
        left: -DELETE_BUTTON_CONTROLS_OFFSET
      };
    }
  };
}
export default function getPopupOptions({
  left,
  top,
  selectionType,
  tableWrapper
}) {
  switch (selectionType) {
    case 'column':
      return getColumnOptions(left, tableWrapper);
    case 'row':
      return getRowOptions(top);
    default:
      {
        return {};
      }
  }
}