Rename HTMLElementSelectControl to HTMLElementControl

packages/block-editor/src/components/html-element-select-control/README.md → packages/block-editor/src/components/html-element-control/README.md

@@ -1,8 +1,8 @@
-# HTML Element Select Control
+# HTML Element Control
 
 A specialized component for selecting HTML elements with validation to prevent duplicate `<main>` elements.
 
-The `HTMLElementSelectControl` is an extension of the WordPress `SelectControl` component that adds validation to prevent duplicate `<main>` HTML elements. This component is designed to help ensure valid HTML structure and improve accessibility in content created with the WordPress block editor.
+The `HTMLElementControl` provides a way to select HTML elements with validation to prevent duplicate `<main>` elements. This component is designed to help ensure valid HTML structure and improve accessibility in content created with the WordPress block editor.
 
 > **Note:** This component is available via private APIs using the unlock pattern. It is not directly exposed as a public API.
 
@@ -14,14 +14,14 @@ The `HTMLElementSelectControl` is an extension of the WordPress `SelectControl`
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { unlock } from './lock-unlock';
 
-const { HTMLElementSelectControl } = unlock( blockEditorPrivateApis );
+const { HTMLElementControl } = unlock( blockEditorPrivateApis );
 
 function MyBlockEdit( { attributes, setAttributes, clientId } ) {
     const { tagName } = attributes;
 
     return (
         <InspectorControls group="advanced">
-            <HTMLElementSelectControl
+            <HTMLElementControl
                 tagName={ tagName }
                 onChange={ ( value ) => setAttributes( { tagName: value } ) }
                 clientId={ clientId }

packages/block-editor/src/components/html-element-select-control/index.js → packages/block-editor/src/components/html-element-control/index.js

@@ -23,7 +23,7 @@ import { htmlElementMessages } from './messages';
  *
  * @return {Component} The HTML element select control with validation.
  */
-export default function HTMLElementSelectControl( {
+export default function HTMLElementControl( {
 	tagName,
 	onChange,
 	clientId,

packages/block-editor/src/private-apis.js

@@ -50,7 +50,7 @@ import useBlockDisplayTitle from './components/block-title/use-block-display-tit
 import TabbedSidebar from './components/tabbed-sidebar';
 import CommentIconSlotFill from './components/collab/block-comment-icon-slot';
 import CommentIconToolbarSlotFill from './components/collab/block-comment-icon-toolbar-slot';
-import HTMLElementSelectControl from './components/html-element-select-control';
+import HTMLElementControl from './components/html-element-control';
 /**
  * Private @wordpress/block-editor APIs.
  */
@@ -81,7 +81,7 @@ lock( privateApis, {
 	TextAlignmentControl,
 	usesContextKey,
 	useFlashEditableBlocks,
-	HTMLElementSelectControl,
+	HTMLElementControl,
 	useZoomOut,
 	globalStylesDataKey,
 	globalStylesLinksDataKey,

packages/block-library/src/comments/edit/comments-inspector-controls.js

@@ -12,7 +12,7 @@ import {
  */
 import { unlock } from '../../lock-unlock';
 
-const { HTMLElementSelectControl } = unlock( blockEditorPrivateApis );
+const { HTMLElementControl } = unlock( blockEditorPrivateApis );
 
 export default function CommentsInspectorControls( {
 	attributes: { tagName },
@@ -22,7 +22,7 @@ export default function CommentsInspectorControls( {
 	return (
 		<InspectorControls>
 			<InspectorControls group="advanced">
-				<HTMLElementSelectControl
+				<HTMLElementControl
 					tagName={ tagName }
 					onChange={ ( value ) =>
 						setAttributes( { tagName: value } )

packages/block-library/src/cover/edit/inspector-controls.js

@@ -36,7 +36,7 @@ import { unlock } from '../../lock-unlock';
 import { useToolsPanelDropdownMenuProps } from '../../utils/hooks';
 import { DEFAULT_MEDIA_SIZE_SLUG } from '../constants';
 
-const { cleanEmptyObject, ResolutionTool, HTMLElementSelectControl } = unlock(
+const { cleanEmptyObject, ResolutionTool, HTMLElementControl } = unlock(
 	blockEditorPrivateApis
 );
 
@@ -421,7 +421,7 @@ export default function CoverInspectorControls( {
 				</ToolsPanelItem>
 			</InspectorControls>
 			<InspectorControls group="advanced">
-				<HTMLElementSelectControl
+				<HTMLElementControl
 					tagName={ tagName }
 					onChange={ ( value ) =>
 						setAttributes( { tagName: value } )

packages/block-library/src/group/edit.js

@@ -20,7 +20,7 @@ import { View } from '@wordpress/primitives';
 import GroupPlaceHolder, { useShouldShowPlaceHolder } from './placeholder';
 import { unlock } from '../lock-unlock';
 
-const { HTMLElementSelectControl } = unlock( blockEditorPrivateApis );
+const { HTMLElementControl } = unlock( blockEditorPrivateApis );
 
 /**
  * Render inspector controls for the Group block.
@@ -35,7 +35,7 @@ const { HTMLElementSelectControl } = unlock( blockEditorPrivateApis );
 function GroupEditControls( { tagName, onSelectTagName, clientId } ) {
 	return (
 		<InspectorControls group="advanced">
-			<HTMLElementSelectControl
+			<HTMLElementControl
 				tagName={ tagName }
 				onChange={ onSelectTagName }
 				clientId={ clientId }

packages/block-library/src/query/edit/query-content.js

@@ -25,7 +25,7 @@ import EnhancedPaginationModal from './enhanced-pagination-modal';
 import { getQueryContextFromTemplate } from '../utils';
 import QueryToolbar from './query-toolbar';
 
-const { HTMLElementSelectControl } = unlock( blockEditorPrivateApis );
+const { HTMLElementControl } = unlock( blockEditorPrivateApis );
 
 const DEFAULTS_POSTS_PER_PAGE = 3;
 
@@ -149,7 +149,7 @@ export default function QueryContent( {
 				<QueryToolbar attributes={ attributes } clientId={ clientId } />
 			</BlockControls>
 			<InspectorControls group="advanced">
-				<HTMLElementSelectControl
+				<HTMLElementControl
 					tagName={ TagName }
 					onChange={ ( value ) =>
 						setAttributes( { tagName: value } )

packages/block-library/src/separator/edit.js

@@ -22,7 +22,7 @@ import { __ } from '@wordpress/i18n';
 import useDeprecatedOpacity from './use-deprecated-opacity';
 import { unlock } from '../lock-unlock';
 
-const { HTMLElementSelectControl } = unlock( blockEditorPrivateApis );
+const { HTMLElementControl } = unlock( blockEditorPrivateApis );
 
 export default function SeparatorEdit( {
 	attributes,
@@ -59,7 +59,7 @@ export default function SeparatorEdit( {
 	return (
 		<>
 			<InspectorControls group="advanced">
-				<HTMLElementSelectControl
+				<HTMLElementControl
 					tagName={ tagName }
 					onChange={ ( value ) =>
 						setAttributes( { tagName: value } )

packages/block-library/src/template-part/edit/advanced-controls.js

@@ -13,7 +13,7 @@ import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { TemplatePartImportControls } from './import-controls';
 import { unlock } from '../../lock-unlock';
 
-const { HTMLElementSelectControl } = unlock( blockEditorPrivateApis );
+const { HTMLElementControl } = unlock( blockEditorPrivateApis );
 
 export function TemplatePartAdvancedControls( {
 	tagName,
@@ -77,7 +77,7 @@ export function TemplatePartAdvancedControls( {
 					/>
 				</>
 			) }
-			<HTMLElementSelectControl
+			<HTMLElementControl
 				tagName={ tagName || '' }
 				onChange={ ( value ) => setAttributes( { tagName: value } ) }
 				clientId={ clientId }