npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@elliemae/em-evpx-components

v5.5.2

Published

EllieMae Partner EVPX Integrations UI Component Library

Downloads

409

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