{"_id":"@dannybee/popup-modal","_rev":"5-89a7acc56d6074c5f47646543a5d38cf","name":"@dannybee/popup-modal","dist-tags":{"latest":"0.1.3"},"versions":{"0.0.1":{"version":"0.0.1","license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build-css":"cp src/index.css dist/styles.css","build":"tsdx build && npm run build-css","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@dannybee/popup-modal","author":{"name":"Daniel Graham Boaz"},"module":"dist/popup-modal.esm.js","repository":{"type":"git","url":"git+https://github.com/DanielGraham123/popup-modal.git"},"homepage":"https://github.com/DanielGraham123/popup-modal","keywords":["react","modal","popup","popup-modal","react-modal","react-popup","react-popup-modal","react-modal-popup"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/","tag":"latest"},"size-limit":[{"path":"dist/popup-modal.cjs.production.min.js","limit":"10 KB"},{"path":"dist/popup-modal.esm.js","limit":"10 KB"}],"devDependencies":{"@size-limit/preset-small-lib":"^8.2.6","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^14.0.0","@types/react":"^18.2.17","@types/react-dom":"^18.2.7","autoprefixer":"^10.4.14","husky":"^8.0.3","postcss":"^8.4.27","react":"^18.2.0","react-dom":"^18.2.0","size-limit":"^8.2.6","tailwindcss":"^3.3.3","tsdx":"^0.14.1","tslib":"^2.6.1","typescript":"^3.9.10"},"dependencies":{"classnames":"^2.3.2"},"gitHead":"273e09c3f92a7d62ff15041f543d1474d2371eaa","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","bugs":{"url":"https://github.com/DanielGraham123/popup-modal/issues"},"_id":"@dannybee/popup-modal@0.0.1","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-3pa6JpmThGWtStEo7LrExENjbmUA/erUyAYnQq1m3Llqq07cSDU22RlZxvuE9FVhHle0WZk9RNNQgidR9+AGdg==","shasum":"4992859eea8d4423b346cdb58802981c50668eba","tarball":"https://registry.npmjs.org/@dannybee/popup-modal/-/popup-modal-0.0.1.tgz","fileCount":11,"unpackedSize":14062,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJ60Js+nb9V5FBm9c5FWR3yDjR584xB4KB08s8uT6r2QIgT5TFT0jsKXGq4P2MifjDlQPuijyatHSWEYW04U2Vyp4="}]},"_npmUser":{"name":"dannybee","email":"daniel.dev2019@gmail.com"},"directories":{},"maintainers":[{"name":"dannybee","email":"daniel.dev2019@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popup-modal_0.0.1_1690469131403_0.5019393229056976"},"_hasShrinkwrap":false},"0.0.2":{"version":"0.0.2","license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build-css":"cp src/index.css dist/styles.css","build":"tsdx build && npm run build-css","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@dannybee/popup-modal","author":{"name":"Daniel Graham Boaz"},"module":"dist/popup-modal.esm.js","repository":{"type":"git","url":"git+https://github.com/DanielGraham123/popup-modal.git"},"homepage":"https://github.com/DanielGraham123/popup-modal","keywords":["react","modal","popup","popup-modal","react-modal","react-popup","react-popup-modal","react-modal-popup"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/","tag":"latest"},"size-limit":[{"path":"dist/popup-modal.cjs.production.min.js","limit":"10 KB"},{"path":"dist/popup-modal.esm.js","limit":"10 KB"}],"devDependencies":{"@size-limit/preset-small-lib":"^8.2.6","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^14.0.0","@types/react":"^18.2.17","@types/react-dom":"^18.2.7","autoprefixer":"^10.4.14","husky":"^8.0.3","postcss":"^8.4.27","react":"^18.2.0","react-dom":"^18.2.0","size-limit":"^8.2.6","tailwindcss":"^3.3.3","tsdx":"^0.14.1","tslib":"^2.6.1","typescript":"^3.9.10"},"dependencies":{"classnames":"^2.3.2"},"gitHead":"9613d7c208fc2604d2e11a1b5229f0b965f9e1b7","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","bugs":{"url":"https://github.com/DanielGraham123/popup-modal/issues"},"_id":"@dannybee/popup-modal@0.0.2","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Yc3nGfoHykqe2UDr3jShUfGhKVvWNFVQaf73X2KLovZlihXTPk5Gj9JI5Owerq/xN3MOEzNpwaFYv5/FTU/tUA==","shasum":"1708f00d5334cf9a2ccd9f70445944103ab3e638","tarball":"https://registry.npmjs.org/@dannybee/popup-modal/-/popup-modal-0.0.2.tgz","fileCount":11,"unpackedSize":14062,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4CE7HP6rTEK68tXD++1TBfVDrEm9mk0Akn6P34e+VnQIgGxty7zUcGBeQD2UOOELYd0sXdE+cUGhCqKFFUqqnADg="}]},"_npmUser":{"name":"dannybee","email":"daniel.dev2019@gmail.com"},"directories":{},"maintainers":[{"name":"dannybee","email":"daniel.dev2019@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popup-modal_0.0.2_1690470070696_0.7879459678036624"},"_hasShrinkwrap":false},"0.1.0":{"version":"0.1.0","license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@dannybee/popup-modal","author":{"name":"Daniel Graham Boaz"},"module":"dist/popup-modal.esm.js","repository":{"type":"git","url":"git+https://github.com/DanielGraham123/popup-modal.git"},"homepage":"https://github.com/DanielGraham123/popup-modal","keywords":["react","modal","popup","popup-modal","react-modal","react-popup","react-popup-modal","react-modal-popup"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/","tag":"latest"},"size-limit":[{"path":"dist/popup-modal.cjs.production.min.js","limit":"10 KB"},{"path":"dist/popup-modal.esm.js","limit":"10 KB"}],"devDependencies":{"@size-limit/preset-small-lib":"^8.2.6","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^14.0.0","@types/react":"^18.2.17","@types/react-dom":"^18.2.7","autoprefixer":"^10.4.14","husky":"^8.0.3","postcss":"^8.4.27","react":"^18.2.0","react-dom":"^18.2.0","size-limit":"^8.2.6","tailwindcss":"^3.3.3","tsdx":"^0.14.1","tslib":"^2.6.1","typescript":"^3.9.10"},"dependencies":{"classnames":"^2.3.2"},"gitHead":"9613d7c208fc2604d2e11a1b5229f0b965f9e1b7","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","bugs":{"url":"https://github.com/DanielGraham123/popup-modal/issues"},"_id":"@dannybee/popup-modal@0.1.0","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-YTACO1EQvgEVXBUo83rW3TbcpXrj8drw4QGRphnL8xgmKlyoe1ZF7S1/sK2zG1nE+c5h5UF1Kjk1JqtZFxzCnw==","shasum":"7756d5e31a641bb908c1a62000a3106e4add3880","tarball":"https://registry.npmjs.org/@dannybee/popup-modal/-/popup-modal-0.1.0.tgz","fileCount":11,"unpackedSize":22695,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1XLvUrlFOMuyH0+v8T99xC8fvrr39nd8goVsTgkTU2AIhAPRw/uEfQx0hncYwLwZfGfn4EXCYFnG3jTahifkr29RJ"}]},"_npmUser":{"name":"dannybee","email":"daniel.dev2019@gmail.com"},"directories":{},"maintainers":[{"name":"dannybee","email":"daniel.dev2019@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popup-modal_0.1.0_1690470775311_0.13643073042410836"},"_hasShrinkwrap":false},"0.1.1":{"version":"0.1.1","license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@dannybee/popup-modal","author":{"name":"Daniel Graham Boaz"},"module":"dist/popup-modal.esm.js","repository":{"type":"git","url":"git+https://github.com/DanielGraham123/popup-modal.git"},"homepage":"https://github.com/DanielGraham123/popup-modal","keywords":["react","modal","popup","popup-modal","react-modal","react-popup","react-popup-modal","react-modal-popup"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/","tag":"latest"},"size-limit":[{"path":"dist/popup-modal.cjs.production.min.js","limit":"10 KB"},{"path":"dist/popup-modal.esm.js","limit":"10 KB"}],"devDependencies":{"@size-limit/preset-small-lib":"^8.2.6","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^14.0.0","@types/react":"^18.2.17","@types/react-dom":"^18.2.7","autoprefixer":"^10.4.14","husky":"^8.0.3","postcss":"^8.4.27","react":"^18.2.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2","size-limit":"^8.2.6","tailwindcss":"^3.3.3","tsdx":"^0.14.1","tslib":"^2.6.1","typescript":"^3.9.10"},"dependencies":{"classnames":"^2.3.2"},"gitHead":"a0ee707d4009e733ffef76f500db5c9cd4b18827","description":"Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it.","bugs":{"url":"https://github.com/DanielGraham123/popup-modal/issues"},"_id":"@dannybee/popup-modal@0.1.1","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-m7eJMudfcRWGdYzSUN1bH0rHBfGAk7K4jd0YBnGksQNWOsXrAW3/kDZgvxLlGhLwxEzQRnLYqTp5Ho8lyiUpcg==","shasum":"7ec8e69dc8666dfd6606ec55743b212c5ecb0d07","tarball":"https://registry.npmjs.org/@dannybee/popup-modal/-/popup-modal-0.1.1.tgz","fileCount":11,"unpackedSize":22798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICRoeXU/96pn2i7oAEw2gVpcKiKtvmETQLc53KMGy2sqAiBEiagpfBjJBHViBxhmSbnm4+4cqAKzu3ItUatRjhhJ/A=="}]},"_npmUser":{"name":"dannybee","email":"daniel.dev2019@gmail.com"},"directories":{},"maintainers":[{"name":"dannybee","email":"daniel.dev2019@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popup-modal_0.1.1_1690472557157_0.8148083882936228"},"_hasShrinkwrap":false},"0.1.2":{"version":"0.1.2","license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@dannybee/popup-modal","author":{"name":"Daniel Graham Boaz"},"module":"dist/popup-modal.esm.js","repository":{"type":"git","url":"git+https://github.com/DanielGraham123/popup-modal.git"},"homepage":"https://github.com/DanielGraham123/popup-modal","keywords":["react","modal","popup","popup-modal","react-modal","react-popup","react-popup-modal","react-modal-popup"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/","tag":"latest"},"size-limit":[{"path":"dist/popup-modal.cjs.production.min.js","limit":"10 KB"},{"path":"dist/popup-modal.esm.js","limit":"10 KB"}],"devDependencies":{"@size-limit/preset-small-lib":"^8.2.6","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^14.0.0","@types/react":"^18.2.17","@types/react-dom":"^18.2.7","autoprefixer":"^10.4.14","husky":"^8.0.3","postcss":"^8.4.27","react":"^18.2.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2","size-limit":"^8.2.6","tailwindcss":"^3.3.3","tsdx":"^0.14.1","tslib":"^2.6.1","typescript":"^3.9.10"},"dependencies":{"classnames":"^2.3.2"},"gitHead":"d1675813dca4c9fa4dd126bd3d5ca918154b4c5a","description":"[![NPM](https://img.shields.io/badge/npm-v0.1.1-blue)](https://www.npmjs.com/package/@dannybee/popup-modal) [![Downloads](https://img.shields.io/badge/downloads-'%20%20'-green)](https://www.npmjs.com/package/@dannybee/popup-modal)","bugs":{"url":"https://github.com/DanielGraham123/popup-modal/issues"},"_id":"@dannybee/popup-modal@0.1.2","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-epM2lPGxyaxgN25Iy5naGmUl0nWYvIgXxp74nq/X0q2C9wuE4yWhWS5yDyEAi0bMWFcd0p8eAPF4x9/OVPH7tQ==","shasum":"d8bc2336ab923f81d785544804bdff95b69c81fc","tarball":"https://registry.npmjs.org/@dannybee/popup-modal/-/popup-modal-0.1.2.tgz","fileCount":11,"unpackedSize":18044,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAVB/n2SJe/CPMxRvn34iYx82inVz5y7A2JhQFFTNPmZAiEA/au/+c5Dd+HJh7F5Jb2/NoaedKd4u1pHOae0eqSyl/E="}]},"_npmUser":{"name":"dannybee","email":"daniel.dev2019@gmail.com"},"directories":{},"maintainers":[{"name":"dannybee","email":"daniel.dev2019@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popup-modal_0.1.2_1690565550271_0.4428672510707261"},"_hasShrinkwrap":false},"0.1.3":{"version":"0.1.3","license":"MIT","main":"dist/index.js","typings":"dist/index.d.ts","engines":{"node":">=10"},"scripts":{"start":"tsdx watch","build":"tsdx build","test":"tsdx test --passWithNoTests","lint":"tsdx lint","prepare":"tsdx build","size":"size-limit","analyze":"size-limit --why"},"peerDependencies":{"react":">=16"},"husky":{"hooks":{"pre-commit":"tsdx lint"}},"prettier":{"printWidth":80,"semi":true,"singleQuote":true,"trailingComma":"es5"},"name":"@dannybee/popup-modal","author":{"name":"Daniel Graham Boaz"},"module":"dist/popup-modal.esm.js","repository":{"type":"git","url":"git+https://github.com/DanielGraham123/popup-modal.git"},"homepage":"https://github.com/DanielGraham123/popup-modal","keywords":["react","modal","popup","popup-modal","react-modal","react-popup","react-popup-modal","react-modal-popup"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/","tag":"latest"},"size-limit":[{"path":"dist/popup-modal.cjs.production.min.js","limit":"10 KB"},{"path":"dist/popup-modal.esm.js","limit":"10 KB"}],"devDependencies":{"@size-limit/preset-small-lib":"^8.2.6","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^14.0.0","@types/react":"^18.2.17","@types/react-dom":"^18.2.7","autoprefixer":"^10.4.14","husky":"^8.0.3","postcss":"^8.4.27","react":"^18.2.0","react-dom":"^18.2.0","rollup-plugin-postcss":"^4.0.2","size-limit":"^8.2.6","tailwindcss":"^3.3.3","tsdx":"^0.14.1","tslib":"^2.6.1","typescript":"^3.9.10"},"dependencies":{"classnames":"^2.3.2"},"gitHead":"d1675813dca4c9fa4dd126bd3d5ca918154b4c5a","description":"[![NPM](https://img.shields.io/badge/npm-v0.1.1-blue)](https://www.npmjs.com/package/@dannybee/popup-modal) [![Downloads](https://img.shields.io/badge/downloads-'%20%20'-green)](https://www.npmjs.com/package/@dannybee/popup-modal)","bugs":{"url":"https://github.com/DanielGraham123/popup-modal/issues"},"_id":"@dannybee/popup-modal@0.1.3","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-omGNmXFNbEW4X/wm4HQD8yeacvkYQNKUAUo/ZxaQpSmRHy8s2F3CSMjfAK4OK2Du3m2FjYuF25FU4U2gm0io6g==","shasum":"3e9f2ddae3712ca5ca5878c74cb590a8d065a196","tarball":"https://registry.npmjs.org/@dannybee/popup-modal/-/popup-modal-0.1.3.tgz","fileCount":11,"unpackedSize":18043,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxljMW7hN4fxVU5ZNW7kf41H8I7BVIo9WsnUR/Uz1SIgIgF+7w0r6JpqVP0t8oJXil5hpRdziARphKrmALG5iUi6w="}]},"_npmUser":{"name":"dannybee","email":"daniel.dev2019@gmail.com"},"directories":{},"maintainers":[{"name":"dannybee","email":"daniel.dev2019@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popup-modal_0.1.3_1690565652244_0.14977580484951747"},"_hasShrinkwrap":false}},"time":{"created":"2023-07-27T14:45:31.333Z","0.0.1":"2023-07-27T14:45:31.595Z","modified":"2023-07-28T17:34:12.530Z","0.0.2":"2023-07-27T15:01:10.896Z","0.1.0":"2023-07-27T15:12:55.477Z","0.1.1":"2023-07-27T15:42:37.309Z","0.1.2":"2023-07-28T17:32:30.451Z","0.1.3":"2023-07-28T17:34:12.411Z"},"maintainers":[{"name":"dannybee","email":"daniel.dev2019@gmail.com"}],"description":"[![NPM](https://img.shields.io/badge/npm-v0.1.1-blue)](https://www.npmjs.com/package/@dannybee/popup-modal) [![Downloads](https://img.shields.io/badge/downloads-'%20%20'-green)](https://www.npmjs.com/package/@dannybee/popup-modal)","homepage":"https://github.com/DanielGraham123/popup-modal","keywords":["react","modal","popup","popup-modal","react-modal","react-popup","react-popup-modal","react-modal-popup"],"repository":{"type":"git","url":"git+https://github.com/DanielGraham123/popup-modal.git"},"author":{"name":"Daniel Graham Boaz"},"bugs":{"url":"https://github.com/DanielGraham123/popup-modal/issues"},"license":"MIT","readme":"# Popup Modal\n\n[![NPM](https://img.shields.io/badge/npm-v0.1.1-blue)](https://www.npmjs.com/package/@dannybee/popup-modal)\n[![Downloads](https://img.shields.io/badge/downloads-'%20%20'-green)](https://www.npmjs.com/package/@dannybee/popup-modal)\n\nPopup Modal is a Simple React component that allows you to create a popup modal with your own custom UI content. It wraps around your content and gives you full control over it.\n\n## Installing Popup Modal\n\nTo install Popup Modal, run the following command:\n\n```bash\nnpm i @dannybee/popupmodal\n\n# or\n\nyarn add @dannybee/popupmodal\n```\n\n## Using Popup Modal\n\nTo use Popup Modal, import it into your project and wrap it around your content. You can then use the `handleClose` prop to hide the modal.\n\n```jsx\nimport React, { useState } from 'react';\nimport { PopupModal } from '@dannybee/popupmodal';\n\nconst App = () => {\n  const [showModal, setShowModal] = useState(false);\n\n  const closeModal = () => {\n    console.log('close modal');\n    setShowModal(false);\n  };\n\n  return (\n    <div>\n      <button onClick={() => setShowModal()}>Show Modal</button>\n\n      {showModal && (\n        <PopupModal handleClose={closeModal}>\n          <h2>Modal</h2>\n          <div>\n            <p>My Modal content</p>\n          </div>\n        </PopupModal>\n      )}\n    </div>\n  );\n};\n```\n\n## To Do\n\n- [ ] Add more props\n- [ ] Add more tests\n- [ ] Add annimations\n- [ ] Add more styling options\n","readmeFilename":"README.md"}