open-index/open-npm huggingface dataset:
npm package: @siddhartlab/agcp-ui
Description: This UI Components Library is bootstrapped with React, TailwindCSS, Storybook, and Material-UI. We take MUI components and wrap them into AG custom theme which is designed and developed by the Design team and can be found on here: https://design.arisglob
Latest version: 1.7.0-development

# Getting Started with AG Storybook

This UI Components Library is bootstrapped with React, TailwindCSS, Storybook, and Material-UI. We take MUI components and wrap them into AG custom theme
which is designed and developed by the Design team and can be found on here: https://design.arisglobal.com/

AG Storybook: https://storybook.agcloud.bz/
  
## GitHub repo

Git clone the repo: https://github.com/arisglobal/agcp-ui

In the project directory, you can run:

### `npm install`

### `npm run storybook`

Runs the storybook in the development mode.\
Open [http://localhost:6006](http://localhost:6006) to view it in your browser.

Please create a new branch out of master. 

### git checkout -b `<branch name example: PLAT-123-feature>`

Commit your changes to that local branch and create a pull request to be reviewed and approved by your peers. Once the changes are approved, it'll be merged into master branch and deployed.

stage your code for commiting by using command mentioned below:
### git add .

commit your changes by using command mentioned below:
### git commit -m `<PLAT-123 and your message goes in here>`

command push your changes to your local branches:
### git push origin `<branch name example: PLAT-123-feature>`

Once the changes are successfully pushed to you local branch, it should give you a URL to create a pull request. Click on the link or copy/paste it in the browser and follow the instructions on GitHub to rasie a Pull Request.

#### How to add Actions to stories

https://storybook.js.org/docs/react/essentials/actions

#### How to add Controls to stories

https://storybook.js.org/docs/react/essentials/controls

#### Here's a list of MUI Components being used in this Storybook

https://mui.com/material-ui/api/avatar/


## NPM Publish to GitHub Packages

To publish your npm package to GitHub Packages, all you need to do is to run the publish GitHub actions workflow by clicking on 
"Actions" tab in agcp-ui repo, then select "Publish AG Components to GitHub Packages" workflow in the left nav, 
manually trigger the workflow to execute.  If successful, your package should be published to GitHub Packages.

Please note you cannot publish the same version for the same package to GitHub Packages multiple times.  You will need to 
bump up your package version and publish to GitHub Packages.

For more information, refer to https://confluence-arisglobal.atlassian.net/wiki/spaces/ARCH/pages/114917442/Maven+Release+Automation+with+GitHub+Actions+and+GitHub+Packages+for+AG+Microservices#NPM-Publish-to-GitHub-Packages.
npm package: @siddhartlab/my-library-siddhart
Description: This library is made by a Button and a Map components.
Author: Siddharth Lab
Latest version: 0.1.1

# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).