@atlaskit/editor-plugin-block-controls/dist/cjs/pm-plugins/utils/visible-box.js

Block controls plugin for @atlaskit/editor-core

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.getVisibleBox = void 0;
// Matches the anchor selectors in `ui/global-styles.tsx`. A table's `.pm-table-resizer-container`
// wraps its cells too, so only a direct child `.resizer-item` is the table's own box, not the
// resizer of media inside a cell.
var VISIBLE_BOX_SELECTORS = {
  table: '.pm-table-resizer-container > .resizer-item',
  mediaSingle: '.resizer-item',
  embedCard: '.rich-media-item',
  extension: '.extension-container[data-layout]',
  bodiedExtension: '.extension-container[data-layout]',
  multiBodiedExtension: '.extension-container[data-layout]',
  blockCard: '.datasourceView-content-inner-wrap'
};

/**
 * The box a block's controls anchor to under sparse surfaces. For some blocks this is an inner
 * element, which can be wider than the block itself.
 */
var getVisibleBox = exports.getVisibleBox = function getVisibleBox(dom, nodeType) {
  var selector = VISIBLE_BOX_SELECTORS[nodeType];
  return selector && dom.querySelector(selector) || dom;
};