🤖 Merge PR DefinitelyTyped#74261 [@wordpress/block-editor] Add definitions for the HeadingLevelDropdown component by @Toberumono

Co-authored-by: Joshua Lipstone <joshualip@plaudit.com>

Author: Toberumono

types/wordpress__block-editor/components/block-heading-level-dropdown.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from "react";
+
+declare namespace HeadingLevelDropdown {
+    type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+    interface Props {
+        options?: HeadingLevel[] | (readonly HeadingLevel[]) | undefined;
+        value?: HeadingLevel | undefined;
+        onChange?: (value?: HeadingLevel | undefined) => void;
+    }
+}
+declare const HeadingLevelDropdown: {
+    (props: HeadingLevelDropdown.Props): JSX.Element;
+};
+
+export default HeadingLevelDropdown;

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

@@ -7,6 +7,7 @@ export { default as BlockAlignmentToolbar } from "./block-alignment-toolbar";
 export { default as BlockControls } from "./block-controls";
 export { default as BlockEdit } from "./block-edit";
 export { default as BlockFormatControls } from "./block-format-controls";
+export { default as HeadingLevelDropdown } from "./block-heading-level-dropdown";
 export { default as BlockIcon } from "./block-icon";
 export { default as BlockNavigationDropdown } from "./block-navigation/dropdown";
 export { default as BlockVerticalAlignmentToolbar } from "./block-vertical-alignment-toolbar";

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

@@ -216,6 +216,13 @@ be.getFontSizeClass("foo");
 // $ExpectType ComponentType<any>
 be.withFontSizes("fontSize")(() => <h1>Hello World</h1>);
 
+//
+// heading-level-dropdown
+//
+<be.HeadingLevelDropdown value={5} />;
+<be.HeadingLevelDropdown value={5} options={[4]} />;
+<be.HeadingLevelDropdown value={5} options={[4]} onChange={v => console.log(v)} />;
+
 //
 // inner-blocks
 //