@atlaskit/editor-plugin-selection/dist/cjs/pm-plugins/gap-cursor/utils.js

Selection plugin for @atlaskit/editor-core

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.getComputedStyleForLayoutMode = void 0;
exports.getLayoutModeFromTargetNode = getLayoutModeFromTargetNode;
exports.getMediaNearPos = getMediaNearPos;
exports.isTextBlockNearPos = exports.isLeftCursor = exports.isIgnoredClick = void 0;
var _mediaSingle = require("@atlaskit/editor-common/media-single");
var _selection = require("@atlaskit/editor-common/selection");
var _styles = require("@atlaskit/editor-common/styles");
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
var isLeftCursor = exports.isLeftCursor = function isLeftCursor(side) {
  return side === _selection.Side.LEFT;
};
function getMediaNearPos(doc, $pos, schema) {
  var dir = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : -1;
  var $currentPos = $pos;
  var currentNode = null;
  var _schema$nodes = schema.nodes,
    mediaSingle = _schema$nodes.mediaSingle,
    media = _schema$nodes.media,
    mediaGroup = _schema$nodes.mediaGroup;
  do {
    $currentPos = doc.resolve(dir === -1 ? $currentPos.before() : $currentPos.after());
    if (!$currentPos) {
      return null;
    }
    currentNode = (dir === -1 ? $currentPos.nodeBefore : $currentPos.nodeAfter) || $currentPos.parent;
    if (!currentNode || currentNode.type === schema.nodes.doc) {
      return null;
    }
    if (currentNode.type === mediaSingle || currentNode.type === media || currentNode.type === mediaGroup) {
      return currentNode;
    }
  } while ($currentPos.depth > 0);
  return null;
}
var isTextBlockNearPos = exports.isTextBlockNearPos = function isTextBlockNearPos(doc, schema, $pos, dir) {
  var $currentPos = $pos;
  var currentNode = dir === -1 ? $currentPos.nodeBefore : $currentPos.nodeAfter;

  // If next node is a text or a text block bail out early.
  if (currentNode && (currentNode.isTextblock || currentNode.isText)) {
    return true;
  }
  while ($currentPos.depth > 0) {
    $currentPos = doc.resolve(dir === -1 ? $currentPos.before() : $currentPos.after());
    if (!$currentPos) {
      return false;
    }
    currentNode = (dir === -1 ? $currentPos.nodeBefore : $currentPos.nodeAfter) || $currentPos.parent;
    if (!currentNode || currentNode.type === schema.nodes.doc) {
      return false;
    }
    if (currentNode.isTextblock) {
      return true;
    }
  }
  var childNode = currentNode;
  while (childNode && childNode.firstChild) {
    childNode = childNode.firstChild;
    if (childNode && (childNode.isTextblock || childNode.isText)) {
      return true;
    }
  }
  return false;
};
function getLayoutModeFromTargetNode(node) {
  var layout;
  if (node.attrs.layout) {
    layout = node.attrs.layout;
  }
  if (node.marks && node.marks.length) {
    layout = (node.marks.find(function (mark) {
      return mark.type.name === 'breakout';
    }) || {
      attrs: {
        mode: ''
      }
    }).attrs.mode;
  }
  if (node.type.name === 'table' && node.attrs.width) {
    layout = 'fixed-width';
  }
  if (['wide', 'full-width', 'fixed-width'].indexOf(layout) === -1) {
    return '';
  }
  return layout;
}
var isIgnoredClick = exports.isIgnoredClick = function isIgnoredClick(elem) {
  if ((elem === null || elem === void 0 ? void 0 : elem.nodeName) === 'BUTTON' || elem !== null && elem !== void 0 && elem.closest('button')) {
    return true;
  }

  // check if we're clicking an image caption placeholder
  if (elem !== null && elem !== void 0 && elem.closest("[data-id=\"".concat(_mediaSingle.CAPTION_PLACEHOLDER_ID, "\"]"))) {
    return true;
  }

  // check if target node has a parent table node
  var tableWrap;
  var node = elem;
  while (node) {
    if (node.className && (node.getAttribute('class') || '').indexOf(_styles.TableSharedCssClassName.TABLE_CONTAINER) > -1) {
      tableWrap = node;
      break;
    }
    // Ignored via go/ees005
    // eslint-disable-next-line @atlaskit/editor/no-as-casting
    node = node.parentNode;
  }
  if (tableWrap) {
    var rowControls = tableWrap.querySelector(".".concat(_styles.TableSharedCssClassName.TABLE_ROW_CONTROLS_WRAPPER));
    var isColumnControlsDecoration = elem && elem.classList && elem.classList.contains(_styles.TableSharedCssClassName.TABLE_COLUMN_CONTROLS_DECORATIONS);
    return rowControls && rowControls.contains(elem) || isColumnControlsDecoration;
  }

  // Check if unsupported node selection
  // (without this, selection requires double clicking in FF due to posAtCoords differences)
  if (elem !== null && elem !== void 0 && elem.closest(".".concat(_styles.UnsupportedSharedCssClassName.BLOCK_CONTAINER))) {
    return true;
  }
  return false;
};

/*
  Calculates custom style for breakout mode
  Mainly to handle table width to include the numbered column width as well
*/
var getComputedStyleForLayoutMode = exports.getComputedStyleForLayoutMode = function getComputedStyleForLayoutMode(dom, node, style) {
  if (node && node.type.name === 'table') {
    var tableContainer = dom.querySelector('.pm-table-container');
    if (tableContainer) {
      return window.getComputedStyle(tableContainer);
    }
  }
  if ((0, _experiments.editorExperiment)('advanced_layouts', true) && node && node.type.name === 'layoutSection') {
    var layoutSectionContainer = dom.querySelector('.layout-section-container');
    if (layoutSectionContainer) {
      return window.getComputedStyle(layoutSectionContainer);
    }
  }
  return style;
};