@wordpress/block-editor/build/components/block-navigation/block-contents.js

Generic block editor.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@wordpress/element");

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _classnames = _interopRequireDefault(require("classnames"));

var _data = require("@wordpress/data");

var _context = require("./context");

var _blockSlot = _interopRequireDefault(require("./block-slot"));

var _blockSelectButton = _interopRequireDefault(require("./block-select-button"));

var _blockDraggable = _interopRequireDefault(require("../block-draggable"));

var _store = require("../../store");

/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
const BlockNavigationBlockContents = (0, _element.forwardRef)(({
  onClick,
  block,
  isSelected,
  position,
  siblingBlockCount,
  level,
  ...props
}, ref) => {
  const {
    __experimentalFeatures,
    blockDropTarget = {}
  } = (0, _context.useBlockNavigationContext)();
  const {
    clientId
  } = block;
  const {
    rootClientId,
    blockMovingClientId,
    selectedBlockInBlockEditor
  } = (0, _data.useSelect)(select => {
    const {
      getBlockRootClientId,
      hasBlockMovingClientId,
      getSelectedBlockClientId
    } = select(_store.store);
    return {
      rootClientId: getBlockRootClientId(clientId) || '',
      blockMovingClientId: hasBlockMovingClientId(),
      selectedBlockInBlockEditor: getSelectedBlockClientId()
    };
  }, [clientId]);
  const isBlockMoveTarget = blockMovingClientId && selectedBlockInBlockEditor === clientId;
  const {
    rootClientId: dropTargetRootClientId,
    clientId: dropTargetClientId,
    dropPosition
  } = blockDropTarget;
  const isDroppingBefore = dropTargetRootClientId === rootClientId && dropTargetClientId === clientId && dropPosition === 'top';
  const isDroppingAfter = dropTargetRootClientId === rootClientId && dropTargetClientId === clientId && dropPosition === 'bottom';
  const isDroppingToInnerBlocks = dropTargetRootClientId === clientId && dropPosition === 'inside';
  const className = (0, _classnames.default)('block-editor-block-navigation-block-contents', {
    'is-dropping-before': isDroppingBefore || isBlockMoveTarget,
    'is-dropping-after': isDroppingAfter,
    'is-dropping-to-inner-blocks': isDroppingToInnerBlocks
  });
  return (0, _element.createElement)(_blockDraggable.default, {
    clientIds: [block.clientId],
    elementId: `block-navigation-block-${block.clientId}`
  }, ({
    draggable,
    onDragStart,
    onDragEnd
  }) => __experimentalFeatures ? (0, _element.createElement)(_blockSlot.default, (0, _extends2.default)({
    ref: ref,
    className: className,
    block: block,
    onClick: onClick,
    isSelected: isSelected,
    position: position,
    siblingBlockCount: siblingBlockCount,
    level: level,
    draggable: draggable && __experimentalFeatures,
    onDragStart: onDragStart,
    onDragEnd: onDragEnd
  }, props)) : (0, _element.createElement)(_blockSelectButton.default, (0, _extends2.default)({
    ref: ref,
    className: className,
    block: block,
    onClick: onClick,
    isSelected: isSelected,
    position: position,
    siblingBlockCount: siblingBlockCount,
    level: level,
    draggable: draggable && __experimentalFeatures,
    onDragStart: onDragStart,
    onDragEnd: onDragEnd
  }, props)));
});
var _default = BlockNavigationBlockContents;
exports.default = _default;
//# sourceMappingURL=block-contents.js.map