🤖 Merge PR DefinitelyTyped#74040 [@wordpress/block-editor] Add basic link control definitions by @Toberumono

Author: Toberumono

types/wordpress__block-editor/components/index.d.ts

@@ -19,6 +19,7 @@ export * from "./font-sizes";
 export { default as InnerBlocks, useInnerBlocksProps } from "./inner-blocks";
 export { default as InspectorAdvancedControls } from "./inspector-advanced-controls";
 export { default as InspectorControls } from "./inspector-controls";
+export { default as LinkControl } from "./link-control";
 export { default as MediaPlaceholder } from "./media-placeholder";
 export { default as MediaUpload } from "./media-upload";
 export { default as MediaUploadCheck } from "./media-upload/check";

types/wordpress__block-editor/components/link-control.d.ts

@@ -0,0 +1,52 @@
+import { ComponentType, ReactNode } from "react";
+
+interface WPLinkControlDefaultValue {
+    url?: string;
+    title?: string;
+    opensInNewTab?: boolean;
+}
+
+interface WPLinkControlSettingsValue {
+    [setting: string]: any;
+}
+
+declare namespace LinkControl {
+    interface Props {
+        settings?: Setting[];
+        forceIsEditingLink?: boolean;
+        value?: Value;
+        onChange?: (nextValue?: Value) => void;
+        onRemove?: () => void;
+        onCancel?: () => void;
+
+        noDirectEntry?: boolean;
+        showSuggestions?: boolean;
+        showInitialSuggestions?: boolean;
+        withCreateSuggestion?: boolean;
+        suggestionsQuery?: any;
+        noURLSuggestion?: boolean;
+        hasTextControl?: boolean;
+        createSuggestion?: ((title: string) => Suggestion) | undefined;
+        createSuggestionButtonText?: string | ((searchTerm: string | undefined) => ReactNode);
+        renderControlBottom?: () => ReactNode;
+        handleEntities?: boolean;
+        hasRichPreviews?: boolean;
+    }
+
+    interface Setting {
+        id: string;
+        title: string;
+    }
+
+    interface Suggestion {
+        id: string;
+        type: string;
+        title: string;
+        url: string;
+    }
+
+    interface Value extends WPLinkControlDefaultValue, WPLinkControlSettingsValue {}
+}
+declare const LinkControl: ComponentType<LinkControl.Props> & { DEFAULT_LINK_SETTINGS: LinkControl.Setting[] };
+
+export default LinkControl;

types/wordpress__block-editor/wordpress__block-editor-tests.tsx

@@ -246,6 +246,15 @@ be.withFontSizes("fontSize")(() => <h1>Hello World</h1>);
 <be.InspectorControls group={"styles"}>Hello World</be.InspectorControls>;
 <be.InspectorControls.Slot />;
 
+//
+// link-control
+//
+<be.LinkControl
+    onChange={item => console.log(item)}
+    onRemove={() => console.log("removed")}
+    settings={be.LinkControl.DEFAULT_LINK_SETTINGS}
+/>;
+
 //
 // media-placeholder
 //