forms 3.0

• https://codesandbox.io/s/jzr284y1nw

TODO

• make a copy

• split up code

• fix all typings issues

• need to move renderInput out of Form

  • OneForm?

• tests

• add adapter

• integrate with original forms

• rename InputProps => ObserverInputProps?

• rename FormProps => ObserverFormProps?

• fix casing (issue with form & input vs Form & Input)

• accessibility

  • https://www.washington.edu/accessibility/checklist/forms/ should add described-by getting the help message from a validator
  • could make an Announcements component https://simplyaccessible.com/article/react-a11y/
  • helpful for jquery users https://medium.com/javascript-inside/better-understanding-forms-in-react-a85d889773ce
  • active https://github.com/jaredpalmer/formik/blob/master/src/utils.ts#L140
  • add codesandbox example for forwardRefs https://codesandbox.io/s/qv577lx1wq

• docs

  • move the flow out of deprecated to the new flow
  • could use forwardRefs

• ensure Plugins can (with tests & stories)

  • !! provide custom serialization
    • this is important when we are using multiple inputs and we need to combine them...
  • change validation strategy
  • validate using multiple inputs (like credit card, or confirm password)
  • provide default props
  • provide default props using a fn
  • absorb multiple inputs, even if they are flat (optional, can just pass specific props to it)

• tests

  • submit
    • test submit if js is disabled (security)
    • test submit with default
    • test submit with custom form state
    • test submit with custom plugin
  • serialization
    • test serialization default
    • test serialization with plugins
    • test serialization custom form state
  • render
    • test passThrough props going to the wrapper & input (they go to the right place)
    • test render using custom plugin
    • test renderWrap
    • test renderInput
    • test renderForm
    • test FormContext consumer
    • test InputContext consumer
    • test rendered styles on validations true & false
  • validation
    • run through validators with test data (don't fill it overly much, ask qa to fill)
    • test plugin validation

• functionality

  • finish validation strategies
  • check with @anitha to confirm all

• styles

  • minor helps on the 2 form themes
  • provide themes via context (renderProps via context that is)

• remove the forms from ui-component-library

  • resolve circular imports
  • create another repo for ui-component-library presets