{"_id":"@byfrimouss/hrnet-modal-react","_rev":"2-960ae4bd98283c3dba271d16dcb1fbeb","name":"@byfrimouss/hrnet-modal-react","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@byfrimouss/hrnet-modal-react","version":"1.0.0","keywords":["react","modal","dialog","accessible","hrnet","wealthhealth"],"author":{"name":"Stéphanie Coupama"},"license":"MIT","_id":"@byfrimouss/hrnet-modal-react@1.0.0","maintainers":[{"name":"byfrimouss","email":"frimouss.graphweb@gmail.com"}],"dist":{"shasum":"2ce57ca6e235d6071c884a688109572f6d56187d","tarball":"https://registry.npmjs.org/@byfrimouss/hrnet-modal-react/-/hrnet-modal-react-1.0.0.tgz","fileCount":5,"integrity":"sha512-VxIYYAa4fPq888HB5QEwzqPnNk5AvXB03xHyI6/6auHnFOXLyEPnVZvwOlnEjp49dCzgQyXDdAqjVmmuezKrsQ==","signatures":[{"sig":"MEUCIGKKHheoJz57Ka061AAiYNHzfcYnu/rgPLcnR/jfRwpMAiEA2Ax0rtAVMF27gJl5p/rr8jnlNYIjWYFrsF3PKkiq3i0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":45490},"main":"./dist/index.umd.js","module":"./dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"gitHead":"d86c964e67f8eb0a90ddc8c4f272c368b4064008","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"byfrimouss","email":"frimouss.graphweb@gmail.com"},"_npmVersion":"9.9.4","description":"Accessible React Modal component — converted from jQuery.modal.js for WealthHealth HRnet","directories":{},"_nodeVersion":"20.19.6","dependencies":{"prop-types":"^15.8.1"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.0.0","vite":"^5.0.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=17.0.0","react-dom":">=17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/hrnet-modal-react_1.0.0_1772997436602_0.18698067954754594","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@byfrimouss/hrnet-modal-react","version":"1.0.1","description":"Accessible React Modal component — converted from jQuery.modal.js for WealthHealth HRnet","author":{"name":"Stéphanie Coupama"},"license":"MIT","keywords":["react","modal","dialog","accessible","hrnet","wealthhealth"],"main":"./dist/index.umd.js","module":"./dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"peerDependencies":{"react":">=17.0.0","react-dom":">=17.0.0"},"dependencies":{"prop-types":"^15.8.1"},"devDependencies":{"@vitejs/plugin-react":"^4.0.0","sass":"^1.0.0","vite":"^5.0.0"},"_id":"@byfrimouss/hrnet-modal-react@1.0.1","gitHead":"dd047bfefb3a9cd20eff61c755496ffbeb051b73","_nodeVersion":"20.19.6","_npmVersion":"9.9.4","dist":{"integrity":"sha512-CYXMjBTKV3VCY5n4ioRXrAPRkF78gJx5bdeizawJg2lJLHCq7jWxiLxUjxrmeR0XKrYk1gaGHIPb1mPws3nOdg==","shasum":"7043416433ca0edaeb95870dae2b5a31b657d7a3","tarball":"https://registry.npmjs.org/@byfrimouss/hrnet-modal-react/-/hrnet-modal-react-1.0.1.tgz","fileCount":5,"unpackedSize":45915,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDnTrbWkRzmV7grkEV46WchBhO3pTOVyxJ+p6zj5uoxywIgJuhX8grTVGgkYgDrALVsrs4VS6zfFJak6V2ekANxz/E="}]},"_npmUser":{"name":"byfrimouss","email":"frimouss.graphweb@gmail.com"},"directories":{},"maintainers":[{"name":"byfrimouss","email":"frimouss.graphweb@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/hrnet-modal-react_1.0.1_1772997706715_0.11266702331659806"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-08T19:17:16.539Z","modified":"2026-03-08T19:21:47.014Z","1.0.0":"2026-03-08T19:17:16.755Z","1.0.1":"2026-03-08T19:21:46.867Z"},"author":{"name":"Stéphanie Coupama"},"license":"MIT","keywords":["react","modal","dialog","accessible","hrnet","wealthhealth"],"description":"Accessible React Modal component — converted from jQuery.modal.js for WealthHealth HRnet","maintainers":[{"name":"byfrimouss","email":"frimouss.graphweb@gmail.com"}],"readme":"# @byfrimouss/hrnet-modal-react\n\n> Composant Modal React accessible et animé — converti depuis le plugin jQuery.modal.js de l'application HRnet WealthHealth.\n\n## Installation\n\n```bash\nnpm install @byfrimouss/hrnet-modal-react\n```\n\n## Utilisation\n\n```jsx\nimport { useState } from \"react\";\nimport Modal from \"@byfrimouss/hrnet-modal-react\";\n\nfunction App() {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <>\n      <button onClick={() => setIsOpen(true)}>Ouvrir la modale</button>\n\n      <Modal\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        title=\"Succès !\"\n        message=\"L'employé a bien été créé.\"\n      />\n    </>\n  );\n}\n```\n\n## Props\n\n| Prop     | Type     | Obligatoire | Défaut | Description                         |\n| -------- | -------- | ----------- | ------ | ----------------------------------- |\n| isOpen   | boolean  | ✅          | —      | Contrôle la visibilité de la modale |\n| onClose  | function | ✅          | —      | Appelée pour fermer la modale       |\n| title    | string   | ❌          | ''     | Titre affiché en haut               |\n| message  | string   | ❌          | ''     | Message principal                   |\n| children | node     | ❌          | null   | Contenu JSX personnalisé            |\n\n## Fonctionnalités\n\n- ✅ Fermeture par clic sur l'overlay\n- ✅ Fermeture par touche Escape\n- ✅ Blocage du scroll du body quand ouverte\n- ✅ Attributs ARIA (accessibilité)\n- ✅ Animation CSS (fadeIn + slideUp)\n- ✅ Zéro dépendance externe (hors React)\n\n## Licence\n\nMIT\n","readmeFilename":"README.md"}