@wordpress/block-library 10.4.0 → 10.5.0

package/src/table-of-contents/README.md

@@ -8,7 +8,7 @@ Summarize your post with a list of headings. Add HTML anchors to Heading blocks
 - **Name:** `core/table-of-contents`
 - **Category:** [design](https://developer.wordpress.org/block-editor/reference-guides/core-blocks/core-blocks-design/)
 - **API Version:** [3](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-api-versions/)
-- **Block Type:** [Hybrid](https://developer.wordpress.org/block-editor/getting-started/fundamentals/static-dynamic-rendering/) (static save + server enhancements)
+- **Block Type:** [Dynamic](https://developer.wordpress.org/block-editor/getting-started/fundamentals/static-dynamic-rendering/) (server-rendered)
 - **Keywords:** `document outline`, `summary`
 
 ## Attributes
@@ -17,7 +17,7 @@ _Defined via the [`attributes`](https://developer.wordpress.org/block-editor/ref
 
 | Attribute | [Type](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#type-validation) | [Default](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#default-value) | Description |
 |-----------|------|---------|-------------|
-| `headings` | `array` | `[]` | — |
+| `headings` | `array` | `[]` | [Role](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#role): `local` |
 | `onlyIncludeCurrentPage` | `boolean` | `false` | — |
 | `maxLevel` | `number` | — | — |
 | `ordered` | `boolean` | `true` | — |
@@ -45,12 +45,12 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 
 ## Block Markup
 
-This is a [**hybrid block**](https://developer.wordpress.org/block-editor/getting-started/fundamentals/static-dynamic-rendering/). It saves static markup that the server may enhance during rendering.
+This is a [**dynamic block**](https://developer.wordpress.org/block-editor/getting-started/fundamentals/static-dynamic-rendering/). It is rendered on the server and does not save HTML in post content.
+
+In post content, it is stored as a block comment:
 
 ```html
-<!-- wp:table-of-contents {"headings":[{"content":"Heading text","level":2,"link":"#heading-id-1"},{"content":"A sub-heading","level":3,"link":"#heading-id-2"}]} -->
-<nav class="wp-block-table-of-contents"><ol><li><a class="wp-block-table-of-contents__entry" href="#heading-id-1">Heading text</a><ol><li><a class="wp-block-table-of-contents__entry" href="#heading-id-2">A sub-heading</a></li></ol></li></ol></nav>
-<!-- /wp:table-of-contents -->
+<!-- wp:table-of-contents {"maxLevel":3,"ordered":false} /-->
 ```
 
 ## Source

package/src/table-of-contents/block.json

@@ -14,7 +14,8 @@
 			"items": {
 				"type": "object"
 			},
-			"default": []
+			"default": [],
+			"role": "local"
 		},
 		"onlyIncludeCurrentPage": {
 			"type": "boolean",

package/src/table-of-contents/deprecated.js

@@ -0,0 +1,173 @@
+import { useBlockProps } from '@wordpress/block-editor';
+
+const ENTRY_CLASS_NAME = 'wp-block-table-of-contents__entry';
+
+const attributes = {
+	headings: {
+		type: 'array',
+		items: {
+			type: 'object',
+		},
+		default: [],
+	},
+	onlyIncludeCurrentPage: {
+		type: 'boolean',
+		default: false,
+	},
+	maxLevel: {
+		type: 'number',
+	},
+	ordered: {
+		type: 'boolean',
+		default: true,
+	},
+};
+
+const supports = {
+	anchor: true,
+	ariaLabel: true,
+	html: false,
+	color: {
+		text: true,
+		background: true,
+		gradients: true,
+		link: true,
+	},
+	spacing: {
+		margin: true,
+		padding: true,
+	},
+	typography: {
+		fontSize: true,
+		lineHeight: true,
+		__experimentalFontFamily: true,
+		__experimentalFontWeight: true,
+		__experimentalFontStyle: true,
+		__experimentalTextTransform: true,
+		__experimentalTextDecoration: true,
+		__experimentalLetterSpacing: true,
+		__experimentalDefaultControls: {
+			fontSize: true,
+		},
+	},
+	interactivity: {
+		clientNavigation: true,
+	},
+	__experimentalBorder: {
+		radius: true,
+		color: true,
+		width: true,
+		style: true,
+		__experimentalDefaultControls: {
+			radius: true,
+			color: true,
+			width: true,
+			style: true,
+		},
+	},
+};
+
+function linearToNestedHeadingList( headingList ) {
+	const nestedHeadingList = [];
+
+	headingList.forEach( ( heading, key ) => {
+		if ( heading.content === '' ) {
+			return;
+		}
+
+		if ( heading.level === headingList[ 0 ].level ) {
+			if ( headingList[ key + 1 ]?.level > heading.level ) {
+				let endOfSlice = headingList.length;
+				for ( let i = key + 1; i < headingList.length; i++ ) {
+					if ( headingList[ i ].level === heading.level ) {
+						endOfSlice = i;
+						break;
+					}
+				}
+
+				nestedHeadingList.push( {
+					heading,
+					children: linearToNestedHeadingList(
+						headingList.slice( key + 1, endOfSlice )
+					),
+				} );
+			} else {
+				nestedHeadingList.push( {
+					heading,
+					children: null,
+				} );
+			}
+		}
+	} );
+
+	return nestedHeadingList;
+}
+
+function TableOfContentsList( { nestedHeadingList, ordered = true } ) {
+	return (
+		<>
+			{ nestedHeadingList.map( ( node, index ) => {
+				const { content, link } = node.heading;
+
+				const entry = link ? (
+					<a className={ ENTRY_CLASS_NAME } href={ link }>
+						{ content }
+					</a>
+				) : (
+					<span className={ ENTRY_CLASS_NAME }>{ content }</span>
+				);
+
+				const NestedListTag = ordered ? 'ol' : 'ul';
+
+				return (
+					<li key={ index }>
+						{ entry }
+						{ node.children ? (
+							<NestedListTag>
+								<TableOfContentsList
+									nestedHeadingList={ node.children }
+									ordered={ ordered }
+								/>
+							</NestedListTag>
+						) : null }
+					</li>
+				);
+			} ) }
+		</>
+	);
+}
+
+const hasOwn = ( object, key ) =>
+	Object.prototype.hasOwnProperty.call( object, key );
+
+const v1 = {
+	attributes,
+	supports,
+	isEligible: ( blockAttributes, innerBlocks, { blockNode } = {} ) => {
+		return (
+			hasOwn( blockAttributes, 'headings' ) ||
+			blockNode?.innerHTML?.includes( 'wp-block-table-of-contents' )
+		);
+	},
+	migrate: ( { headings, ...persistentAttributes } ) => persistentAttributes,
+	save( { attributes: { headings = [], ordered = true } } ) {
+		if ( headings.length === 0 ) {
+			return null;
+		}
+		const ListTag = ordered ? 'ol' : 'ul';
+		return (
+			<nav { ...useBlockProps.save() }>
+				<ListTag>
+					<TableOfContentsList
+						nestedHeadingList={ linearToNestedHeadingList(
+							headings
+						) }
+						ordered={ ordered }
+					/>
+				</ListTag>
+			</nav>
+		);
+	},
+};
+
+export default [ v1 ];

package/src/table-of-contents/index.js

@@ -1,9 +1,9 @@
 import { __ } from '@wordpress/i18n';
 import { tableOfContents as icon } from '@wordpress/icons';
 import initBlock from '../utils/init-block';
+import deprecated from './deprecated';
 import metadata from './block.json';
 import edit from './edit';
-import save from './save';
 
 const { name } = metadata;
 
@@ -11,8 +11,8 @@ export { metadata, name };
 
 export const settings = {
 	icon,
+	deprecated,
 	edit,
-	save,
 	example: {
 		innerBlocks: [
 			{

package/src/table-of-contents/index.php

@@ -363,14 +363,27 @@ function block_core_table_of_contents_build_list_items( $nested_headings, $list_
 /**
  * Renders the table of contents block from current post headings.
  *
- * @param array  $attributes Attributes of the block being rendered.
- * @param string $content Content of the block being rendered.
+ * @param array         $attributes Attributes of the block being rendered.
+ * @param string        $content Content of the block being rendered.
+ * @param WP_Block|null $block Block instance.
  *
  * @return string The content of the block being rendered.
  */
-function block_core_table_of_contents_render( $attributes, $content ) {
+function block_core_table_of_contents_render( $attributes, $content, $block = null ) {
 	global $wp_current_filter;
 
+	// Preserve legacy saved markup for old posts that have not been edited and migrated yet.
+	$legacy_content = $content;
+	if ( '' === trim( $legacy_content ) && ! empty( $block->parsed_block['innerHTML'] ) ) {
+		$legacy_content = $block->parsed_block['innerHTML'];
+	}
+
+	// Once a post is edited and saved, the block migrates to dynamic rendering.
+	if ( '' !== trim( $legacy_content ) ) {
+		return block_core_table_of_contents_add_aria_label( $attributes, $legacy_content );
+	}
+
+	// Outside post content rendering, there is no reliable current post to scan.
 	if ( ! is_array( $wp_current_filter ) || ! in_array( 'the_content', $wp_current_filter, true ) ) {
 		return block_core_table_of_contents_add_aria_label( $attributes, $content );
 	}

package/src/tabs/index.php

@@ -21,7 +21,7 @@ function block_core_tabs_generate_tabs_list( array $innerblocks = array(), strin
 	// Find tab-panel block
 	foreach ( $innerblocks as $inner_block ) {
 		if ( 'core/tab-panels' === ( $inner_block['blockName'] ?? '' ) ) {
-			$tab_index = 0;
+			$tab_number = 1;
 			foreach ( $inner_block['innerBlocks'] ?? array() as $tab_block ) {
 				if ( 'core/tab-panel' === ( $tab_block['blockName'] ?? '' ) ) {
 					$attrs = $tab_block['attrs'] ?? array();
@@ -29,11 +29,11 @@ function block_core_tabs_generate_tabs_list( array $innerblocks = array(), strin
 					$tab_id = ! empty( $attrs['anchor'] )
 						? $attrs['anchor']
 						: ( ! empty( $tabs_id )
-							? $tabs_id . '-tab-' . $tab_index
-							: 'tab-' . $tab_index );
+							? $tabs_id . '-tab-' . $tab_number
+							: 'tab-' . $tab_number );
 
 					$tabs_list[] = esc_attr( $tab_id );
-					++$tab_index;
+					++$tab_number;
 				}
 			}
 			break;
@@ -59,7 +59,7 @@ function block_core_tabs_provide_context( array $context, array $parsed_block ):
 	if ( 'core/tabs' === $parsed_block['blockName'] ) {
 		// Generate a unique ID for the tabs instance first, so it can be used
 		// to derive stable tab IDs.
-		$tabs_id                   = $parsed_block['attrs']['anchor'] ?? wp_unique_id( 'tabs_' );
+		$tabs_id                   = $parsed_block['attrs']['anchor'] ?? wp_unique_prefixed_id( 'tabs_' );
 		$tabs_list                 = block_core_tabs_generate_tabs_list( $parsed_block['innerBlocks'] ?? array(), $tabs_id );
 		$context['core/tabs-list'] = $tabs_list;
 		$context['core/tabs-id']   = $tabs_id;

package/src/tabs/view.js

@@ -47,8 +47,26 @@ const { actions, state } = store(
 				return activeTabIndex === tabIndex;
 			},
 			/**
-			 * The value of the tabindex attribute for tab buttons.
-			 * Only the active tab should be in the tab sequence.
+			 * The value of the hidden attribute for tab panels.
+			 *
+			 * Inactive panels use the `until-found` state rather than being
+			 * hidden outright, so their content stays reachable by the
+			 * browser's find-in-page and by fragment navigation. The browser
+			 * fires `beforematch` on the panel before revealing it, which is
+			 * where the matching tab gets activated.
+			 *
+			 * @type {string|null}
+			 */
+			get isHidden() {
+				return state.isActiveTab ? null : 'until-found';
+			},
+			/**
+			 * The value of the tabindex attribute for tab buttons and tab
+			 * panels. Only the active tab should be in the tab sequence.
+			 *
+			 * An inactive panel is hidden with `until-found`, which leaves it
+			 * in the layout, so it stays focusable unless it is taken out of
+			 * the tab sequence here.
 			 *
 			 * @type {number}
 			 */
@@ -96,6 +114,18 @@ const { actions, state } = store(
 					actions.setActiveTab( tabIndex );
 				}
 			} ),
+			/**
+			 * Activates the tab whose panel the browser is about to reveal.
+			 *
+			 * Fired on a panel hidden with `until-found` when find-in-page or
+			 * a fragment navigation matches content inside it.
+			 */
+			handleBeforeMatch: () => {
+				const { tabIndex } = state;
+				if ( tabIndex !== null ) {
+					actions.setActiveTab( tabIndex );
+				}
+			},
 			/**
 			 * Moves focus to a specific tab without activating it.
 			 *

package/src/term-description/index.php

@@ -23,7 +23,7 @@ function render_block_core_term_description( $attributes, $content, $block ) {
 	if ( isset( $block->context['termId'] ) && isset( $block->context['taxonomy'] ) ) {
 		$term = get_term( $block->context['termId'], $block->context['taxonomy'] );
 		if ( $term && ! is_wp_error( $term ) ) {
-			$term_description = $term->description;
+			$term_description = get_term_field( 'description', $term );
 		}
 	} elseif ( is_category() || is_tag() || is_tax() ) {
 		$term_description = term_description();

package/src/term-template/edit.js

@@ -14,10 +14,19 @@ import {
 } from '@wordpress/block-editor';
 import { useEntityRecords } from '@wordpress/core-data';
 
+// The Term Template's layout attribute arranges the term items, not the
+// blocks of the template, which always stack vertically inside each term
+// item. Override the inherited layout so inner block UI (movers, inserters,
+// grid controls) doesn't follow the term items' grid.
+const INNER_BLOCKS_LAYOUT = { type: 'default' };
+
 function TermTemplateInnerBlocks( { classList } ) {
 	const innerBlocksProps = useInnerBlocksProps(
 		{ className: clsx( 'wp-block-term', classList ) },
-		{ __unstableDisableLayoutClassNames: true }
+		{
+			__unstableDisableLayoutClassNames: true,
+			layout: INNER_BLOCKS_LAYOUT,
+		}
 	);
 	return <li { ...innerBlocksProps } />;
 }

package/src/utils/test/waveform-player-dependency.js

@@ -1,14 +1,5 @@
 import '@testing-library/jest-dom';
 
-const DEFAULT_PLAYBACK_RATES = [
-	'0.5x',
-	'0.75x',
-	'1x',
-	'1.25x',
-	'1.5x',
-	'1.75x',
-	'2x',
-];
 const FIXTURE_ATTRIBUTE = 'data-player-fixture';
 
 function createDeclarativePlayer( attributes = {} ) {
@@ -33,10 +24,6 @@ function loadWaveformPlayer() {
 	return WaveformPlayer;
 }
 
-function getFragmentedAttributeValue( prefix = '' ) {
-	return `${ prefix }" ${ FIXTURE_ATTRIBUTE }="sample`;
-}
-
 describe( 'Waveform Player dependency', () => {
 	let WaveformPlayer;
 	let originalReadyState;
@@ -102,43 +89,6 @@ describe( 'Waveform Player dependency', () => {
 		).not.toBeNull();
 	} );
 
-	it( 'uses the default alignment when a declarative alignment value is unsupported', () => {
-		const element = createDeclarativePlayer( {
-			'data-button-align': getFragmentedAttributeValue( 'center' ),
-		} );
-
-		WaveformPlayer = loadWaveformPlayer();
-		WaveformPlayer.init();
-
-		const track = element.querySelector( '.waveform-track' );
-		expect( track ).toHaveClass( 'waveform-align-center' );
-		expect( track ).not.toHaveAttribute( FIXTURE_ATTRIBUTE );
-	} );
-
-	it( 'uses the default playback rates when a declarative rate list is unsupported', () => {
-		const element = createDeclarativePlayer( {
-			'data-show-playback-speed': 'true',
-			'data-playback-rates': JSON.stringify( [
-				1,
-				getFragmentedAttributeValue( '1' ),
-				1.5,
-			] ),
-		} );
-
-		WaveformPlayer = loadWaveformPlayer();
-		WaveformPlayer.init();
-
-		const options = [ ...element.querySelectorAll( '.speed-option' ) ];
-		expect( options.map( ( option ) => option.textContent ) ).toEqual(
-			DEFAULT_PLAYBACK_RATES
-		);
-		expect(
-			options.some( ( option ) =>
-				option.hasAttribute( FIXTURE_ATTRIBUTE )
-			)
-		).toBe( false );
-	} );
-
 	it( 'supports custom control icons passed to the constructor', () => {
 		const element = document.createElement( 'div' );
 		const icon = document.createElementNS(
@@ -158,30 +108,6 @@ describe( 'Waveform Player dependency', () => {
 		).not.toBeNull();
 	} );
 
-	it( 'skips programmatic players during explicit declarative scans', () => {
-		const element = createDeclarativePlayer();
-		const icon = document.createElementNS(
-			'http://www.w3.org/2000/svg',
-			'svg'
-		);
-		icon.setAttribute( FIXTURE_ATTRIBUTE, 'constructor-scan' );
-
-		WaveformPlayer = loadWaveformPlayer();
-		const player = new WaveformPlayer( element, {
-			playIcon: icon.outerHTML,
-		} );
-
-		WaveformPlayer.init();
-
-		expect( WaveformPlayer.getAllInstances() ).toHaveLength( 1 );
-		expect( WaveformPlayer.getInstance( element ) ).toBe( player );
-		expect(
-			element.querySelector(
-				`[${ FIXTURE_ATTRIBUTE }="constructor-scan"]`
-			)
-		).not.toBeNull();
-	} );
-
 	it( 'initializes declarative players only after an explicit request', () => {
 		const element = createDeclarativePlayer();
 

package/build/block-keyboard-shortcuts/index.cjs

@@ -1,131 +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-library/src/block-keyboard-shortcuts/index.js
-var block_keyboard_shortcuts_exports = {};
-__export(block_keyboard_shortcuts_exports, {
-  default: () => block_keyboard_shortcuts_default
-});
-module.exports = __toCommonJS(block_keyboard_shortcuts_exports);
-var import_element = require("@wordpress/element");
-var import_data = require("@wordpress/data");
-var import_keyboard_shortcuts = require("@wordpress/keyboard-shortcuts");
-var import_i18n = require("@wordpress/i18n");
-var import_blocks = require("@wordpress/blocks");
-var import_block_editor = require("@wordpress/block-editor");
-function BlockKeyboardShortcuts() {
-  const { registerShortcut } = (0, import_data.useDispatch)(import_keyboard_shortcuts.store);
-  const { replaceBlocks } = (0, import_data.useDispatch)(import_block_editor.store);
-  const { getBlockName, getSelectedBlockClientId, getBlockAttributes } = (0, import_data.useSelect)(import_block_editor.store);
-  const handleTransformHeadingAndParagraph = (event, level) => {
-    event.preventDefault();
-    const currentClientId = getSelectedBlockClientId();
-    if (currentClientId === null) {
-      return;
-    }
-    const blockName = getBlockName(currentClientId);
-    const isParagraph = blockName === "core/paragraph";
-    const isHeading = blockName === "core/heading";
-    if (!isParagraph && !isHeading) {
-      return;
-    }
-    const destinationBlockName = level === 0 ? "core/paragraph" : "core/heading";
-    const attributes = getBlockAttributes(currentClientId);
-    if (isParagraph && level === 0 || isHeading && attributes.level === level) {
-      return;
-    }
-    const newAttributes = {
-      content: attributes.content
-    };
-    const sourceTextAlign = attributes.textAlign || attributes.style?.typography?.textAlign;
-    if (destinationBlockName === "core/heading") {
-      newAttributes.level = level;
-    }
-    if (sourceTextAlign) {
-      newAttributes.style = {
-        typography: {
-          textAlign: sourceTextAlign
-        }
-      };
-    }
-    replaceBlocks(
-      currentClientId,
-      (0, import_blocks.createBlock)(destinationBlockName, newAttributes)
-    );
-  };
-  (0, import_element.useEffect)(() => {
-    registerShortcut({
-      name: "core/block-editor/transform-heading-to-paragraph",
-      category: "block-library",
-      description: (0, import_i18n.__)("Transform heading to paragraph."),
-      keyCombination: {
-        modifier: "access",
-        character: "0"
-      },
-      aliases: [
-        {
-          modifier: "access",
-          character: "7"
-        }
-      ]
-    });
-    [1, 2, 3, 4, 5, 6].forEach((level) => {
-      registerShortcut({
-        name: `core/block-editor/transform-paragraph-to-heading-${level}`,
-        category: "block-library",
-        description: (0, import_i18n.__)("Transform paragraph to heading."),
-        keyCombination: {
-          modifier: "access",
-          character: `${level}`
-        }
-      });
-    });
-  }, [registerShortcut]);
-  (0, import_keyboard_shortcuts.useShortcut)(
-    "core/block-editor/transform-heading-to-paragraph",
-    (event) => handleTransformHeadingAndParagraph(event, 0)
-  );
-  (0, import_keyboard_shortcuts.useShortcut)(
-    "core/block-editor/transform-paragraph-to-heading-1",
-    (event) => handleTransformHeadingAndParagraph(event, 1)
-  );
-  (0, import_keyboard_shortcuts.useShortcut)(
-    "core/block-editor/transform-paragraph-to-heading-2",
-    (event) => handleTransformHeadingAndParagraph(event, 2)
-  );
-  (0, import_keyboard_shortcuts.useShortcut)(
-    "core/block-editor/transform-paragraph-to-heading-3",
-    (event) => handleTransformHeadingAndParagraph(event, 3)
-  );
-  (0, import_keyboard_shortcuts.useShortcut)(
-    "core/block-editor/transform-paragraph-to-heading-4",
-    (event) => handleTransformHeadingAndParagraph(event, 4)
-  );
-  (0, import_keyboard_shortcuts.useShortcut)(
-    "core/block-editor/transform-paragraph-to-heading-5",
-    (event) => handleTransformHeadingAndParagraph(event, 5)
-  );
-  (0, import_keyboard_shortcuts.useShortcut)(
-    "core/block-editor/transform-paragraph-to-heading-6",
-    (event) => handleTransformHeadingAndParagraph(event, 6)
-  );
-  return null;
-}
-var block_keyboard_shortcuts_default = BlockKeyboardShortcuts;
-//# sourceMappingURL=index.cjs.map

package/build/block-keyboard-shortcuts/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/block-keyboard-shortcuts/index.js"],
-  "sourcesContent": ["import { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tuseShortcut,\n\tstore as keyboardShortcutsStore,\n} from '@wordpress/keyboard-shortcuts';\nimport { __ } from '@wordpress/i18n';\nimport { createBlock } from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nfunction BlockKeyboardShortcuts() {\n\tconst { registerShortcut } = useDispatch( keyboardShortcutsStore );\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst { getBlockName, getSelectedBlockClientId, getBlockAttributes } =\n\t\tuseSelect( blockEditorStore );\n\n\tconst handleTransformHeadingAndParagraph = ( event, level ) => {\n\t\tevent.preventDefault();\n\n\t\tconst currentClientId = getSelectedBlockClientId();\n\t\tif ( currentClientId === null ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst blockName = getBlockName( currentClientId );\n\t\tconst isParagraph = blockName === 'core/paragraph';\n\t\tconst isHeading = blockName === 'core/heading';\n\n\t\tif ( ! isParagraph && ! isHeading ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst destinationBlockName =\n\t\t\tlevel === 0 ? 'core/paragraph' : 'core/heading';\n\n\t\tconst attributes = getBlockAttributes( currentClientId );\n\n\t\t// Avoid unnecessary block transform when attempting to transform to\n\t\t// the same block type and/or same level.\n\t\tif (\n\t\t\t( isParagraph && level === 0 ) ||\n\t\t\t( isHeading && attributes.level === level )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newAttributes = {\n\t\t\tcontent: attributes.content,\n\t\t};\n\n\t\t// Read textAlign from source block (could be in old or new format)\n\t\tconst sourceTextAlign =\n\t\t\tattributes.textAlign || attributes.style?.typography?.textAlign;\n\n\t\t// When destination is heading, set the level\n\t\tif ( destinationBlockName === 'core/heading' ) {\n\t\t\tnewAttributes.level = level;\n\t\t}\n\n\t\tif ( sourceTextAlign ) {\n\t\t\tnewAttributes.style = {\n\t\t\t\ttypography: {\n\t\t\t\t\ttextAlign: sourceTextAlign,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\n\t\treplaceBlocks(\n\t\t\tcurrentClientId,\n\t\t\tcreateBlock( destinationBlockName, newAttributes )\n\t\t);\n\t};\n\n\tuseEffect( () => {\n\t\tregisterShortcut( {\n\t\t\tname: 'core/block-editor/transform-heading-to-paragraph',\n\t\t\tcategory: 'block-library',\n\t\t\tdescription: __( 'Transform heading to paragraph.' ),\n\t\t\tkeyCombination: {\n\t\t\t\tmodifier: 'access',\n\t\t\t\tcharacter: '0',\n\t\t\t},\n\t\t\taliases: [\n\t\t\t\t{\n\t\t\t\t\tmodifier: 'access',\n\t\t\t\t\tcharacter: '7',\n\t\t\t\t},\n\t\t\t],\n\t\t} );\n\n\t\t[ 1, 2, 3, 4, 5, 6 ].forEach( ( level ) => {\n\t\t\tregisterShortcut( {\n\t\t\t\tname: `core/block-editor/transform-paragraph-to-heading-${ level }`,\n\t\t\t\tcategory: 'block-library',\n\t\t\t\tdescription: __( 'Transform paragraph to heading.' ),\n\t\t\t\tkeyCombination: {\n\t\t\t\t\tmodifier: 'access',\n\t\t\t\t\tcharacter: `${ level }`,\n\t\t\t\t},\n\t\t\t} );\n\t\t} );\n\t}, [ registerShortcut ] );\n\n\tuseShortcut(\n\t\t'core/block-editor/transform-heading-to-paragraph',\n\t\t( event ) => handleTransformHeadingAndParagraph( event, 0 )\n\t);\n\tuseShortcut(\n\t\t'core/block-editor/transform-paragraph-to-heading-1',\n\t\t( event ) => handleTransformHeadingAndParagraph( event, 1 )\n\t);\n\tuseShortcut(\n\t\t'core/block-editor/transform-paragraph-to-heading-2',\n\t\t( event ) => handleTransformHeadingAndParagraph( event, 2 )\n\t);\n\tuseShortcut(\n\t\t'core/block-editor/transform-paragraph-to-heading-3',\n\t\t( event ) => handleTransformHeadingAndParagraph( event, 3 )\n\t);\n\tuseShortcut(\n\t\t'core/block-editor/transform-paragraph-to-heading-4',\n\t\t( event ) => handleTransformHeadingAndParagraph( event, 4 )\n\t);\n\tuseShortcut(\n\t\t'core/block-editor/transform-paragraph-to-heading-5',\n\t\t( event ) => handleTransformHeadingAndParagraph( event, 5 )\n\t);\n\tuseShortcut(\n\t\t'core/block-editor/transform-paragraph-to-heading-6',\n\t\t( event ) => handleTransformHeadingAndParagraph( event, 6 )\n\t);\n\n\treturn null;\n}\n\nexport default BlockKeyboardShortcuts;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA0B;AAC1B,kBAAuC;AACvC,gCAGO;AACP,kBAAmB;AACnB,oBAA4B;AAC5B,0BAA0C;AAE1C,SAAS,yBAAyB;AACjC,QAAM,EAAE,iBAAiB,QAAI,yBAAa,0BAAAA,KAAuB;AACjE,QAAM,EAAE,cAAc,QAAI,yBAAa,oBAAAC,KAAiB;AACxD,QAAM,EAAE,cAAc,0BAA0B,mBAAmB,QAClE,uBAAW,oBAAAA,KAAiB;AAE7B,QAAM,qCAAqC,CAAE,OAAO,UAAW;AAC9D,UAAM,eAAe;AAErB,UAAM,kBAAkB,yBAAyB;AACjD,QAAK,oBAAoB,MAAO;AAC/B;AAAA,IACD;AAEA,UAAM,YAAY,aAAc,eAAgB;AAChD,UAAM,cAAc,cAAc;AAClC,UAAM,YAAY,cAAc;AAEhC,QAAK,CAAE,eAAe,CAAE,WAAY;AACnC;AAAA,IACD;AAEA,UAAM,uBACL,UAAU,IAAI,mBAAmB;AAElC,UAAM,aAAa,mBAAoB,eAAgB;AAIvD,QACG,eAAe,UAAU,KACzB,aAAa,WAAW,UAAU,OACnC;AACD;AAAA,IACD;AACA,UAAM,gBAAgB;AAAA,MACrB,SAAS,WAAW;AAAA,IACrB;AAGA,UAAM,kBACL,WAAW,aAAa,WAAW,OAAO,YAAY;AAGvD,QAAK,yBAAyB,gBAAiB;AAC9C,oBAAc,QAAQ;AAAA,IACvB;AAEA,QAAK,iBAAkB;AACtB,oBAAc,QAAQ;AAAA,QACrB,YAAY;AAAA,UACX,WAAW;AAAA,QACZ;AAAA,MACD;AAAA,IACD;AAEA;AAAA,MACC;AAAA,UACA,2BAAa,sBAAsB,aAAc;AAAA,IAClD;AAAA,EACD;AAEA,gCAAW,MAAM;AAChB,qBAAkB;AAAA,MACjB,MAAM;AAAA,MACN,UAAU;AAAA,MACV,iBAAa,gBAAI,iCAAkC;AAAA,MACnD,gBAAgB;AAAA,QACf,UAAU;AAAA,QACV,WAAW;AAAA,MACZ;AAAA,MACA,SAAS;AAAA,QACR;AAAA,UACC,UAAU;AAAA,UACV,WAAW;AAAA,QACZ;AAAA,MACD;AAAA,IACD,CAAE;AAEF,KAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAE,EAAE,QAAS,CAAE,UAAW;AAC1C,uBAAkB;AAAA,QACjB,MAAM,oDAAqD,KAAM;AAAA,QACjE,UAAU;AAAA,QACV,iBAAa,gBAAI,iCAAkC;AAAA,QACnD,gBAAgB;AAAA,UACf,UAAU;AAAA,UACV,WAAW,GAAI,KAAM;AAAA,QACtB;AAAA,MACD,CAAE;AAAA,IACH,CAAE;AAAA,EACH,GAAG,CAAE,gBAAiB,CAAE;AAExB;AAAA,IACC;AAAA,IACA,CAAE,UAAW,mCAAoC,OAAO,CAAE;AAAA,EAC3D;AACA;AAAA,IACC;AAAA,IACA,CAAE,UAAW,mCAAoC,OAAO,CAAE;AAAA,EAC3D;AACA;AAAA,IACC;AAAA,IACA,CAAE,UAAW,mCAAoC,OAAO,CAAE;AAAA,EAC3D;AACA;AAAA,IACC;AAAA,IACA,CAAE,UAAW,mCAAoC,OAAO,CAAE;AAAA,EAC3D;AACA;AAAA,IACC;AAAA,IACA,CAAE,UAAW,mCAAoC,OAAO,CAAE;AAAA,EAC3D;AACA;AAAA,IACC;AAAA,IACA,CAAE,UAAW,mCAAoC,OAAO,CAAE;AAAA,EAC3D;AACA;AAAA,IACC;AAAA,IACA,CAAE,UAAW,mCAAoC,OAAO,CAAE;AAAA,EAC3D;AAEA,SAAO;AACR;AAEA,IAAO,mCAAQ;",
-  "names": ["keyboardShortcutsStore", "blockEditorStore"]
-}