{"_id":"@achyutn/mui-comps","name":"@achyutn/mui-comps","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@achyutn/mui-comps","version":"1.0.0","description":"Reusable MUI components with react-hook-form","main":"index.js","scripts":{"test":"echo \"Error: no test specified\""},"repository":{"type":"git","url":"git+https://github.com/AchyutProj/MUIComps.git"},"keywords":["mui","react","javascript","typescript","components"],"author":{"name":"Achyut Neupane","email":"achyutkneupane@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/AchyutProj/MUIComps/issues"},"homepage":"https://github.com/AchyutProj/MUIComps#readme","dependencies":{"@mui/icons-material":"^5.14.7","@mui/material":"^5.14.7","@mui/styled-engine-sc":"^5.14.7","@mui/x-date-pickers":"^6.12.1","@reduxjs/toolkit":"^1.9.5","@types/react-dom":"^18.2.7","dayjs":"^1.11.9","material-react-table":"^1.14.0","moment":"^2.29.4","react":"^18.2.0","react-dom":"^18.2.0","react-hook-form":"^7.45.4","react-hot-toast":"^2.4.1","react-redux":"^8.1.2","react-router-dom":"^6.15.0","styled-components":"^5.3.11","vite-tsconfig-paths":"^4.2.0"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"gitHead":"5b43f37418118568923f4b3abaf323162d78e1f2","_id":"@achyutn/mui-comps@1.0.0","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-BivAWPhtYTC7hwaJEF8rT+i3xurVLkzhg91sLrgud2m4wWmXL/yPfVJXUun0yn1ChgGxsEnW/I3lAR85UCOmQw==","shasum":"b279f2c9f7a652abab09fa6769d462fbc62b7a09","tarball":"https://registry.npmjs.org/@achyutn/mui-comps/-/mui-comps-1.0.0.tgz","fileCount":48,"unpackedSize":53814,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPraMsOK74bbOsRpDQSlEJ1QcT1eo7ZMertTYyGDoKkQIgFTgfB/KHNoLPHC9uctWRvTzt+w1SwZkSRMSGoBjV5zU="}]},"_npmUser":{"name":"achyutneupane","email":"achyutkneupane@gmail.com"},"directories":{},"maintainers":[{"name":"achyutneupane","email":"achyutkneupane@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mui-comps_1.0.0_1693649695157_0.028057504431567848"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-02T10:14:55.060Z","1.0.0":"2023-09-02T10:14:55.325Z","modified":"2023-09-02T10:14:55.624Z"},"maintainers":[{"name":"achyutneupane","email":"achyutkneupane@gmail.com"}],"description":"Reusable MUI components with react-hook-form","homepage":"https://github.com/AchyutProj/MUIComps#readme","keywords":["mui","react","javascript","typescript","components"],"repository":{"type":"git","url":"git+https://github.com/AchyutProj/MUIComps.git"},"author":{"name":"Achyut Neupane","email":"achyutkneupane@gmail.com"},"bugs":{"url":"https://github.com/AchyutProj/MUIComps/issues"},"license":"MIT","readme":"# MUI Components\n\n[![Publish to NPMJS](https://github.com/AchyutProj/MUIComps/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/AchyutProj/MUIComps/actions/workflows/npm-publish.yml)\n\n## Introduction\n\nFeel free to use it. Introduction section coming soon.\n\n## Setup\n\nRun the following command:\n\n```bash\ncp .env{.example,}\n```\n\nUse following to setup the package:\n\n```text\nAPP_NAME={APP NAME}\nVITE_API_ENDPOINT={API ENDPOINT}\nLOGIN_TOKEN = {LOGIN TOKEN NAME}\nUSER_VALUE={USER DATA VALUE}\n```\n\nYou can access these values by importing\n\n```typescript jsx\nimport {KEY} from \"@an/env\";\n```\n\n### Example:\n\n```typescript jsx\nimport {APP_NAME} from \"@an/env\";\n\nreturn (\n    <>\n        App Name: {APP_NAME}\n    </>\n)\n```\n\n### Default Value\n\n```text\nAPP_NAME = \"Application\"\nVITE_API_ENDPOINT = \"https://localhost:8000\"\nLOGIN_TOKEN = \"_an_token\"\nUSER_VALUE = \"_an_user\"\n```\n\n\n## Initialization\n\nCopy the following code and replace in `main.tsx` file:\n\n```typescript jsx\nimport ReactDOM from 'react-dom/client'\nimport store from \"@an/env\";\nimport {Provider} from \"react-redux\";\nimport {BrowserRouter} from \"react-router-dom\";\nimport ANRoutes from \"@anWrappers/ANRoutes.tsx\";\nimport ANLayout from \"@anWrappers/ANLayout.tsx\";\nimport ThemeWrapper from \"@anWrappers/ThemeWrapper.tsx\";\n\nReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(\n    <>\n        <Provider store={store}>\n            <BrowserRouter>\n                <ThemeWrapper>\n                    <ANLayout>\n                        <ANRoutes/>\n                    </ANLayout>\n                </ThemeWrapper>\n            </BrowserRouter>\n        </Provider>\n    </>\n)\n```","readmeFilename":"README.md"}