Disable Link field if value is a post

WordPress · Aug 25, 2023 · 9128d72 · 9128d72
1 parent f8a1cfb
commit 9128d72
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/link-control/index.js b/packages/block-editor/src/components/link-control/index.js
@@ -387,6 +387,7 @@ function LinkControl( {
 								createSuggestionButtonText
 							}
 							hideLabelFromVision={ ! showTextControl }
+							isDisabled={ value?.id }
 						/>
 					</div>
 					{ errorMessage && (

diff --git a/packages/block-editor/src/components/link-control/search-input.js b/packages/block-editor/src/components/link-control/search-input.js
@@ -47,6 +47,7 @@ const LinkControlSearchInput = forwardRef(
 			withURLSuggestion = true,
 			createSuggestionButtonText,
 			hideLabelFromVision = false,
+			isDisabled = false,
 		},
 		ref
 	) => {
@@ -156,6 +157,7 @@ const LinkControlSearchInput = forwardRef(
 						}
 					} }
 					ref={ ref }
+					isDisabled={ isDisabled }
 				/>
 				{ children }
 			</div>

diff --git a/packages/block-editor/src/components/url-input/index.js b/packages/block-editor/src/components/url-input/index.js
@@ -435,6 +435,7 @@ class URLInput extends Component {
 			__experimentalRenderControl: renderControl,
 			value = '',
 			hideLabelFromVision = false,
+			isDisabled,
 		} = this.props;
 
 		const {
@@ -476,6 +477,7 @@ class URLInput extends Component {
 					? `${ suggestionOptionIdPrefix }-${ selectedSuggestion }`
 					: undefined,
 			ref: this.inputRef,
+			disabled: isDisabled,
 		};
 
 		if ( renderControl ) {

diff --git a/packages/block-library/src/navigation-link/link-ui.js b/packages/block-library/src/navigation-link/link-ui.js
@@ -158,7 +158,7 @@ export function LinkUI( props ) {
 		};
 	}
 
-	const { label, url, opensInNewTab, type, kind } = props.link;
+	const { label, url, opensInNewTab, type, kind, id } = props.link;
 
 	let userCanCreate = false;
 	if ( ! type || type === 'page' ) {
@@ -174,8 +174,9 @@ export function LinkUI( props ) {
 			url,
 			opensInNewTab,
 			title: label && stripHTML( label ),
+			id,
 		} ),
-		[ label, opensInNewTab, url ]
+		[ label, opensInNewTab, url, id ]
 	);
 
 	return (