{"_id":"@arthurpoignant/react-modal","_rev":"10-9ea7ab9fda0786331c748e09e2a6da9f","name":"@arthurpoignant/react-modal","dist-tags":{"latest":"1.1.5"},"versions":{"1.1.1":{"name":"@arthurpoignant/react-modal","version":"1.1.1","keywords":["react","modal","component"],"author":{"name":"Arthur Poignant"},"license":"MIT","_id":"@arthurpoignant/react-modal@1.1.1","maintainers":[{"name":"arthurpoignant","email":"arthur23m@gmail.com"}],"dist":{"shasum":"fe071478498fa95714076cbba24e2614e331657c","tarball":"https://registry.npmjs.org/@arthurpoignant/react-modal/-/react-modal-1.1.1.tgz","fileCount":24,"integrity":"sha512-sprKF+Cta/uiFEwVx3jEF7JS2Nt0b/3JMv8PjMGadS8Ei2qQ78/WYF+1BPpm3HeJXoDkhMPkd9arsBr4rOGioA==","signatures":[{"sig":"MEQCIEDOeLa2++I2a0t8+dmdA0/pORX6us6DLOe4Q/cYhwWcAiAhrmMGZ7caJNXmJ/WEEKJotzIUNendxfFUl05XpQyxOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35047},"main":"dist/index.js","gitHead":"ee61a15d1639cb2ad63a6c6b8097cd4548dd8a53","scripts":{"build":"babel src --out-dir dist"},"_npmUser":{"name":"arthurpoignant","email":"arthur23m@gmail.com"},"_npmVersion":"9.5.1","description":"A simple modal component for React","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"devDependencies":{"@babel/cli":"^7.13.0","@babel/core":"^7.13.0","@babel/preset-env":"^7.13.0","@babel/preset-react":"^7.13.0"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-modal_1.1.1_1720618807540_0.46992843060232925","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@arthurpoignant/react-modal","version":"1.1.2","keywords":["react","modal","component"],"author":{"name":"Arthur Poignant"},"license":"MIT","_id":"@arthurpoignant/react-modal@1.1.2","maintainers":[{"name":"arthurpoignant","email":"arthur23m@gmail.com"}],"dist":{"shasum":"81564d43267addd6a9462e30bb41b51da85ddb2e","tarball":"https://registry.npmjs.org/@arthurpoignant/react-modal/-/react-modal-1.1.2.tgz","fileCount":23,"integrity":"sha512-2BoNpTrfUmeGvU9dGa9iM0T/5j0YdrlaA/JqYmm6VnavLc+vxBxSphfdXkOQ7Eh8aoeCCVSMkHHjJx4OUmQs1w==","signatures":[{"sig":"MEUCIAvUff9dz/zPkrX/a8C94AdCKzXBhzrYMwFAwffmFaqZAiEA/VjvbIgdfu9s1RuvKd98bjorsPfseEk/RHd+g/TDMzg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34334},"main":"dist/index.js","gitHead":"ee61a15d1639cb2ad63a6c6b8097cd4548dd8a53","scripts":{"build":"babel src --out-dir dist"},"_npmUser":{"name":"arthurpoignant","email":"arthur23m@gmail.com"},"_npmVersion":"9.5.1","description":"A simple modal component for React","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"devDependencies":{"@babel/cli":"^7.13.0","@babel/core":"^7.13.0","@babel/preset-env":"^7.13.0","@babel/preset-react":"^7.13.0"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-modal_1.1.2_1720620091208_0.06299102057698791","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@arthurpoignant/react-modal","version":"1.1.3","keywords":["react","modal","component"],"author":{"name":"Arthur Poignant"},"license":"MIT","_id":"@arthurpoignant/react-modal@1.1.3","maintainers":[{"name":"arthurpoignant","email":"arthur23m@gmail.com"}],"dist":{"shasum":"4316f32e24aaf653f21a4dadd940fe254c96d525","tarball":"https://registry.npmjs.org/@arthurpoignant/react-modal/-/react-modal-1.1.3.tgz","fileCount":23,"integrity":"sha512-uU0gu7d6xXuHPfrAWnlf86B4qCEuIJjM1qJkIer/m+4EwyQ3XAgOBQUW5SuwqrZgzNqIdCWebAM79+Xwevf/SQ==","signatures":[{"sig":"MEUCIG1EuFdlsWdEq3/5DTbPt3794sfUytnxK9ZEXiP4C+YVAiEAoWfits3pixRvexmIh7q1IejAWWpv7sxzVYdMemoEn8g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32194},"main":"dist/index.js","gitHead":"e5708731e78d39962c63b9607963280cdeb28d70","scripts":{"build":"babel src --out-dir dist"},"_npmUser":{"name":"arthurpoignant","email":"arthur23m@gmail.com"},"_npmVersion":"9.5.1","description":"A simple modal component for React","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"devDependencies":{"@babel/cli":"^7.13.0","@babel/core":"^7.13.0","@babel/preset-env":"^7.13.0","@babel/preset-react":"^7.13.0"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-modal_1.1.3_1721720178716_0.5476691812721641","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@arthurpoignant/react-modal","version":"1.1.4","keywords":["react","modal","component"],"author":{"name":"Arthur Poignant"},"license":"MIT","_id":"@arthurpoignant/react-modal@1.1.4","maintainers":[{"name":"arthurpoignant","email":"arthur23m@gmail.com"}],"dist":{"shasum":"06069a71833b3277f2d6c321bdbfb109d88b80fc","tarball":"https://registry.npmjs.org/@arthurpoignant/react-modal/-/react-modal-1.1.4.tgz","fileCount":23,"integrity":"sha512-CqgDaDqAfxHyMOQf9+8hVUhd1bt4EXig7QvTgUH+PKwzQYdqenNYrgsu1Pd3dz/Qyqpn9F0v5sTEgKRVkxOVRQ==","signatures":[{"sig":"MEQCIDBRmTq58EUCQPR6HRsN1P4urZ29GBHf3QSKB4IK5C2bAiA06Le0a5s5Sl8+WAtk+qlMhVMqmZVyEURNmGjFGHD9Fw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32200},"main":"dist/index.js","gitHead":"e5708731e78d39962c63b9607963280cdeb28d70","scripts":{"build":"babel src --out-dir dist"},"_npmUser":{"name":"arthurpoignant","email":"arthur23m@gmail.com"},"_npmVersion":"9.5.1","description":"A simple modal component for React","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"devDependencies":{"@babel/cli":"^7.13.0","@babel/core":"^7.13.0","@babel/preset-env":"^7.13.0","@babel/preset-react":"^7.13.0"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-modal_1.1.4_1721720269602_0.5455570560641347","host":"s3://npm-registry-packages"}},"1.1.5":{"name":"@arthurpoignant/react-modal","version":"1.1.5","description":"A simple modal component for React","main":"dist/index.js","scripts":{"build":"babel src --out-dir dist"},"keywords":["react","modal","component"],"author":{"name":"Arthur Poignant"},"license":"MIT","peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"devDependencies":{"@babel/cli":"^7.13.0","@babel/core":"^7.13.0","@babel/preset-env":"^7.13.0","@babel/preset-react":"^7.13.0"},"gitHead":"e5708731e78d39962c63b9607963280cdeb28d70","_id":"@arthurpoignant/react-modal@1.1.5","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-sIK1LsBOuZiql5v+j3Eh7xn/hA9I0A8/3HBz3H1c2UQ9foc/j8XXPpf4IFxeBbSasj1sg2XKnTDCs3qjLbeyWA==","shasum":"d9b11eb1825b2e14b565ec04627eccf112ad7074","tarball":"https://registry.npmjs.org/@arthurpoignant/react-modal/-/react-modal-1.1.5.tgz","fileCount":23,"unpackedSize":32197,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEmJFm3yjGRsCa5Z18uuKZk6337EAyeSrNJFkK67LWHGAiBi5dhEBJtSVoWt0HjQP1X9OtDMlBMbtQvwojl7CqKhpQ=="}]},"_npmUser":{"name":"arthurpoignant","email":"arthur23m@gmail.com"},"directories":{},"maintainers":[{"name":"arthurpoignant","email":"arthur23m@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-modal_1.1.5_1727097269418_0.6974317679785822"},"_hasShrinkwrap":false}},"time":{"created":"2024-07-10T13:40:07.444Z","modified":"2024-09-23T13:14:29.832Z","1.0.0":"2024-07-10T12:57:20.276Z","1.1.0":"2024-07-10T13:15:11.385Z","1.1.1":"2024-07-10T13:40:07.739Z","1.1.2":"2024-07-10T14:01:31.365Z","1.1.3":"2024-07-23T07:36:18.933Z","1.1.4":"2024-07-23T07:37:49.770Z","1.1.5":"2024-09-23T13:14:29.680Z"},"author":{"name":"Arthur Poignant"},"license":"MIT","keywords":["react","modal","component"],"description":"A simple modal component for React","maintainers":[{"name":"arthurpoignant","email":"arthur23m@gmail.com"}],"readme":"# Modal Component\n\nThis is a simple and reusable Modal component built with React. It was created as part of my studies at OpenClassrooms.\n\n\nTo use the Modal component in your React application, you can import it and include it in your JSX.\n\n```\nimport React, { useState } from 'react';\nimport Modal from '@arthurpoignant/react-modal';\nimport './App.css';\n\nfunction App() {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const openModal = () => setIsModalOpen(true);\n  const closeModal = () => setIsModalOpen(false);\n\n  return (\n    <div className=\"App\">\n      <button onClick={openModal}>Open Modal</button>\n      <Modal isOpen={isModalOpen} onClose={closeModal}>\n        <h2>Modal Title</h2>\n        <p>This is the modal content</p>\n      </Modal>\n    </div>\n  );\n}\n\nexport default App;\n```\n\n\nThe Modal component accepts the following props:\n\nisOpen (boolean): Determines whether the modal is open or closed.\nonClose (function): A function to be called when the modal is closed.\nchildren (node): The content to be displayed inside the modal.\n\n## Installation\n\nTo install the Modal component, you can use npm or yarn:\n\n```bash\nnpm install @arthurpoignant/react-modal\n# or\nyarn add @arthurpoignant/react-modal","readmeFilename":"README.md"}