UNPKG

@wordpress/block-editor

Version:
59 lines (57 loc) 1.93 kB
"use strict"; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // packages/block-editor/src/components/block-list/use-block-props/use-is-hovered.js var use_is_hovered_exports = {}; __export(use_is_hovered_exports, { useIsHovered: () => useIsHovered }); module.exports = __toCommonJS(use_is_hovered_exports); var import_compose = require("@wordpress/compose"); function listener(event) { if (event.defaultPrevented) { return; } event.preventDefault(); event.currentTarget.classList.toggle( "is-hovered", event.type === "mouseover" ); } function useIsHovered({ isEnabled = true } = {}) { return (0, import_compose.useRefEffect)( (node) => { if (!isEnabled) { return; } node.addEventListener("mouseout", listener); node.addEventListener("mouseover", listener); return () => { node.removeEventListener("mouseout", listener); node.removeEventListener("mouseover", listener); node.classList.remove("is-hovered"); }; }, [isEnabled] ); } // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { useIsHovered }); //# sourceMappingURL=use-is-hovered.cjs.map