{"_id":"@asuramoon/confirmationmodal","_rev":"3-700d704cd22a87a144b4b885ed68e97b","name":"@asuramoon/confirmationmodal","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@asuramoon/confirmationmodal","version":"1.0.0","description":"Bien sûr, voici le texte complet avec du Markdown :","main":"ConfirmationModal.jsx","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"ISC","_id":"@asuramoon/confirmationmodal@1.0.0","_nodeVersion":"20.10.0","_npmVersion":"10.2.5","dist":{"integrity":"sha512-4Vr+IQqCKulKkhZ2cRHAyk//3rQuvdFX8TiTCZtssPWo5tJjJRE1NaqSvRzRzGk9aogy68tcflF9HQzE6DxRFA==","shasum":"4d6d280bf18facf95c16acffb8a87edcbd7395ec","tarball":"https://registry.npmjs.org/@asuramoon/confirmationmodal/-/confirmationmodal-1.0.0.tgz","fileCount":4,"unpackedSize":5138,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYnKrlGBF6o8dZDHYWOiM5NGECwQmHn1K+o7V0iyJCLgIhAL5BCUIzuPLcobnsLD9TN6K7CbKlSVMMp5gSKtbSexZy"}]},"_npmUser":{"name":"asuramoon","email":"jufredenucci@gmx.fr"},"directories":{},"maintainers":[{"name":"asuramoon","email":"jufredenucci@gmx.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/confirmationmodal_1.0.0_1705922426430_0.16530812199740175"},"_hasShrinkwrap":false},"1.0.1":{"name":"@asuramoon/confirmationmodal","version":"1.0.1","description":"`ConfirmationModal` est un composant React qui affiche un message de réussite lorsqu'une personne est enregistrée avec succès. Il masque automatiquement le message après 3 secondes, mais permet également une fermeture immédiate en cliquant sur le bouton \"","main":"ConfirmationModal.jsx","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"ISC","_id":"@asuramoon/confirmationmodal@1.0.1","gitHead":"8a3cee61402b696b18d28bbcd9bb2bdff376ee6e","_nodeVersion":"20.10.0","_npmVersion":"10.2.5","dist":{"integrity":"sha512-1zqNA4xE2Zic0qSBPn6PSnIs9gtX4bwfOc9B98r9yegwTavmNRAEpv33k41O+qmozGhFhaFj9gybjQWfWbL9RQ==","shasum":"8742a173b5e6f56e9c196be146369e077c0b56e4","tarball":"https://registry.npmjs.org/@asuramoon/confirmationmodal/-/confirmationmodal-1.0.1.tgz","fileCount":5,"unpackedSize":5183,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAls8juDRmSTO77+YFusbLDgkRGTHwuB9AnLYiYC4jbPAiEAo6rrvkX3cGDm9tOj7DD22a8OV515Gt+WEjNy4NzH9kk="}]},"_npmUser":{"name":"asuramoon","email":"jufredenucci@gmx.fr"},"directories":{},"maintainers":[{"name":"asuramoon","email":"jufredenucci@gmx.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/confirmationmodal_1.0.1_1705922938826_0.7601534444470743"},"_hasShrinkwrap":false},"1.0.2":{"name":"@asuramoon/confirmationmodal","version":"1.0.2","description":"`ConfirmationModal` est un composant React qui affiche un message de réussite lorsqu'une personne est enregistrée avec succès. Il masque automatiquement le message après 3 secondes, mais permet également une fermeture immédiate en cliquant sur le bouton \"","main":"ConfirmationModal.jsx","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"ISC","dependencies":{"sass":"^1.70.0"},"_id":"@asuramoon/confirmationmodal@1.0.2","gitHead":"63ed9ced1043ba301f3728c1713dc5217534e259","_nodeVersion":"20.10.0","_npmVersion":"10.2.5","dist":{"integrity":"sha512-pUBTBD2ocxdb+fYaE9o2gsFxxKdyxLDs+zH4X2wGuAMKSc4makO305XNAVwygMzxQN4HzPB4NG/qJepVGVRx4w==","shasum":"1dd4f844488aa41c4b382b73c107bd10a5f8b459","tarball":"https://registry.npmjs.org/@asuramoon/confirmationmodal/-/confirmationmodal-1.0.2.tgz","fileCount":5,"unpackedSize":5230,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHDWsQ5UfkpF+5V6ZpKDXsLgXVr7Dp1RNxOvQ3i6uiJ7AiEA7adX7ZhLd15SBDGpEmm/QOUPbzDgmWSZ7ivoiBHAusc="}]},"_npmUser":{"name":"asuramoon","email":"jufredenucci@gmx.fr"},"directories":{},"maintainers":[{"name":"asuramoon","email":"jufredenucci@gmx.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/confirmationmodal_1.0.2_1705922993656_0.5055659757387452"},"_hasShrinkwrap":false},"1.0.3":{"name":"@asuramoon/confirmationmodal","version":"1.0.3","description":"`ConfirmationModal` est un composant React qui affiche un message de réussite lorsqu'une personne est enregistrée avec succès. Il masque automatiquement le message après 3 secondes, mais permet également une fermeture immédiate en cliquant sur le bouton \"","main":"ConfirmationModal.jsx","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"ISC","dependencies":{"sass":"^1.70.0"},"_id":"@asuramoon/confirmationmodal@1.0.3","gitHead":"ed591264500f16b906898476dba0664756fc2dfb","_nodeVersion":"20.10.0","_npmVersion":"10.2.5","dist":{"integrity":"sha512-mhyrf8OgLkRW8K7Pw42eAYhQGXXQW+IG0p4T9JuIsGJ8xA5NDbrT1+YURBBB6VYIsYNhJ2FVAf7NQRrPxTmmMw==","shasum":"e5b01d5260c053329d15bab35d2412b4de0cd0a5","tarball":"https://registry.npmjs.org/@asuramoon/confirmationmodal/-/confirmationmodal-1.0.3.tgz","fileCount":5,"unpackedSize":5304,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFytig2p78BBEbQhClR++rDGKYJlSV8OgUs0Lne5xLBbAiEAy9S+cY3NCIa67+26Mg9RJkAQckhAT6gnqGQOUhLG2t8="}]},"_npmUser":{"name":"asuramoon","email":"jufredenucci@gmx.fr"},"directories":{},"maintainers":[{"name":"asuramoon","email":"jufredenucci@gmx.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/confirmationmodal_1.0.3_1705923192087_0.6382200361758754"},"_hasShrinkwrap":false}},"time":{"created":"2024-01-22T11:20:26.341Z","1.0.0":"2024-01-22T11:20:26.586Z","modified":"2024-01-22T11:33:12.434Z","1.0.1":"2024-01-22T11:28:58.963Z","1.0.2":"2024-01-22T11:29:53.811Z","1.0.3":"2024-01-22T11:33:12.267Z"},"maintainers":[{"name":"asuramoon","email":"jufredenucci@gmx.fr"}],"description":"`ConfirmationModal` est un composant React qui affiche un message de réussite lorsqu'une personne est enregistrée avec succès. Il masque automatiquement le message après 3 secondes, mais permet également une fermeture immédiate en cliquant sur le bouton \"","license":"ISC","readme":"# ConfirmationModal Component Readme\r\n\r\n`ConfirmationModal` est un composant React qui affiche un message de réussite lorsqu'une personne est enregistrée avec succès. Il masque automatiquement le message après 3 secondes, mais permet également une fermeture immédiate en cliquant sur le bouton \"X\".\r\n\r\n## Utilisation\r\n\r\n### Imports des dependecies \r\n\r\n`npm i sass` pour le style pré-defini\r\n\r\n### Importation du composant\r\n\r\n```javascript\r\nimport ConfirmationModal from './ConfirmationModal';\r\n```\r\n\r\n### Props\r\n\r\nLe composant accepte deux props :\r\n\r\n- `isVisible` (obligatoire, booléen) : Un booléen indiquant si le message doit être visible ou non.\r\n- `onHide` (obligatoire, fonction) : Une fonction à appeler lorsque le message est fermé, automatiquement ou manuellement.\r\n\r\n### Exemple\r\n\r\n```javascript\r\nfunction MyComponent() {\r\n  const [isMessageVisible, setIsMessageVisible] = useState(false);\r\n\r\n  const handleRegistrationSuccess = () => {\r\n    setIsMessageVisible(true);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {/* Formulaire d'inscription ou autre contenu */}\r\n      <ConfirmationModal isVisible={isMessageVisible} onHide={() => setIsMessageVisible(false)} />\r\n    </>\r\n  );\r\n}\r\n```\r\n\r\n### Style\r\n\r\nLe composant inclut un style de base, mais peut être personnalisé en utilisant les classes CSS fournies :\r\n\r\n- `confirmation-overlay` : Le conteneur de superposition.\r\n- `overlay-visible` : L'état visible de la superposition.\r\n- `confirmation-message` : Le conteneur pour le message.\r\n- `visible` : L'état visible du message.\r\n- `hidden` : L'état caché du message.\r\n\r\n### Validation des props\r\n\r\nLe composant utilise PropTypes pour valider ses props :\r\n\r\n- `isVisible` : Doit être un booléen.\r\n- `onHide` : Doit être une fonction.\r\n\r\n### Note\r\n\r\nCe composant est conçu pour être utilisé dans un environnement React et nécessite l'utilisation de hooks et de PropTypes. Assurez-vous que votre projet inclut ces fonctionnalités avant d'utiliser ce composant.\r\n\r\n### Keywords\r\n\r\nModal React JS ","readmeFilename":"readme.md"}