@wordpress/block-editor 15.10.1-next.v.0 → 15.11.1-next.v.0

package/src/store/test/private-selectors.js

@@ -19,8 +19,8 @@ import {
 	isMoveLockedBlock,
 	isRemoveLockedBlock,
 	isLockedBlock,
-	isBlockHidden,
-	areBlocksHiddenAnywhere,
+	isBlockHiddenAnywhere,
+	isBlockHiddenAtViewport,
 } from '../private-selectors';
 import { getBlockEditingMode } from '../selectors';
 import { deviceTypeKey } from '../private-keys';
@@ -932,10 +932,11 @@ describe( 'private selectors', () => {
 		} );
 	} );
 
-	describe( 'isBlockHidden', () => {
+	describe( 'isBlockHiddenAnywhere', () => {
 		beforeAll( () => {
 			// Register a block with visibility support
 			registerBlockType( 'core/test-block-with-visibility', {
+				apiVersion: 3,
 				save: () => null,
 				category: 'text',
 				title: 'Test Block With Visibility',
@@ -946,6 +947,7 @@ describe( 'private selectors', () => {
 
 			// Register a block without visibility support
 			registerBlockType( 'core/test-block-without-visibility', {
+				apiVersion: 3,
 				save: () => null,
 				category: 'text',
 				title: 'Test Block Without Visibility',
@@ -956,6 +958,7 @@ describe( 'private selectors', () => {
 
 			// Register a block with no supports defined (defaults to true for visibility)
 			registerBlockType( 'core/test-block-default-visibility', {
+				apiVersion: 3,
 				save: () => null,
 				category: 'text',
 				title: 'Test Block Default Visibility',
@@ -990,7 +993,7 @@ describe( 'private selectors', () => {
 				},
 			};
 
-			expect( isBlockHidden( state, 'block-1' ) ).toBe( false );
+			expect( isBlockHiddenAnywhere( state, 'block-1' ) ).toBe( false );
 		} );
 
 		it( 'should return true when block has visibility support and is hidden', () => {
@@ -1015,7 +1018,7 @@ describe( 'private selectors', () => {
 				},
 			};
 
-			expect( isBlockHidden( state, 'block-1' ) ).toBe( true );
+			expect( isBlockHiddenAnywhere( state, 'block-1' ) ).toBe( true );
 		} );
 
 		it( 'should return false when block does not have visibility support', () => {
@@ -1042,7 +1045,7 @@ describe( 'private selectors', () => {
 
 			// Even though blockVisibility is false, the block doesn't support visibility,
 			// so it should return false
-			expect( isBlockHidden( state, 'block-1' ) ).toBe( false );
+			expect( isBlockHiddenAnywhere( state, 'block-1' ) ).toBe( false );
 		} );
 
 		it( 'should return false when block has default visibility support and is not hidden', () => {
@@ -1067,7 +1070,7 @@ describe( 'private selectors', () => {
 				},
 			};
 
-			expect( isBlockHidden( state, 'block-1' ) ).toBe( false );
+			expect( isBlockHiddenAnywhere( state, 'block-1' ) ).toBe( false );
 		} );
 
 		it( 'should return true when block has default visibility support and is hidden', () => {
@@ -1092,7 +1095,7 @@ describe( 'private selectors', () => {
 				},
 			};
 
-			expect( isBlockHidden( state, 'block-1' ) ).toBe( true );
+			expect( isBlockHiddenAnywhere( state, 'block-1' ) ).toBe( true );
 		} );
 
 		it( 'should return false when block has no metadata', () => {
@@ -1108,7 +1111,7 @@ describe( 'private selectors', () => {
 				},
 			};
 
-			expect( isBlockHidden( state, 'block-1' ) ).toBe( false );
+			expect( isBlockHiddenAnywhere( state, 'block-1' ) ).toBe( false );
 		} );
 
 		it( 'should return false when block has metadata but no blockVisibility property', () => {
@@ -1133,7 +1136,7 @@ describe( 'private selectors', () => {
 				},
 			};
 
-			expect( isBlockHidden( state, 'block-1' ) ).toBe( false );
+			expect( isBlockHiddenAnywhere( state, 'block-1' ) ).toBe( false );
 		} );
 
 		it( 'should handle non-existent block gracefully', () => {
@@ -1146,25 +1149,93 @@ describe( 'private selectors', () => {
 
 			// When block doesn't exist, getBlockName returns null,
 			// and hasBlockSupport should handle null gracefully
-			expect( isBlockHidden( state, 'non-existent-block' ) ).toBe(
+			expect( isBlockHiddenAnywhere( state, 'non-existent-block' ) ).toBe(
 				false
 			);
 		} );
 	} );
 
-	describe( 'isBlockHidden in different devices', () => {
-		const originalExperimentalFlag =
-			window.__experimentalHideBlocksBasedOnScreenSize;
+	describe( 'isBlockHiddenAtViewport', () => {
+		beforeAll( () => {
+			registerBlockType( 'core/test-block-with-visibility', {
+				apiVersion: 3,
+				save: () => null,
+				category: 'text',
+				title: 'Test Block With Visibility',
+				supports: {
+					visibility: true,
+				},
+			} );
+		} );
+
+		afterAll( () => {
+			unregisterBlockType( 'core/test-block-with-visibility' );
+		} );
+
+		it( 'returns true when block is hidden everywhere', () => {
+			const state = {
+				blocks: {
+					byClientId: new Map( [
+						[
+							'block-1',
+							{ name: 'core/test-block-with-visibility' },
+						],
+					] ),
+					attributes: new Map( [
+						[
+							'block-1',
+							{
+								metadata: {
+									blockVisibility: false,
+								},
+							},
+						],
+					] ),
+				},
+			};
 
-		beforeEach( () => {
-			window.__experimentalHideBlocksBasedOnScreenSize = true;
+			expect(
+				isBlockHiddenAtViewport( state, 'block-1', 'Desktop' )
+			).toBe( true );
 		} );
 
-		afterEach( () => {
-			window.__experimentalHideBlocksBasedOnScreenSize =
-				originalExperimentalFlag;
+		it( 'returns visibility based on the requested viewport', () => {
+			const state = {
+				blocks: {
+					byClientId: new Map( [
+						[
+							'block-1',
+							{ name: 'core/test-block-with-visibility' },
+						],
+					] ),
+					attributes: new Map( [
+						[
+							'block-1',
+							{
+								metadata: {
+									blockVisibility: {
+										viewport: {
+											mobile: false,
+											tablet: true,
+										},
+									},
+								},
+							},
+						],
+					] ),
+				},
+			};
+
+			expect(
+				isBlockHiddenAtViewport( state, 'block-1', 'Mobile' )
+			).toBe( true );
+			expect(
+				isBlockHiddenAtViewport( state, 'block-1', 'Tablet' )
+			).toBe( false );
 		} );
+	} );
 
+	describe( 'isBlockHiddenAnywhere in different devices', () => {
 		const createState = ( blockVisibility, deviceType = 'Desktop' ) => ( {
 			settings: {
 				[ deviceTypeKey ]: deviceType,
@@ -1196,132 +1267,58 @@ describe( 'private selectors', () => {
 			},
 		} );
 
-		it( 'returns false when experimental flag is disabled and block has breakpoint visibility', () => {
-			window.__experimentalHideBlocksBasedOnScreenSize = false;
-			const state = createState( { mobile: false, tablet: true } );
-			const result = isBlockHidden( state, 'test-block' );
-			expect( result ).toBe( false );
-		} );
-
-		it( 'returns false when Desktop is selected and block has breakpoint visibility', () => {
+		it( 'returns true when block is hidden at any viewport (mobile)', () => {
 			const state = createState(
-				{ mobile: false, tablet: true },
+				{ viewport: { mobile: false, tablet: true } },
 				'Desktop'
 			);
-			const result = isBlockHidden( state, 'test-block' );
-			expect( result ).toBe( false );
+			const result = isBlockHiddenAnywhere( state, 'test-block' );
+			expect( result ).toBe( true );
 		} );
 
-		it( 'returns true when Desktop is selected and block is hidden on desktop', () => {
-			const state = createState( { desktop: false }, 'Desktop' );
-			const result = isBlockHidden( state, 'test-block' );
+		it( 'returns true when block is hidden on desktop', () => {
+			const state = createState(
+				{ viewport: { desktop: false } },
+				'Desktop'
+			);
+			const result = isBlockHiddenAnywhere( state, 'test-block' );
 			expect( result ).toBe( true );
 		} );
 
-		it( 'returns true when Tablet is selected and block is hidden on tablet', () => {
+		it( 'returns true when block is hidden on tablet', () => {
 			const state = createState(
-				{ mobile: true, tablet: false },
+				{ viewport: { mobile: true, tablet: false } },
 				'Tablet'
 			);
-			const result = isBlockHidden( state, 'test-block' );
+			const result = isBlockHiddenAnywhere( state, 'test-block' );
 			expect( result ).toBe( true );
 		} );
 
-		it( 'returns true when Mobile is selected and block is hidden on mobile', () => {
+		it( 'returns true when block is hidden on mobile', () => {
 			const state = createState(
-				{ mobile: false, tablet: true },
+				{ viewport: { mobile: false, tablet: true } },
 				'Mobile'
 			);
-			const result = isBlockHidden( state, 'test-block' );
+			const result = isBlockHiddenAnywhere( state, 'test-block' );
 			expect( result ).toBe( true );
 		} );
 
-		it( 'returns false when Tablet is selected and block is visible on tablet', () => {
+		it( 'returns true when block is hidden at any viewport even if visible at current device', () => {
 			const state = createState(
-				{ mobile: false, tablet: true },
+				{ viewport: { mobile: false, tablet: true } },
 				'Tablet'
 			);
-			const result = isBlockHidden( state, 'test-block' );
-			expect( result ).toBe( false );
-		} );
-	} );
-
-	describe( 'areBlocksHiddenAnywhere', () => {
-		it( 'should return false when clientIds array is empty', () => {
-			const state = {
-				blocks: {
-					attributes: new Map(),
-				},
-			};
-			expect( areBlocksHiddenAnywhere( state, [] ) ).toBe( false );
-			expect( areBlocksHiddenAnywhere( state, null ) ).toBe( false );
-			expect( areBlocksHiddenAnywhere( state, undefined ) ).toBe( false );
-		} );
-
-		it( 'should return false when no blocks are hidden', () => {
-			const state = {
-				blocks: {
-					attributes: new Map( [
-						[ 'block-1', { metadata: { blockVisibility: true } } ],
-						[ 'block-2', { metadata: {} } ],
-					] ),
-				},
-			};
-			expect(
-				areBlocksHiddenAnywhere( state, [ 'block-1', 'block-2' ] )
-			).toBe( false );
-		} );
-
-		it( 'should return true when a block is hidden everywhere', () => {
-			const state = {
-				blocks: {
-					attributes: new Map( [
-						[ 'block-1', { metadata: { blockVisibility: false } } ],
-						[ 'block-2', { metadata: { blockVisibility: true } } ],
-					] ),
-				},
-			};
-			expect(
-				areBlocksHiddenAnywhere( state, [ 'block-1', 'block-2' ] )
-			).toBe( true );
-		} );
-
-		it( 'should return true when a block is hidden in any viewport', () => {
-			const state = {
-				blocks: {
-					attributes: new Map( [
-						[
-							'block-1',
-							{
-								metadata: {
-									blockVisibility: {
-										mobile: false,
-										tablet: true,
-									},
-								},
-							},
-						],
-						[ 'block-2', { metadata: { blockVisibility: true } } ],
-					] ),
-				},
-			};
-			expect(
-				areBlocksHiddenAnywhere( state, [ 'block-1', 'block-2' ] )
-			).toBe( true );
+			const result = isBlockHiddenAnywhere( state, 'test-block' );
+			expect( result ).toBe( true );
 		} );
 
-		it( 'should return false when clientId is null or undefined', () => {
-			const state = {
-				blocks: {
-					attributes: new Map( [
-						[ 'block-1', { metadata: { blockVisibility: false } } ],
-					] ),
-				},
-			};
-			expect( areBlocksHiddenAnywhere( state, [ null ] ) ).toBe( false );
-			expect( areBlocksHiddenAnywhere( state, [ undefined ] ) ).toBe(
-				false
+		it( 'returns false when block is visible at all viewports', () => {
+			const state = createState(
+				{ mobile: true, tablet: true, desktop: true },
+				'Desktop'
 			);
+			const result = isBlockHiddenAnywhere( state, 'test-block' );
+			expect( result ).toBe( false );
 		} );
 	} );
 } );

package/src/store/test/reducer.js

@@ -199,6 +199,7 @@ describe( 'state', () => {
 	describe( 'blocks()', () => {
 		beforeAll( () => {
 			registerBlockType( 'core/test-block', {
+				apiVersion: 3,
 				save: noop,
 				edit: noop,
 				category: 'text',
@@ -213,12 +214,14 @@ describe( 'state', () => {
 		describe( 'replace inner blocks', () => {
 			beforeAll( () => {
 				registerBlockType( 'core/test-parent-block', {
+					apiVersion: 3,
 					save: noop,
 					edit: noop,
 					category: 'text',
 					title: 'test parent block',
 				} );
 				registerBlockType( 'core/test-child-block', {
+					apiVersion: 3,
 					save: noop,
 					edit: noop,
 					category: 'text',
@@ -2994,6 +2997,7 @@ describe( 'state', () => {
 						blockAttributes?.fruit === variationAttributes.fruit,
 				} ) );
 				registerBlockType( blockWithVariations, {
+					apiVersion: 3,
 					save: noop,
 					edit: noop,
 					title: 'Fruit with variations',

package/src/store/test/registry-selectors.js

@@ -12,6 +12,7 @@ import { store } from '../';
 describe( 'selectors', () => {
 	beforeEach( () => {
 		registerBlockType( 'core/test-block-a', {
+			apiVersion: 3,
 			save: ( props ) => props.attributes.text,
 			category: 'design',
 			title: 'Test Block A',
@@ -20,6 +21,7 @@ describe( 'selectors', () => {
 		} );
 
 		registerBlockType( 'core/test-block-b', {
+			apiVersion: 3,
 			save: ( props ) => props.attributes.text,
 			category: 'text',
 			title: 'Test Block B',

package/src/store/test/selectors.js

@@ -85,6 +85,7 @@ describe( 'selectors', () => {
 
 	beforeEach( () => {
 		registerBlockType( 'core/block', {
+			apiVersion: 3,
 			save: () => null,
 			category: 'reusable',
 			title: 'Reusable Block Stub',
@@ -94,6 +95,7 @@ describe( 'selectors', () => {
 		} );
 
 		registerBlockType( 'core/test-block-a', {
+			apiVersion: 3,
 			save: ( props ) => props.attributes.text,
 			category: 'design',
 			title: 'Test Block A',
@@ -102,6 +104,7 @@ describe( 'selectors', () => {
 		} );
 
 		registerBlockType( 'core/test-block-b', {
+			apiVersion: 3,
 			save: ( props ) => props.attributes.text,
 			category: 'text',
 			title: 'Test Block B',
@@ -113,6 +116,7 @@ describe( 'selectors', () => {
 		} );
 
 		registerBlockType( 'core/test-block-c', {
+			apiVersion: 3,
 			save: ( props ) => props.attributes.text,
 			category: 'text',
 			title: 'Test Block C',
@@ -122,6 +126,7 @@ describe( 'selectors', () => {
 		} );
 
 		registerBlockType( 'core/freeform', {
+			apiVersion: 3,
 			save: ( props ) => <RawHTML>{ props.attributes.content }</RawHTML>,
 			category: 'text',
 			title: 'Test Freeform Content Handler',
@@ -134,6 +139,7 @@ describe( 'selectors', () => {
 		} );
 
 		registerBlockType( 'core/post-content-child', {
+			apiVersion: 3,
 			save: () => null,
 			category: 'text',
 			title: 'Test Block Post Content Child',
@@ -143,6 +149,7 @@ describe( 'selectors', () => {
 		} );
 
 		registerBlockType( 'core/test-block-ancestor', {
+			apiVersion: 3,
 			save: ( props ) => props.attributes.text,
 			category: 'text',
 			title: 'Test Block required as ancestor',
@@ -151,6 +158,7 @@ describe( 'selectors', () => {
 		} );
 
 		registerBlockType( 'core/test-block-parent', {
+			apiVersion: 3,
 			save: ( props ) => props.attributes.text,
 			category: 'text',
 			title: 'Test Block required as parent',
@@ -159,6 +167,7 @@ describe( 'selectors', () => {
 		} );
 
 		registerBlockType( 'core/test-block-requires-ancestor', {
+			apiVersion: 3,
 			save: ( props ) => props.attributes.text,
 			category: 'text',
 			title: 'Test Block that requires ancestor',
@@ -168,6 +177,7 @@ describe( 'selectors', () => {
 		} );
 
 		registerBlockType( 'core/test-block-requires-ancestor-parent', {
+			apiVersion: 3,
 			save: ( props ) => props.attributes.text,
 			category: 'text',
 			title: 'Test Block that requires both ancestor and parent',
@@ -3548,6 +3558,7 @@ describe( 'selectors', () => {
 	describe( 'getBlockTransformItems', () => {
 		beforeAll( () => {
 			registerBlockType( 'core/with-tranforms-a', {
+				apiVersion: 3,
 				category: 'text',
 				title: 'Transforms a',
 				edit: () => {},
@@ -3577,6 +3588,7 @@ describe( 'selectors', () => {
 				},
 			} );
 			registerBlockType( 'core/with-tranforms-b', {
+				apiVersion: 3,
 				category: 'text',
 				title: 'Transforms b',
 				edit: () => {},
@@ -3592,6 +3604,7 @@ describe( 'selectors', () => {
 				},
 			} );
 			registerBlockType( 'core/with-tranforms-c', {
+				apiVersion: 3,
 				category: 'text',
 				title: 'Transforms c',
 				edit: () => {},
@@ -4259,18 +4272,21 @@ describe( 'getInserterItems with core blocks prioritization', () => {
 	// the core blocks (usually by using the `init` action), thus affecting the display order.
 	beforeEach( () => {
 		registerBlockType( 'plugin/block-a', {
+			apiVersion: 3,
 			save() {},
 			category: 'text',
 			title: 'Plugin Block A',
 			icon: 'test',
 		} );
 		registerBlockType( 'another-plugin/block-b', {
+			apiVersion: 3,
 			save() {},
 			category: 'text',
 			title: 'Another Plugin Block B',
 			icon: 'test',
 		} );
 		registerBlockType( 'plugin/block-c-with-variations', {
+			apiVersion: 3,
 			save() {},
 			category: 'text',
 			title: 'Plugin Block C with variations',
@@ -4278,11 +4294,13 @@ describe( 'getInserterItems with core blocks prioritization', () => {
 			variations: [ { name: 'variation-a' }, { name: 'variation-b' } ],
 		} );
 		registerBlockType( 'core/block', {
+			apiVersion: 3,
 			save() {},
 			category: 'text',
 			title: 'Core Block A',
 		} );
 		registerBlockType( 'core/test-block-a', {
+			apiVersion: 3,
 			save: ( props ) => props.attributes.text,
 			category: 'design',
 			title: 'Core Block B',
@@ -4290,6 +4308,7 @@ describe( 'getInserterItems with core blocks prioritization', () => {
 			keywords: [ 'testing' ],
 		} );
 		registerBlockType( 'core/test-block-with-variations', {
+			apiVersion: 3,
 			save() {},
 			category: 'text',
 			title: 'Core Block C with variations',

package/src/utils/fit-text-utils.js

@@ -22,7 +22,7 @@ function findOptimalFontSize( textElement, applyFontSize ) {
 	const paddingRight = parseFloat( computedStyle.paddingRight ) || 0;
 	const range = document.createRange();
 	range.selectNodeContents( textElement );
-
+	let maxclientHeight = textElement.clientHeight;
 	while ( minSize <= maxSize ) {
 		const midSize = Math.floor( ( minSize + maxSize ) / 2 );
 		applyFontSize( midSize );
@@ -41,7 +41,17 @@ function findOptimalFontSize( textElement, applyFontSize ) {
 		// Check if text fits within the element's height.
 		const fitsHeight =
 			alreadyHasScrollableHeight ||
-			textElement.scrollHeight <= textElement.clientHeight;
+			textElement.scrollHeight <= textElement.clientHeight ||
+			textElement.scrollHeight <= maxclientHeight;
+
+		// When there are calculated line heights, text may jump in height
+		// the available space may decrease while the font size decreases,
+		// making text not fit.
+		// We store a maximum reference height: the maximum reference element height that was observed
+		// during the loop to avoid issues with such jumps.
+		if ( textElement.clientHeight > maxclientHeight ) {
+			maxclientHeight = textElement.clientHeight;
+		}
 
 		if ( fitsWidth && fitsHeight ) {
 			bestSize = midSize;

package/build/components/block-visibility/block-visibility-info.cjs

@@ -1,63 +0,0 @@
-"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

package/build/components/block-visibility/block-visibility-info.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/block-visibility/block-visibility-info.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tIcon,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { unseen } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as blockEditorStore } from '../../store';\n\nconst { Badge } = unlock( componentsPrivateApis );\n\nexport default function BlockVisibilityInfo( { clientId } ) {\n\tconst { isBlockHidden, hasHiddenParent } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn { isBlockHidden: false, hasHiddenParent: false };\n\t\t\t}\n\t\t\tconst { isBlockHidden: _isBlockHidden, getBlockParents } = unlock(\n\t\t\t\tselect( blockEditorStore )\n\t\t\t);\n\n\t\t\tconst blockHidden = _isBlockHidden( clientId );\n\t\t\tconst parents = getBlockParents( clientId );\n\t\t\tconst parentHidden = parents.some( ( parentId ) =>\n\t\t\t\t_isBlockHidden( parentId )\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tisBlockHidden: blockHidden,\n\t\t\t\thasHiddenParent: parentHidden,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tif ( ! ( isBlockHidden || hasHiddenParent ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Badge className=\"block-editor-block-visibility-info\">\n\t\t\t<HStack spacing={ 2 } justify=\"start\">\n\t\t\t\t<Icon icon={ unseen } />\n\t\t\t\t<Text>\n\t\t\t\t\t{ isBlockHidden\n\t\t\t\t\t\t? __( 'Block is hidden' )\n\t\t\t\t\t\t: __( 'Parent block is hidden' ) }\n\t\t\t\t</Text>\n\t\t\t</HStack>\n\t\t</Badge>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAKO;AACP,kBAA0B;AAC1B,kBAAmB;AACnB,mBAAuB;AAKvB,yBAAuB;AACvB,mBAA0C;AAkCvC;AAhCH,IAAM,EAAE,MAAM,QAAI,2BAAQ,kBAAAA,WAAsB;AAEjC,SAAR,oBAAsC,EAAE,SAAS,GAAI;AAC3D,QAAM,EAAE,eAAe,gBAAgB,QAAI;AAAA,IAC1C,CAAE,WAAY;AACb,UAAK,CAAE,UAAW;AACjB,eAAO,EAAE,eAAe,OAAO,iBAAiB,MAAM;AAAA,MACvD;AACA,YAAM,EAAE,eAAe,gBAAgB,gBAAgB,QAAI;AAAA,QAC1D,OAAQ,aAAAC,KAAiB;AAAA,MAC1B;AAEA,YAAM,cAAc,eAAgB,QAAS;AAC7C,YAAM,UAAU,gBAAiB,QAAS;AAC1C,YAAM,eAAe,QAAQ;AAAA,QAAM,CAAE,aACpC,eAAgB,QAAS;AAAA,MAC1B;AAEA,aAAO;AAAA,QACN,eAAe;AAAA,QACf,iBAAiB;AAAA,MAClB;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AAEA,MAAK,EAAI,iBAAiB,kBAAoB;AAC7C,WAAO;AAAA,EACR;AAEA,SACC,4CAAC,SAAM,WAAU,sCAChB,uDAAC,kBAAAC,sBAAA,EAAO,SAAU,GAAI,SAAQ,SAC7B;AAAA,gDAAC,0BAAK,MAAO,qBAAS;AAAA,IACtB,4CAAC,kBAAAC,oBAAA,EACE,8BACC,gBAAI,iBAAkB,QACtB,gBAAI,wBAAyB,GACjC;AAAA,KACD,GACD;AAEF;",
-  "names": ["componentsPrivateApis", "blockEditorStore", "HStack", "Text"]
-}