@seccl/profile-reactui
React ui for working with a client's profile
Last updated 2 years ago by davetayls .
SEE LICENSE IN LICENSE.md · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @seccl/profile-reactui 
SYNC missed versions from official npm registry.

profile-reactui

React ui for working with a client's profile. This module contains containers for the forms, for which each will render a section of a client's profile. It also contains the PostcodeSearchInputContainer (with search & functionality).

Usage

This module provides containers which accept a firmId / clientId and will:

  • load the client details from entities-reactdata (a fetchNotice will be shown during load).
  • map the data from the client entity to the fields to be displayed.
  • render a profile form component to display the section of the profile
  • (AddressFormContainer only:) Render a postcode search field. Selecting an address will prefill the fields of the address form.
  • create a reduxForm, which handles validation.
  • dispatch an update*OnServer action (from @seccl/profile-reactdata) which will send the details to the server and refresh the client entity data after it has been updated.
  • update the profile state with updated values so that server errors persist correctly.

Usage:

<BankDetailsFormContainer firmId="001234" clientId="C12345">

The FormContainers also accept optional props which will be passed to the HideShowContainer to allow some limited styling.

Advanced Usage

If you want more customisation of the form's behaviour, you can import the components from this module and write your own container. The components include the fields, input types & layout, but none of the functionality listed above, so your custom container will need to implement these.

PostcodeSearchInputContainer

<PostcodeSearchInputContainer /> will render a working postcode search box & buttons. It accepts a prop "onItemSelected" that will be called when the user selects an address from the dropdown.

The AddressForm component wraps the PostcodeSearchInputContainer, and offers the same prop.

Current Tags

  • 1.7.0                                ...           latest (2 years ago)

19 Versions

  • 1.7.0                                ...           2 years ago
  • 1.6.2                                ...           2 years ago
  • 1.6.1                                ...           2 years ago
  • 1.6.0                                ...           2 years ago
  • 1.5.1                                ...           2 years ago
  • 1.5.0                                ...           2 years ago
  • 1.4.3                                ...           2 years ago
  • 1.4.2                                ...           2 years ago
  • 1.4.1                                ...           2 years ago
  • 1.4.0                                ...           2 years ago
  • 1.3.6                                ...           2 years ago
  • 1.3.5                                ...           2 years ago
  • 1.3.4                                ...           2 years ago
  • 1.3.3                                ...           2 years ago
  • 1.3.2                                ...           2 years ago
  • 1.3.1                                ...           2 years ago
  • 1.3.0                                ...           2 years ago
  • 1.2.0                                ...           2 years ago
  • 1.1.0                                ...           2 years ago
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 1
Last Month 2
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |