Add JSDoc to PostVisibility, PostVisibilityCheck, and PostVisibilityLabel

packages/editor/README.md

@@ -1154,15 +1154,43 @@ Undocumented declaration.
 
 ### PostVisibility
 
-Undocumented declaration.
+PostVisibility component.
+
+Allows users to set the visibility of a post.
+
+_Parameters_
+
+-   _props_ `Object`: Component properties.
+-   _props.onClose_ `Function`: Function to call when the popover is closed.
+
+_Returns_
+
+-   `JSX.Element`: The rendered component.
 
 ### PostVisibilityCheck
 
-Undocumented declaration.
+PostVisibilityCheck component.
+
+Determines if the current post can be edited (published) and passes this information to the provided render function.
+
+_Parameters_
+
+-   _props_ `Object`: - Component properties.
+-   _props.render_ `Function`: - Function to render the component. Receives an object with a `canEdit` property.
+
+_Returns_
+
+-   `JSX.Element`: Rendered component.
 
 ### PostVisibilityLabel
 
-Undocumented declaration.
+PostVisibilityLabel component.
+
+Returns the label for the current post visibility setting.
+
+_Returns_
+
+-   `string`: Post visibility label.
 
 ### privateApis
 
@@ -1266,7 +1294,11 @@ Undocumented declaration.
 
 ### usePostVisibilityLabel
 
-Undocumented declaration.
+Get the label for the current post visibility setting.
+
+_Returns_
+
+-   `string`: Post visibility label.
 
 ### userAutocompleter
 

packages/editor/src/components/post-visibility/check.js

@@ -8,6 +8,17 @@ import { useSelect } from '@wordpress/data';
  */
 import { store as editorStore } from '../../store';
 
+/**
+ * PostVisibilityCheck component.
+ *
+ * Determines if the current post can be edited (published)
+ * and passes this information to the provided render function.
+ *
+ * @param {Object}   props        - Component properties.
+ * @param {Function} props.render - Function to render the component.
+ *                                Receives an object with a `canEdit` property.
+ * @return {JSX.Element} Rendered component.
+ */
 export default function PostVisibilityCheck( { render } ) {
 	const canEdit = useSelect( ( select ) => {
 		return (

packages/editor/src/components/post-visibility/index.js

@@ -17,6 +17,15 @@ import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '
 import { visibilityOptions } from './utils';
 import { store as editorStore } from '../../store';
 
+/**
+ * PostVisibility component.
+ *
+ * Allows users to set the visibility of a post.
+ *
+ * @param {Object}   props         Component properties.
+ * @param {Function} props.onClose Function to call when the popover is closed.
+ * @return {JSX.Element} The rendered component.
+ */
 export default function PostVisibility( { onClose } ) {
 	const instanceId = useInstanceId( PostVisibility );
 
@@ -133,6 +142,18 @@ export default function PostVisibility( { onClose } ) {
 	);
 }
 
+/**
+ * PostVisibilityChoice component.
+ *
+ * Renders a visibility choice option.
+ *
+ * @param {Object} props            - Component properties.
+ * @param {number} props.instanceId - Unique instance ID for the component.
+ * @param {string} props.value      - The value of the visibility option.
+ * @param {string} props.label      - The label for the visibility option.
+ * @param {string} props.info       - Additional information about the visibility option.
+ * @return {JSX.Element} The rendered component.
+ */
 function PostVisibilityChoice( { instanceId, value, label, info, ...props } ) {
 	return (
 		<div className="editor-post-visibility__choice">

packages/editor/src/components/post-visibility/label.js

@@ -9,10 +9,22 @@ import { useSelect } from '@wordpress/data';
 import { visibilityOptions } from './utils';
 import { store as editorStore } from '../../store';
 
+/**
+ * PostVisibilityLabel component.
+ *
+ * Returns the label for the current post visibility setting.
+ *
+ * @return {string} Post visibility label.
+ */
 export default function PostVisibilityLabel() {
 	return usePostVisibilityLabel();
 }
 
+/**
+ * Get the label for the current post visibility setting.
+ *
+ * @return {string} Post visibility label.
+ */
 export function usePostVisibilityLabel() {
 	const visibility = useSelect( ( select ) =>
 		select( editorStore ).getEditedPostVisibility()