@zeroedin-react/zi-common NPM

steps to add new component and publish new version for npm package:

clone the new zi-common repo above (note the old one is called 'zi-common-ui' we are not using that anymore)
After clone open the zi-common folder in vs code and open the src/components folder
Add your new component that you want to be a common re-usable in the components folder (add .tsx file)
open terminal window in the zi-common folder and type 'npm transpile' this builds the code to the dist folder (this is important)

steps to publish zi-common npm package with new version:

make sure the above steps have been completed first otherwise the new version wont reflect your changes
open a terminal window in the zi-common folder
in terminal type 'npm login'
when prompted for username enter 'zeroedin-react'
when prompted for password enter the password
next it will prompt you for an email address (use any email, preferably your work email) OR it will send an email to gareth (how this works is NPM uses 2FA for their logins so they send an OTP to the email you provided) NOTE: it takes roughly 5 mins for the OTP to come through in email
enter the OTP code that was sent to your email in the terminal window when prompted for it
Should display a message to indicate you are logged in
IMPORTANT: now you need to go into the zi-common/package.json file and increment the app minor version by one ie. 1.0.0. -> 1.1.0 (if you do not do this the publishing of the npm package will fail)
after updating package version and saving finally, open the terminal window you had earlier from login and type 'npm publish' after a few seconds should display that new version was published. Then all you need todo is go back to zi-ui or wherever you want to use the component and run 'npm update @zeroedin-react/zi-common' and it will pull in the latest version of the package we published

to import the package in your app you will go: import NameOfComponent from '@zeroedin-react/zi-common/lib/NameOfComponent';