Add levelOptions attribute to Term Name block. (WordPress#73005)

Co-authored-by: shimotmk <[email protected]>
Co-authored-by: t-hamano <[email protected]>

Author: 3 people

docs/reference-guides/core-blocks.md

@@ -1039,7 +1039,7 @@ Displays the name of a taxonomy term. ([Source](https://github.com/WordPress/gut
 -	**Name:** core/term-name
 -	**Category:** theme
 -	**Supports:** align (full, wide), color (background, gradients, link, text), interactivity (clientNavigation), spacing (padding), typography (fontSize, lineHeight), ~~html~~
--	**Attributes:** isLink, level, textAlign
+-	**Attributes:** isLink, level, levelOptions, textAlign
 
 ## Term Template
 

packages/block-library/src/term-name/block.json

@@ -19,6 +19,9 @@
 		"isLink": {
 			"type": "boolean",
 			"default": false
+		},
+		"levelOptions": {
+			"type": "array"
 		}
 	},
 	"supports": {

packages/block-library/src/term-name/edit.js

@@ -32,7 +32,7 @@ export default function TermNameEdit( {
 	setAttributes,
 	context: { termId, taxonomy },
 } ) {
-	const { textAlign, level = 0, isLink } = attributes;
+	const { textAlign, level = 0, isLink, levelOptions } = attributes;
 	const { term } = useTermName( termId, taxonomy );
 
 	const termName = term?.name
@@ -66,7 +66,7 @@ export default function TermNameEdit( {
 			<BlockControls group="block">
 				<HeadingLevelDropdown
 					value={ level }
-					options={ [ 0, 1, 2, 3, 4, 5, 6 ] }
+					options={ levelOptions }
 					onChange={ ( newLevel ) => {
 						setAttributes( { level: newLevel } );
 					} }