@elliemae/em-evpx-components

EVPX Common Components Library.

Dependencies

• NodeJS >= 12.x
• npm i -g rimraf cross-env serve

Development

• clone the repo
• npm run setup

Component Details

LoanDetails

• Props: { data } - Render loan details form fields as per given data props.
• Format:
  • data: (Array) - [{ colSize: string, containerPorps: object, extraInputProps: object, fieldName: string, inputComponent: element, labelText: string, onChange: function, value: any, readOnly:boolean, required: boolean, }]
• Usage: This component can use directly for showing list of input fields on UI anywhere in you want in your app, it accept array data as a props and renders form fields details passed in data props.

Login

• Props: { formInitialValues, showModal, onSubmit, onCancel, confirmationLabel, title, data, rejectLabel, loginValidationSchema, modalSize} - Render Login Form.
• Format:
  • formInitialValues:(object) - Initial values for Login Form.
  • showModal: (boolean) - open popup modal.
  • onSubmit: (function) - submit login information.
  • onCancel: (function) - handle cancel event and closes login modal popup.
  • data: (array) - contains fields data for login form.
  • title: (string) - Title for Login modal.
  • confirmationLabel: (string) - confirm text string.
  • rejectLabel: (string) - reject label.
  • loginValidationSchema: (object) - contains validations for login form fields.
  • modalSize: (string) - modal container size.
• Usage: This component can use directly for showing login form popup modal on UI anywhere you want in your app.

MissingFields

• Props: {missingFields, onConfirm, onClose} - Renders MissingFields Popup Modal.
• Format:
  • missingFields: (array) - Missing Fields Data.
  • onConfirm: (function) - Confirmation on missing fields data.
  • onClose: (function) - Close modal popup.
• Usage: This component can use directly for showing missing fields details in grid format over popup modal.

Footer

• Props: {handleSubmit, onCancel} - Render Footer Component.
• Format:
  • handleSubmit: (function) - Submit information of order form.
  • onCancel: (function) - handle cancel event of order form.
• Usage: This component can use directly for showing footer section with submit and close buttons actions.

Header

• Props: { Logo, headerTitleValue, headerLinkTitle, headerLinkHandler } - Renders Header Section
• Format:
  • Logo: (element) - show logo on header section.
  • headerTitleValue: (string) - show title on header.
  • headerLinkTitle: (string) - show link on header section.
  • headerLinkHandler: (function) - handle click event for link.
• Usage: This component can use directly for showing header section having logo & title at top left and link details at top right.

Spinner

• Props: {message, size} - Renders Spinner component
• Format:
  • message: (string) - show message with spinner.
  • size: (string) - set spinner size.
• Usage: This component can use directly for showing spinner at the center of the page with provided message.

Test

• npm run test

Jenkins integration

• Add svcjenkins user as collaborator to your git repo with write permissions
• Create new Jenkins webhook in your git repo.

Payload URL: https://jenkins.dco.elmae/github-webhook/

Content Type: application/json

Which events would you like to trigger this webhook?

Let me select individual events

Select Pull-Request and Push

Click Update Webook

Please follow GIT guidelines, otherwise the publishing will happen from all your PR branches in upstream repo