0.5.24 • Published 7 years ago

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

Weekly downloads
2
License
MIT
Repository
github
Last release
7 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

7 years ago

0.5.23

7 years ago

0.5.22

7 years ago

0.5.21

7 years ago

0.5.20

7 years ago

0.5.19

7 years ago

0.5.18

7 years ago

0.5.16

7 years ago

0.5.15

7 years ago

0.5.14

7 years ago

0.5.13

7 years ago

0.5.12

7 years ago

0.5.10

7 years ago

0.5.9

7 years ago

0.5.8

7 years ago

0.5.7

7 years ago

0.5.6

7 years ago

0.5.5

7 years ago

0.5.4

7 years ago

0.5.3

7 years ago

0.5.2

7 years ago

0.5.1

7 years ago

0.5.0

7 years ago

0.4.9

7 years ago

0.4.8

7 years ago

0.4.7

7 years ago

0.4.6

7 years ago

0.4.5

7 years ago

0.4.4

7 years ago

0.4.3

7 years ago

0.4.2

7 years ago

0.4.1

7 years ago

0.4.0

7 years ago

0.3.9

7 years ago

0.3.8

7 years ago

0.3.7

7 years ago

0.3.6

7 years ago

0.3.5

7 years ago

0.3.4

7 years ago

0.3.3

7 years ago

0.3.2

7 years ago

0.3.1

7 years ago

0.3.0

7 years ago

0.2.9

7 years ago

0.2.8

7 years ago

0.2.6

7 years ago

0.2.5

7 years ago

0.2.4

7 years ago

0.2.3

7 years ago

0.2.2

7 years ago

0.2.1

7 years ago

0.2.0

7 years ago

0.1.9

7 years ago

0.1.8

7 years ago

0.1.7

7 years ago

0.1.6

7 years ago

0.1.5

7 years ago

0.1.4

7 years ago

0.1.3

7 years ago

0.1.2

7 years ago

0.1.1

7 years ago

0.1.0

7 years ago

0.0.9

7 years ago

0.0.8

7 years ago

0.0.7

7 years ago

0.0.6

7 years ago

0.0.5

7 years ago

0.0.4

7 years ago

0.0.3

7 years ago

0.0.2

7 years ago

0.0.1

7 years ago