Post: add protected post password field inline error and uncheck "Password protected" for empty field

[ramonjd]

What problem does this address?

A follow up on:

• Limit Post Password Field to 255 characters. #64155

Context: #64156 (comment)

1. Add an inline error to warn about a 255+ char password

The protected post field in the database accepts a character count of up to 255.

Anything beyond that returns a server error.

#64155 limited character input to 255 characters.

Though it is an edge case, it might be useful to indicate to the user that such a password isn't allowed and has been truncated. @peterwilsoncc's idea that one.

2. Uncheck password protected when the password field is empty

When clearing a post password, the Pasword Protected checkbox remains open, even after saving the post.

This communicates that it's enabled, even though the password is empty and the password protection is disabled.

It might be useful to update the showPassword state when toggling the panel to uncheck it.

0411e662db3a7a7609847dd018095475.mp4

Example:

				<Dropdown
					className="editor-post-status"
					contentClassName="editor-change-status__content"
					popoverProps={ popoverProps }
					focusOnMount
					renderToggle={ ( { onToggle } ) => {
						const toggleStatusPanel = () => {
							onToggle();
							/*
							 * Reset password visibility
							 * if the password has been cleared.
							 */
							if ( ! password ) {
								setShowPassword( false );
							}
						};
...

What is your proposed solution?

[ramonjd]

Related:

• Consider using REST API data for database errors. #64158

[sarthaknagoshe2002]

@ramonjd I have raise a PR for this issue could you please take a look.