UNPKG

@wordpress/block-editor

Version:
64 lines (62 loc) 2.9 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-visibility/block-visibility-info.js var block_visibility_info_exports = {}; __export(block_visibility_info_exports, { default: () => BlockVisibilityInfo }); module.exports = __toCommonJS(block_visibility_info_exports); var import_components = require("@wordpress/components"); var import_data = require("@wordpress/data"); var import_i18n = require("@wordpress/i18n"); var import_icons = require("@wordpress/icons"); var import_lock_unlock = require("../../lock-unlock.cjs"); var import_store = require("../../store/index.cjs"); var import_jsx_runtime = require("react/jsx-runtime"); var { Badge } = (0, import_lock_unlock.unlock)(import_components.privateApis); function BlockVisibilityInfo({ clientId }) { const { isBlockHidden, hasHiddenParent } = (0, import_data.useSelect)( (select) => { if (!clientId) { return { isBlockHidden: false, hasHiddenParent: false }; } const { isBlockHidden: _isBlockHidden, getBlockParents } = (0, import_lock_unlock.unlock)( select(import_store.store) ); const blockHidden = _isBlockHidden(clientId); const parents = getBlockParents(clientId); const parentHidden = parents.some( (parentId) => _isBlockHidden(parentId) ); return { isBlockHidden: blockHidden, hasHiddenParent: parentHidden }; }, [clientId] ); if (!(isBlockHidden || hasHiddenParent)) { return null; } return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, { className: "block-editor-block-visibility-info", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { spacing: 2, justify: "start", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon: import_icons.unseen }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { children: isBlockHidden ? (0, import_i18n.__)("Block is hidden") : (0, import_i18n.__)("Parent block is hidden") }) ] }) }); } //# sourceMappingURL=block-visibility-info.cjs.map