{"_id":"@bighoot/modal-library","_rev":"8-ef9a6a6c95c5098abc649a34d393f551","name":"@bighoot/modal-library","dist-tags":{"latest":"1.0.8"},"versions":{"1.0.0":{"name":"@bighoot/modal-library","version":"1.0.0","keywords":["react","modal","component","library"],"author":{"name":"Votre Nom"},"license":"MIT","_id":"@bighoot/modal-library@1.0.0","maintainers":[{"name":"bighoot","email":"thetrigun@gmail.com"}],"dist":{"shasum":"08bf6be7bad44703cee810452561b26d401c7f2c","tarball":"https://registry.npmjs.org/@bighoot/modal-library/-/modal-library-1.0.0.tgz","fileCount":3,"integrity":"sha512-QeSVxlXwt/foeICFg4SgU3+XUZcFP4cODzeyWzoZRH293oqg+TUREdF6DHrOQ8Qhu7oJuMN4heB75zkxhBkzZA==","signatures":[{"sig":"MEYCIQDYR+QaxMH3RExtvZ/YCsS1x+kXM5zTDg1gIGZeSFAjuQIhAJXQfcn3aiv2P07xXnJLocYeDXU2zkrwJMCgCvjK/K33","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2435},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"2df2f0ae6112d789cc9e23edfcce3980ab8c0e47","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"bighoot","email":"thetrigun@gmail.com"},"_npmVersion":"10.4.0","description":"A simple and customizable modal component for React.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"react":"^17.0.0","styled-components":"^5.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modal-library_1.0.0_1722991377441_0.7116157614625873","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@bighoot/modal-library","version":"1.0.1","keywords":["react","modal","component","library"],"author":{"name":"Votre Nom"},"license":"MIT","_id":"@bighoot/modal-library@1.0.1","maintainers":[{"name":"bighoot","email":"thetrigun@gmail.com"}],"dist":{"shasum":"7353e44f29ca306ffc9d88d58662c2518e562449","tarball":"https://registry.npmjs.org/@bighoot/modal-library/-/modal-library-1.0.1.tgz","fileCount":3,"integrity":"sha512-I0r4vpc+8UpWWHEFL1AbiNiVMA+aUCzhTQnErwCZYmqhCMHgC0UgVxFxNeUVOBGSWeyuUTKSDHFXJKbp+jfLAg==","signatures":[{"sig":"MEQCIGV1cJ1a/MkjAv6PS6Vk0vLl/uGlgbByvhkge4oKh6WQAiBDLNYS6FM4AuZg2cPKs/1uZjnV0RnjwXUrG9MdHxbBog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2392},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"2df2f0ae6112d789cc9e23edfcce3980ab8c0e47","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"bighoot","email":"thetrigun@gmail.com"},"_npmVersion":"10.4.0","description":"A simple and customizable modal component for React.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"react":"^17.0.0","styled-components":"^5.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modal-library_1.0.1_1722991762123_0.7923206530563747","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@bighoot/modal-library","version":"1.0.2","keywords":["react","modal","component","library"],"author":{"name":"Votre Nom"},"license":"MIT","_id":"@bighoot/modal-library@1.0.2","maintainers":[{"name":"bighoot","email":"thetrigun@gmail.com"}],"dist":{"shasum":"6b28b4e2c120c2dc86852b000dea57b27c0de633","tarball":"https://registry.npmjs.org/@bighoot/modal-library/-/modal-library-1.0.2.tgz","fileCount":3,"integrity":"sha512-lorw9lUHxzBgSd2XntY034zWcG1WCLe28v0uvBrsLFjWEzNbZhMr4GXJd7AquyXO0umVMxiVuPNgYKBWeil+TQ==","signatures":[{"sig":"MEUCIQCXNEtwgCTyyiPBzrMSTaQQ3s2Li7xGD7r1cavZ6XZzogIgS9lqOpl5FGZJyzhx5RWDIzo2r0FLoWF9vklmiUBLsGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2429},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"2df2f0ae6112d789cc9e23edfcce3980ab8c0e47","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"bighoot","email":"thetrigun@gmail.com"},"_npmVersion":"10.4.0","description":"A simple and customizable modal component for React.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"react":"^17.0.0","styled-components":"^5.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modal-library_1.0.2_1722992495779_0.25521827058589897","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@bighoot/modal-library","version":"1.0.3","keywords":["react","modal","component","library"],"author":{"name":"Votre Nom"},"license":"MIT","_id":"@bighoot/modal-library@1.0.3","maintainers":[{"name":"bighoot","email":"thetrigun@gmail.com"}],"dist":{"shasum":"008ae7dfb7a35a73cca25023d8eb256d8136f264","tarball":"https://registry.npmjs.org/@bighoot/modal-library/-/modal-library-1.0.3.tgz","fileCount":4,"integrity":"sha512-obZU/VFqP4wZx5S969PEzqDy6/lu6rrTZZ1qhJvD/3aBK3OPoy3BgxvX2Eu/vrkk+lBT08NgqZlihFFSwiVYhw==","signatures":[{"sig":"MEUCIER0kv7UfSN+9161ykuFLbgzcwgjMStljd5hoyn0z80AAiEA0XlPq6ExfD+VcOpCZRVrU6NZUyvdykJ0onKO7y68OFs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3872},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"60f59b8075c42527546982cc41f11c886507f59b","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"bighoot","email":"thetrigun@gmail.com"},"_npmVersion":"10.4.0","description":"A simple and customizable modal component for React.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"react":"^17.0.0","styled-components":"^5.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modal-library_1.0.3_1722998116425_0.26387114067884165","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@bighoot/modal-library","version":"1.0.4","keywords":["react","modal","component","library"],"author":{"name":"BigHoot"},"license":"MIT","_id":"@bighoot/modal-library@1.0.4","maintainers":[{"name":"bighoot","email":"thetrigun@gmail.com"}],"dist":{"shasum":"b2da16a01be6968c9af147ee14838f3a1392b045","tarball":"https://registry.npmjs.org/@bighoot/modal-library/-/modal-library-1.0.4.tgz","fileCount":4,"integrity":"sha512-uC11fGhchPhyeg3P1kC44arjHmwCllr1V9Ou1akI0KzWE5PwRddYhjQoBxawvg7FC9cMxXjrSx2D7XDOqQHnjw==","signatures":[{"sig":"MEYCIQDHNwU8ghBVed+v/6tCfiUzHkF22dqtLv6oOtkqvRVUFAIhALGZ1mJw4sLLsNs1Jy7YHBoFbxFNUFUGoSE5VzHMwlt4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3870},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"60f59b8075c42527546982cc41f11c886507f59b","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"bighoot","email":"thetrigun@gmail.com"},"_npmVersion":"10.4.0","description":"A simple and customizable modal component for React.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"react":"^17.0.0","styled-components":"^5.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modal-library_1.0.4_1722998274698_0.4315003098431647","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@bighoot/modal-library","version":"1.0.5","keywords":["react","modal","component","library"],"author":{"name":"BigHoot"},"license":"MIT","_id":"@bighoot/modal-library@1.0.5","maintainers":[{"name":"bighoot","email":"thetrigun@gmail.com"}],"dist":{"shasum":"ac92bf9024573e71350becfd0b6a7f8539a80bd6","tarball":"https://registry.npmjs.org/@bighoot/modal-library/-/modal-library-1.0.5.tgz","fileCount":4,"integrity":"sha512-mmHUAfDJ2SuUJUknDx0bdyB2OO0P4du+i9GBDxQMSt1IKXNF4cbMEsMw81W/nz+wCbBIaGW5Q4/rue6xRzz8Xg==","signatures":[{"sig":"MEQCIF1w/0N6q7Ds4Uuryox4KPRn//0o7MWOwvEj9Ut9J/1DAiAbaxhQDUTJ04k54cTeWfOIkVJdN6mpGiHh9XEm9+p15A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5783},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"60f59b8075c42527546982cc41f11c886507f59b","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"bighoot","email":"thetrigun@gmail.com"},"_npmVersion":"10.4.0","description":"A simple and customizable modal component for React.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"react":"^17.0.0","styled-components":"^5.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modal-library_1.0.5_1722998776208_0.3080691363248671","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@bighoot/modal-library","version":"1.0.6","keywords":["react","modal","component","library"],"author":{"name":"BigHoot"},"license":"MIT","_id":"@bighoot/modal-library@1.0.6","maintainers":[{"name":"bighoot","email":"thetrigun@gmail.com"}],"dist":{"shasum":"2c2b44a1070da6cf4addaaf8afa5e9dae7b50cf4","tarball":"https://registry.npmjs.org/@bighoot/modal-library/-/modal-library-1.0.6.tgz","fileCount":4,"integrity":"sha512-ze5nORpfub/35QK0BkIbEABbms5ZLuVtFZJvH+MHzm9RA2D5MZ8qGP4F3rntsvYRXMNPf4i7wm6EuoV119Q5KA==","signatures":[{"sig":"MEQCIAxI/Emjg9ogNu5cQMoqelyQe9fZ8G4j6+stZT0o9WQ5AiBuJt0+JmIX6peJtgIbRc7XAEql/THGfKXB//LxmdBscw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5840},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"60f59b8075c42527546982cc41f11c886507f59b","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"bighoot","email":"thetrigun@gmail.com"},"_npmVersion":"10.4.0","description":"A simple and customizable modal component for React.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"react":"^17.0.0","styled-components":"^5.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modal-library_1.0.6_1722998895729_0.3490345399992434","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@bighoot/modal-library","version":"1.0.7","keywords":["react","modal","component","library"],"author":{"name":"BigHoot"},"license":"MIT","_id":"@bighoot/modal-library@1.0.7","maintainers":[{"name":"bighoot","email":"thetrigun@gmail.com"}],"dist":{"shasum":"235f8b90d9ca6057e5cac6faeeea0de020f2b83c","tarball":"https://registry.npmjs.org/@bighoot/modal-library/-/modal-library-1.0.7.tgz","fileCount":8,"integrity":"sha512-wYhZYNnYstqYM55fWQTqqvK6W0c4eStRkMRoC3kOrDMl92s63Wa+VBn9/SxYmhmUmetov5un+yn0GMP0i+3uNg==","signatures":[{"sig":"MEUCIFgw1Y4gFVqM0Dcleusn8GN7TbWimbdcOAYcpAo4QlkYAiEAwM+qiO797AntW7T+z4diGIo7IFS5y1TPbD5gg3d0x5U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9406},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"319ec6ba457da424be331876a3a945dcd09eb31a","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"bighoot","email":"thetrigun@gmail.com"},"_npmVersion":"10.4.0","description":"A simple and customizable modal component for React.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"react":"^17.0.0","styled-components":"^5.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^4.0.0","@types/react":"^17.0.0","@types/styled-components":"^5.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modal-library_1.0.7_1723131484647_0.48709951259250683","host":"s3://npm-registry-packages"}},"1.0.8":{"name":"@bighoot/modal-library","version":"1.0.8","description":"A simple and customizable modal component for React.","main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"publishConfig":{"access":"public"},"keywords":["react","modal","component","library"],"author":{"name":"BigHoot"},"license":"MIT","dependencies":{"react":"^17.0.0","styled-components":"^5.3.0"},"devDependencies":{"typescript":"^4.0.0","@types/react":"^17.0.0","@types/styled-components":"^5.1.0"},"_id":"@bighoot/modal-library@1.0.8","gitHead":"319ec6ba457da424be331876a3a945dcd09eb31a","_nodeVersion":"20.11.1","_npmVersion":"10.4.0","dist":{"integrity":"sha512-v/5zP7NoeFrfWujBJJ709sd0A7n2hgeRA8i4GAtkRwj5t/vI7/pWKkfusZilD90LXGikfJdlL3IscVLhAgjL3A==","shasum":"3482082c8163069063a2593412ed28eb3d9af8eb","tarball":"https://registry.npmjs.org/@bighoot/modal-library/-/modal-library-1.0.8.tgz","fileCount":10,"unpackedSize":9527,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuUlgVSxjSQs0V3vTxlHcT1bTNgMDG6i6uGwk3QqOHaAIhANMojBePJKEjDrPu6H3qqGLzhtZSPsl9BytwWZymTSgt"}]},"_npmUser":{"name":"bighoot","email":"thetrigun@gmail.com"},"directories":{},"maintainers":[{"name":"bighoot","email":"thetrigun@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/modal-library_1.0.8_1723131714098_0.931944136671605"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-07T00:42:57.335Z","modified":"2024-08-08T15:41:54.468Z","1.0.0":"2024-08-07T00:42:57.616Z","1.0.1":"2024-08-07T00:49:22.278Z","1.0.2":"2024-08-07T01:01:35.986Z","1.0.3":"2024-08-07T02:35:16.564Z","1.0.4":"2024-08-07T02:37:54.890Z","1.0.5":"2024-08-07T02:46:16.356Z","1.0.6":"2024-08-07T02:48:15.920Z","1.0.7":"2024-08-08T15:38:04.800Z","1.0.8":"2024-08-08T15:41:54.256Z"},"author":{"name":"BigHoot"},"license":"MIT","keywords":["react","modal","component","library"],"description":"A simple and customizable modal component for React.","maintainers":[{"name":"bighoot","email":"thetrigun@gmail.com"}],"readme":"\r\n# @bighoot/modal-library\r\n\r\n## Description\r\n\r\n`@bighoot/modal-library` est une bibliothèque React simple et personnalisable pour afficher des modals. Elle est facile à utiliser et à intégrer dans vos projets React.\r\n\r\n## Installation\r\n\r\nVous pouvez installer la bibliothèque via npm :\r\n\r\n```bash\r\nnpm install @bighoot/modal-library\r\n```\r\nou via yarn :\r\n\r\n```bash\r\nyarn add @bighoot/modal-library\r\n```\r\n## Utilisation \r\n\r\nVoici un exemple de comment utiliser @bighoot/modal-library :\r\n\r\n```js\r\nimport React, { useState } from 'react';\r\nimport Modal from '@bighoot/modal-library';\r\n\r\nconst App = () => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const handleOpenModal = () => {\r\n    setIsOpen(true);\r\n  };\r\n\r\n  const handleCloseModal = () => {\r\n    setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <h1>Welcome to My App</h1>\r\n      <button onClick={handleOpenModal}>Open Modal</button>\r\n      <Modal isOpen={isOpen} onClose={handleCloseModal} title=\"Example Modal\">\r\n        <p>This is a simple modal example.</p>\r\n        <button onClick={handleCloseModal}>Close</button>\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default App;\r\n```\r\n## Propriétés du composant Modal\r\n```\r\nisOpen (boolean) : Détermine si la modal est ouverte.\r\n```\r\n```\r\nonClose (function) : Fonction appelée pour fermer la modal.\r\n```\r\n```\r\ntitle (string) : Le titre de la modal.\r\n```\r\n```\r\nchildren (ReactNode) : Le contenu de la modal.\r\n```\r\n\r\n## Prérequis\r\n\r\nAvant d'utiliser cette bibliothèque, assurez-vous d'avoir les éléments suivants installés :\r\n\r\n- **Node.js** : Version 12 ou supérieure.\r\n- **React** : Version 17 ou supérieure.\r\n- **styled-components** : Version 5 ou supérieure.\r\n\r\n\r\n\r\n---------------------------------------\r\nENGLISH VERSION\r\n---------------------------------------\r\n\r\n\r\n\r\n# @bighoot/modal-library\r\n\r\n## Description\r\n\r\n`@bighoot/modal-library` is a simple and customizable React library that can be used to display modals. It's easy to use and integrate in your own React projects.\r\n\r\n## Setup\r\n\r\nYou can download the library via npm :\r\n\r\n```bash\r\nnpm install @bighoot/modal-library\r\n```\r\nor via yarn :\r\n\r\n```bash\r\nyarn add @bighoot/modal-library\r\n```\r\n## How to use \r\n\r\nHere is an example of how to use @bighoot/modal-library :\r\n\r\n```js\r\nimport React, { useState } from 'react';\r\nimport Modal from '@bighoot/modal-library';\r\n\r\nconst App = () => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const handleOpenModal = () => {\r\n    setIsOpen(true);\r\n  };\r\n\r\n  const handleCloseModal = () => {\r\n    setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <h1>Welcome to My App</h1>\r\n      <button onClick={handleOpenModal}>Open Modal</button>\r\n      <Modal isOpen={isOpen} onClose={handleCloseModal} title=\"Example Modal\">\r\n        <p>This is a simple modal example.</p>\r\n        <button onClick={handleCloseModal}>Close</button>\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default App;\r\n```\r\n## Modal components properties\r\n```\r\nisOpen (boolean) : Set if modal is open.\r\n```\r\n```\r\nonClose (function) : Called function to close modal.\r\n```\r\n```\r\ntitle (string) : Modal's title.\r\n```\r\n```\r\nchildren (ReactNode) : Modal's content.\r\n```\r\n\r\n## Prerequisites\r\n\r\nBefore using this library, make sure you have the following dependencies : \r\n\r\n- **Node.js** : Version 12 or superior.\r\n- **React** : Version 17 or superior.\r\n- **styled-components** : Version 5 or superior.","readmeFilename":"README.md"}