Add docs for form validation

[devongovett]

This adds documentation for the form validation features added in #5288 and #5313. There is a high level "Forms" guide for both React Spectrum and React Aria, along with docs in each individual component. The component level docs have a single basic example, and link out to the forms guide to cover more details. The guide covers labeling and help text, submitting data, built-in validation, custom validation, realtime validation, server validation, and usage with third party form libraries like React Hook Form.

Also fixed a couple bugs along the way. Main one is a workaround for a React issue causing controlled textareas with minLength constraints not to validate in Chrome. facebook/react#19474 I submitted a React PR for that as well but since the issue exists since at least React 15, we'll need a workaround. facebook/react#27635

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-17
• View the storybook-16
• View the documentation

[snowystinger]

my turn to apologize for merge conflicts :(

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-17
• View the storybook-16
• View the documentation

[LFDanLu]

Did a sweep of the docs, things look good to me. Just one discrepancy I noticed but probably a non-issue

[LFDanLu]

Probably a non-issue, but is there a reason why the NumberField HelpText example wasn't changed to match the example pattern that the other docs switched to (aka showing the valid and invalid messages side by side)?

[devongovett]

I think I just thought that example was closer to real-world. But I could be convinced to change it too.

[rspbot]

Build successful! 🎉

• View the storybook
• View the storybook-17
• View the storybook-16
• View the documentation

[rspbot]

## API Changes

unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any', access: 'private' }
unknown top level export { type: 'any', access: 'private' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'identifier', name: 'Column' }
unknown top level export { type: 'identifier', name: 'Column' }
unknown type { type: 'link' }
unknown type { type: 'link' }
unknown type { type: 'link' }
unknown type { type: 'link' }
unknown type { type: 'link' }
unknown type { type: 'link' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }
unknown top level export { type: 'any' }

@react-spectrum/form

Form

 SpectrumFormProps {
-  action?: string
+  action?: string | FormHTMLAttributes<HTMLFormElement>['action']
+  autoCapitalize?: 'off' | 'on'
+  autoComplete?: 'off' | 'on'
   children: ReactElement<SpectrumLabelableProps> | Array<ReactElement<SpectrumLabelableProps>>
   encType?: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'
   isDisabled?: boolean
   isEmphasized?: boolean
   isQuiet?: boolean
   isReadOnly?: boolean
   isRequired?: boolean
-  method?: 'get' | 'post'
-  onSubmit?: FormEventHandler
+  method?: 'get' | 'post' | 'dialog'
+  onReset?: (FormEvent<HTMLFormElement>) => void
+  onSubmit?: (FormEvent<HTMLFormElement>) => void
+  role?: 'search' | 'presentation'
   target?: '_blank' | '_self' | '_parent' | '_top'
   validationBehavior?: 'aria' | 'native' = 'aria'
   validationErrors?: ValidationErrors
   validationState?: ValidationState = 'valid'
 

---