@elliemae/em-evpx-components
v5.5.2
Published
EllieMae Partner EVPX Integrations UI Component Library
Downloads
92
Readme
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