{"_id":"@caminkunick/react-popup-box","name":"@caminkunick/react-popup-box","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@caminkunick/react-popup-box","version":"1.0.0","description":"Made with create-react-library","author":{"name":"caminkunick"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/caminkunick/react-popup-box.git"},"main":"dist/index.js","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs --external=@emotion,@mui","start":"microbundle-crl watch --no-compress --format modern,cjs --external=@emotion,@mui","prepare":"run-s build","test":"run-s test:unit test:lint test:build","test:build":"run-s build","test:lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","predeploy":"cd example && yarn install && yarn run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":"^16.0.0"},"devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.5.0","@testing-library/user-event":"^7.2.1","@types/jest":"^25.1.4","@types/node":"^12.12.38","@types/react":"^16.9.27","@types/react-dom":"^16.9.7","@typescript-eslint/eslint-plugin":"^2.26.0","@typescript-eslint/parser":"^2.26.0","babel-eslint":"^10.0.3","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"^3.4.1","typescript":"^3.7.5"},"dependencies":{"@emotion/react":"11.9.0","@emotion/styled":"^11.6.0","@mui/material":"5.2.5"},"types":"./dist/index.d.ts","gitHead":"aa76ce5c7fe09fda17e9d04db937e64f18699e73","bugs":{"url":"https://github.com/caminkunick/react-popup-box/issues"},"homepage":"https://github.com/caminkunick/react-popup-box#readme","_id":"@caminkunick/react-popup-box@1.0.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-XhfAw/isiwNu06TxqfuCEW5VhRIRZLsowKS1tA8aqQQHimuilyTHz4MQgRmCSsiANEdeeiB9mhsNUnKm+kgbdQ==","shasum":"9b5ec66ab1fd47cacac7ba64f081286f11df8aec","tarball":"https://registry.npmjs.org/@caminkunick/react-popup-box/-/react-popup-box-1.0.0.tgz","fileCount":15,"unpackedSize":56343,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIxpeJf5i9ij1vh6CdfrOczZjqkkXr2lXuyw9UQjcPCwIgKUHwU6qmrabCIEoj8mNQnJeeQ6342C/L6TE8YgMq9Ig="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWVegACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCbQ//TvkOkjjnYm8uQxPWAavAJA4+QIJ7AEhRouB2PRBaBKzi9xFa\r\n8AdSjJkgEhbkywsvkm8GepcXnmVBV47ZNBjTckygwG+ek6FqCNBVD6EkVr1N\r\nLlwZhMfN1bV935IuSq/Lg4KHZPv42GzjydAs58RZ3mG6CKA4YyPc9KtA3AVD\r\nS41ErcCGBFIYbaISqAT1xlEA4HikHzzQoM0HTLCD/pRNxSUm6desi6JgmgzV\r\navxARcRVkCwDzqgyZg+H0tg6Hz/U41tMkfFQkJYl4jaMOiWU9KNT87Ul5Rk8\r\nk0OTU+LTI59wWzNBcyvYD3/35j/yIfyHieUXpSBlk/QDhbYPvIby6xz7UKcr\r\n1UN+myOt7RWNM2NaXEK++bBhcjvlU6dNUnZg9MExSeZ26fxSEt9Tz6z169FM\r\nAj0ZibQOwFHftA43xwOzp1W2TNN35EVHNQ+BgqaB32ffSC67+RrsNO0WpR3M\r\nnCKFuV1mGBhVHzqLjR/VG5UxvUIkbZI8Xwh8QSsQRE9fk2WFCbTj7VH56YX/\r\nI3jYY8AUQ6AL0opisYL4IiCxpb+iuWZd4QolQ7pz1OSiraX99/s1tsB1HQ8J\r\nKf9IxRv0qxh7MDMJ5Leamjro+f/cNYjqTHu9RmHzy/Kg4Ee2An+I33X3YYO4\r\n4DIozAvKzpEt4rltQkNpQPQnn8CviBnY+Vc=\r\n=X4l8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"caminkunick","email":"caminkunick@gmail.com"},"directories":{},"maintainers":[{"name":"caminkunick","email":"caminkunick@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-popup-box_1.0.0_1650022304502_0.6372131627335262"},"_hasShrinkwrap":false}},"time":{"created":"2022-04-15T11:31:44.445Z","1.0.0":"2022-04-15T11:31:44.681Z","modified":"2022-04-15T11:31:44.842Z"},"maintainers":[{"name":"caminkunick","email":"caminkunick@gmail.com"}],"description":"Made with create-react-library","homepage":"https://github.com/caminkunick/react-popup-box#readme","repository":{"type":"git","url":"git+https://github.com/caminkunick/react-popup-box.git"},"author":{"name":"caminkunick"},"bugs":{"url":"https://github.com/caminkunick/react-popup-box/issues"},"license":"MIT","readme":"# @caminkunick/react-popup-box\n\n> Made with create-react-library\n\n[![NPM](https://img.shields.io/npm/v/@caminkunick/react-popup-box.svg)](https://www.npmjs.com/package/@caminkunick/react-popup-box) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n## Install\n\n```bash\nnpm install --save @caminkunick/react-popup-box\n```\n\n## Screenshot\n\n> Alert\n\n![alert screenshot](alert.png)\n\n> Confirm\n\n![confirm screenshot](confirm.png)\n\n> Remove\n\n![remove screenshot](remove.png)\n\n> Prompt\n\n![prompt screenshot](prompt.png)\n\n## Usage\n\n```tsx\n// index.tsx\n\n...\n\nimport { PopupProvider } from '@caminkunick/react-popup-box'\n\nReactDOM.render(\n  <PopupProvider>\n    <App />\n  </PopupProvider>,\n  document.getElementById('root')\n)\n\n...\n\n```\n\n\n```tsx\n// App.tsx\n\nimport React from 'react'\n\nimport { usePopup } from '@caminkunick/react-popup-box'\nimport '@caminkunick/react-popup-box/dist/index.css'\nimport { Button, Container, Stack } from '@mui/material'\n\nconst App = () => {\n  const { Alerts } = usePopup()\n\n  const handleAlert = () => {\n    Alerts.alert(\n      'Alert',\n      'alert label'\n    );\n  }\n  const handleConfirm = () => {\n    Alerts.confirm(\n      'Confirm',\n      'confirm label',\n      () => console.log('confirm!')\n    );\n  }\n  const handleRemove = () => {\n    Alerts.remove(\n      'Remove',\n      'remove label',\n      () => console.log('remove!')\n    );\n  }\n  const handlePrompt = () => {\n    Alerts.prompt(\n      'Prompt',\n      'prompt label',\n      (value) => console.log(value),\n      'default prompt'\n    )\n  }\n\n  return (\n    <Container maxWidth='xs' sx={{ py: 6 }}>\n      <Stack spacing={1}>\n        <Button variant='outlined' onClick={handleAlert}>\n          Alert\n        </Button>\n        <Button variant='outlined' onClick={handleConfirm}>\n          Confirm\n        </Button>\n        <Button variant='outlined' onClick={handleRemove}>\n          Remove\n        </Button>\n        <Button variant='outlined' onClick={handlePrompt}>\n          Prompt\n        </Button>\n      </Stack>\n    </Container>\n  )\n}\n\nexport default App\n\n```\n\n## Propties\n\n> Alert\n\n| Prop | Type | Description |\n| -- | -- | -- |\n| title | ReactNode | Title of Dialog |\n| label | ReactNode | Label of Dialog |\n\n> Confirm\n\n| Prop | Type | Description |\n| -- | -- | -- |\n| title | ReactNode | Title of Dialog |\n| label | ReactNode | Label of Dialog |\n| onConfirm | func | callback function after confirm<br><br>Signature:<br><mark>function() => void</mark> |\n\n> Remove\n\n| Prop | Type | Description |\n| -- | -- | -- |\n| title | ReactNode | Title of Dialog |\n| label | ReactNode | Label of Dialog |\n| onConfirm | func | callback function after confirm<br><br>Signature:<br><mark>function() => void</mark> |\n\n> Prompt\n\n| Prop | Type | Description |\n| -- | -- | -- |\n| title | ReactNode | Title of Dialog |\n| label | ReactNode | Label of Dialog |\n| onChange | func | callback function after confirm<br><br>Signature:<br><mark>function(value:string) => void</mark>\n |\n\n## License\n\nMIT © [caminkunick](https://github.com/caminkunick)\n","readmeFilename":"README.md"}