@wordpress/block-editor/build/components/block-list/use-block-props/use-is-hovered.js

Generic block editor.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useIsHovered = useIsHovered;
var _compose = require("@wordpress/compose");
/**
 * WordPress dependencies
 */

function listener(event) {
  if (event.defaultPrevented) {
    return;
  }
  event.preventDefault();
  event.currentTarget.classList.toggle('is-hovered', event.type === 'mouseover');
}

/*
 * Adds `is-hovered` class when the block is hovered and in navigation or
 * outline mode.
 */
function useIsHovered() {
  return (0, _compose.useRefEffect)(node => {
    node.addEventListener('mouseout', listener);
    node.addEventListener('mouseover', listener);
    return () => {
      node.removeEventListener('mouseout', listener);
      node.removeEventListener('mouseover', listener);

      // Remove class in case it lingers.
      node.classList.remove('is-hovered');
    };
  }, []);
}
//# sourceMappingURL=use-is-hovered.js.map