{"_id":"@aminnairi/react-mui-snackbar","name":"@aminnairi/react-mui-snackbar","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"private":false,"type":"module","name":"@aminnairi/react-mui-snackbar","description":"Snackbar provider & utilities for Material UI using React","version":"0.1.0","homepage":"https://github.com/aminnairi/react-mui-snackbar#readme","license":"GPL-3.0-or-later","main":"./build/index.common.js","module":"./build/index.module.js","types":"./build/index.d.ts","bugs":{"url":"https://github.com/aminnairi/react-mui-snackbar/issues"},"author":{"name":"Amin NAIRI","url":"https://github.com/aminnairi"},"repository":{"type":"git","url":"git+https://github.com/aminnairi/react-mui-snackbar.git"},"keywords":["react","mui","material","snackbar","alert"],"scripts":{"build":"rollup --config ./rollup.config.ts --configPlugin typescript"},"devDependencies":{"@rollup/plugin-terser":"0.1.0","@rollup/plugin-typescript":"9.0.2","@types/react":"18.0.24","rollup":"3.2.3","rollup-plugin-delete":"2.0.0","ts-node":"10.9.1","tslib":"2.4.0","typescript":"4.8.4"},"peerDependencies":{"@mui/material":"^5.10.11","react":"^18.2.0"},"gitHead":"14beef752c00876055da816e98c76b69e8daee6b","_id":"@aminnairi/react-mui-snackbar@0.1.0","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-pBH13mz83vXU6AXbVVMM0pDi1LfnBSeLz6qvfeCam6h5nkdFQA01VZLUQBA6I1zWBQ8WBwQ5FXSk+vKrgM0LsA==","shasum":"9218c36b78fa1b7e5667edd2d86aef0773dc537a","tarball":"https://registry.npmjs.org/@aminnairi/react-mui-snackbar/-/react-mui-snackbar-0.1.0.tgz","fileCount":6,"unpackedSize":40181,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDtrcd1FcDRounNlZWaiC81qUcGnZBZq1umcbUeFUTPewIhALCEZxG5bZP7WEISBoDDwhaSNiH7RmfGYRT5EWYHU6o1"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjXOR3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7jhAAotE2Cup1fg1q+JczdrAVVLRiADHuDHE1pvdTwv7TI7BtzMcQ\r\n6vUfvf5kKef1UC5AwBKobIwSN8T1l6mNY5bcMOxbUvO1Ri+qI1PLciFRDT2G\r\nFpMex3yfu7H2OZp1y9yIf7Q3GHTUxQNaAnVKefAUApRRD6AMbEemnMCjjDsk\r\nvz4Yx5yg+nwnRvrQWbUkW8ou94lsvyQyE9uz/+kkXLo5Ut7dDDqFgZ6VJFjl\r\npvc99HZcrSFtNDcuWNGY5y2yxYkH95oVLh9aJ1M3gU8arh7xp9NAHeTlIm9G\r\nZ5kd1HjQeebmTZgCHqlECMRi2nviJBxCjy5z0FD5L0ayqamk22SUm6B/oBsH\r\nvDYKAnfksf2tLNXSzfD/QuUwhjPCmsFy0ZqNp8iV9KzDLtUAhQbuxMw8lGWc\r\nehCvwSoqw52NJbswbCI/1vJh8qavAJahSlW+gGGqq5oYhiaJ9EYbjx7vusTq\r\nj0ujlFKVNscrqMHUvLTCaPjrJRhUmB4rKxs87kiyp/PCPhWGoskqdg9RZLw0\r\nI8BpB+btxQyyPB8g7l1N3+QUIziaF0/0fUPMSg9J0JB1qcxrzFDMTXjVR9it\r\n3+4EbmptK1vfSPcmecv1dsxt2PKCjb84Y725JyEckX3uTiSQqz9JydGy+q2Q\r\nvo8VRnJ8h+A+2Qh0oIXf4bczB5e9Qw6vzH0=\r\n=4ZuJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"aminnairi","email":"nairi.amin@gmail.com"},"directories":{},"maintainers":[{"name":"aminnairi","email":"nairi.amin@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-mui-snackbar_0.1.0_1667032182984_0.7061274892214997"},"_hasShrinkwrap":false}},"time":{"created":"2022-10-29T08:29:42.889Z","0.1.0":"2022-10-29T08:29:43.157Z","modified":"2022-10-29T08:29:43.297Z"},"maintainers":[{"name":"aminnairi","email":"nairi.amin@gmail.com"}],"description":"Snackbar provider & utilities for Material UI using React","homepage":"https://github.com/aminnairi/react-mui-snackbar#readme","keywords":["react","mui","material","snackbar","alert"],"repository":{"type":"git","url":"git+https://github.com/aminnairi/react-mui-snackbar.git"},"author":{"name":"Amin NAIRI","url":"https://github.com/aminnairi"},"bugs":{"url":"https://github.com/aminnairi/react-mui-snackbar/issues"},"license":"GPL-3.0-or-later","readme":"# react-mui-snackbar\n\nReact Material UI's Snackbar provider & utilities written in TypeScript.\n\n## Requirements\n\n- [Node](https://nodejs.org/)\n- [NPM](https://www.npmjs.com/)\n- [React](https://www.npmjs.com/package/react)\n- [ReactDOM](https://www.npmjs.com/package/react-dom)\n- [Material UI](https://www.npmjs.com/package/@mui/material)\n\n## Installation\n\n```bash\nnpm install @aminnairi/react-mui-snackbar\n```\n\n## Usage\n\n```tsx\n// ./src/index.jsx\n\nimport React, { StrictMode } from \"react\"\nimport { createRoot } from \"react-dom/client\"\nimport { SnackbarContextProvider } from \"@aminnairi/react-mui-snackbar\"\nimport { App } from \"./components/app\"\n\nconst rootElement = document.getElementById(\"root\")\n\nif (!rootElement) {\n    throw new Error(\"Root element not found\")\n}\n\nconst root = createRoot()\n\nroot.render(\n    <StrictMode>\n        <SnackbarContextProvider>\n            <App />\n        </SnackbarContextProvider>\n    </StrictMode>\n)\n```\n\n```tsx\n// ./src/components/app.jsx\n\nimport React, { Fragment, useEffect } from \"react\"\nimport { useSnackbarContext } from \"@aminnairi/react-mui-snackbar\"\nimport { Button } from \"@mui/material\"\n\nexport const App = () => {\n    const {\n        openSnackbar,\n        closeSnackbar,\n        setSnackbarSeverity,\n        setSnackbarMessage\n    } = useSnackbarContext()\n\n    useEffect(() => {\n        setSnackbarSeverity(\"success\")\n        setSnackbarMessage(\"Hello, world!\")\n    }, [])\n\n    return (\n        <Fragment>\n            <Button onClick={openSnackbar}>Open Snackbar</Button>\n            <Button onClick={closeSnackbark}>Close Snackbar</Button>\n        </Fragment>\n    )\n}\n```","readmeFilename":"README.md"}