0.5.24 • Published 6 years ago

@react-ag-components/contact-person v0.5.24

Weekly downloads
2
License
MIT
Repository
github
Last release
6 years ago

contact-person

React contact-person component for external web apps

Usage

Install

npm i @react-ag-components/contact-person --save

Use in your project

import ContactPerson from '@react-ag-components/contact-person'
let contactPerson =
{
  "contactPerson": {
    "currentUserIsContactPerson": "false",
    "email": "email@email.com",
    "otherClientDetails": {
      "clientId": "65465456",
      "personDetails": {
        "firstName": "John"
      }
    },
    "otherPersonDetails": {
      "firstName": "Cindy",
      "lastName": "Pak",
      "phone": "234234",
      "postalAddress": {
        "addressLine1": "5 jason street",
        "suburb": "maroo",
        "state": "stateact",
        "postcode": "234234",
        "country": "au"
      }
    }
  }
}
<ContactPerson
  ref="contactPerson"
  contactPersonDoneStatus={this.contactPersonDoneStatus}
  contactPersonMsg={this.updateMsg}
  standAlonePage={false}
  notShowHeading={false}
  contactPerson={this.state.contactPerson}
/>

updateMsg = status => {
  this.setState((prevState, props) => ({
    [status.type]: status.msg
  }));
  if (status.msg !== "") {
    window.scroll(0, 0);
  }
};

contactPersonDoneStatus = status => {
  this.setState((prevState, props) => ({
    contactPersonDoneStatus: status
  }));
};

Properties

propTypeNote
contactPersonobjectcontactPerson object provide by the parent page
standAlonePagebooleanHas own Save button
handleClientContactPersonSavefunctionperform save
contactPersonDoneStatusfunctionbroadcast done, usually use to show/hide the rest of the fields on the parent page
standAloneLabelstringdefault is "Save"
getErrorObj()functionlet error = this.refs.contactPerson.getErrorObj(), error.type and error.msg available
getDetails()functionlet details = this.refs.contactPerson.getDetails() returns contactPerson object
notShowHeadingbooleanparent page will provide it's own heading, description.

Contributing

Get the repository

git clone https://github.com/alphillips/contact-person-component.git

Update dependencies

npm install

Run the project

npm start

Deploy to npm

Build

npm run build -- --copy-files

Publish

npm publish --access public

0.5.24

6 years ago

0.5.23

6 years ago

0.5.22

6 years ago

0.5.21

6 years ago

0.5.20

6 years ago

0.5.19

6 years ago

0.5.18

6 years ago

0.5.16

6 years ago

0.5.15

6 years ago

0.5.14

6 years ago

0.5.13

6 years ago

0.5.12

6 years ago

0.5.10

6 years ago

0.5.9

6 years ago

0.5.8

6 years ago

0.5.7

6 years ago

0.5.6

6 years ago

0.5.5

6 years ago

0.5.4

6 years ago

0.5.3

6 years ago

0.5.2

6 years ago

0.5.1

6 years ago

0.5.0

6 years ago

0.4.9

6 years ago

0.4.8

6 years ago

0.4.7

6 years ago

0.4.6

6 years ago

0.4.5

6 years ago

0.4.4

6 years ago

0.4.3

6 years ago

0.4.2

6 years ago

0.4.1

6 years ago

0.4.0

6 years ago

0.3.9

6 years ago

0.3.8

6 years ago

0.3.7

6 years ago

0.3.6

6 years ago

0.3.5

6 years ago

0.3.4

6 years ago

0.3.3

6 years ago

0.3.2

6 years ago

0.3.1

6 years ago

0.3.0

6 years ago

0.2.9

6 years ago

0.2.8

6 years ago

0.2.6

6 years ago

0.2.5

6 years ago

0.2.4

6 years ago

0.2.3

6 years ago

0.2.2

6 years ago

0.2.1

6 years ago

0.2.0

6 years ago

0.1.9

6 years ago

0.1.8

6 years ago

0.1.7

6 years ago

0.1.6

6 years ago

0.1.5

6 years ago

0.1.4

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago

0.0.9

6 years ago

0.0.8

6 years ago

0.0.7

6 years ago

0.0.6

6 years ago

0.0.5

6 years ago

0.0.4

6 years ago

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago