{"_id":"@antoinea95/modal-component-hrnet","_rev":"8-69b5deadfa6af29396001184bab07024","name":"@antoinea95/modal-component-hrnet","dist-tags":{"latest":"1.0.2"},"versions":{"0.0.0":{"name":"@antoinea95/modal-component-hrnet","author":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"private":false,"version":"0.0.0","type":"module","main":"dist/modal-component-hrnet.js","sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"vite build","lint":"eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.15","@types/react-dom":"^18.2.7","@vitejs/plugin-react":"^4.0.3","eslint":"^8.45.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.3","prop-types":"^15.8.1","react-icons":"^4.10.1","vite":"^4.4.5","vite-plugin-css-injected-by-js":"^3.3.0"},"gitHead":"1d422aa584e1fa5d0e6ec847785fb6b7a8966068","description":"This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.","_id":"@antoinea95/modal-component-hrnet@0.0.0","_nodeVersion":"14.19.1","_npmVersion":"8.12.1","dist":{"integrity":"sha512-SmQNgHM0TLxBlC9UDC3Aj9ERhuKsC5wvTONDMz/l7F+M05PWzIYQCKvqimK5gj/wW2br57ZpbEeG6GGEsb4fSQ==","shasum":"e5e45ee098d947d30788976af70bfed75571f43c","tarball":"https://registry.npmjs.org/@antoinea95/modal-component-hrnet/-/modal-component-hrnet-0.0.0.tgz","fileCount":3,"unpackedSize":26455,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCH0XsmaL3aJpeqXGfjPOO6vuGLNQIWvL7bhkAnbWsc7gCIQDVlwoRt1RwWZk3+OnQgl7dk+NXUwoPvJ5KHWWqba6+Qg=="}]},"_npmUser":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"directories":{},"maintainers":[{"name":"antoinea95","email":"antoineamr95@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/modal-component-hrnet_0.0.0_1693752385813_0.1162442848559806"},"_hasShrinkwrap":false},"0.0.5":{"name":"@antoinea95/modal-component-hrnet","author":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"private":false,"version":"0.0.5","type":"module","main":"dist/modal-component-hrnet.js","sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"vite build","lint":"eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.15","@types/react-dom":"^18.2.7","@vitejs/plugin-react":"^4.0.3","eslint":"^8.45.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.3","prop-types":"^15.8.1","react-icons":"^4.10.1","vite":"^4.4.5","vite-plugin-css-injected-by-js":"^3.3.0"},"gitHead":"7e9c4f2f94866710145431d0a013f6e211e13115","description":"This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.","_id":"@antoinea95/modal-component-hrnet@0.0.5","_nodeVersion":"14.19.1","_npmVersion":"8.12.1","dist":{"integrity":"sha512-2K+PUsds4uC8WFZSabqEXjKKN9IoSRnWPHDSFLl5EHT7j4l/Bap2JiN0JVhuWphtm/rlF7La5aVhu0JQkTU0aA==","shasum":"f48bf4aae419f5fa0afd61dd22a15ea81d98ce0d","tarball":"https://registry.npmjs.org/@antoinea95/modal-component-hrnet/-/modal-component-hrnet-0.0.5.tgz","fileCount":3,"unpackedSize":699034,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXUMkW4tYnTS06cKVCjf8SnnEiIh5jQ4j63tOLn9rPXAIgO5FpKSRKezGMbGQ2FMTQ0aK9LElO3JKbFJPSScLGAo8="}]},"_npmUser":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"directories":{},"maintainers":[{"name":"antoinea95","email":"antoineamr95@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/modal-component-hrnet_0.0.5_1693756029000_0.08052003901428528"},"_hasShrinkwrap":false},"0.0.6":{"name":"@antoinea95/modal-component-hrnet","author":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"private":false,"version":"0.0.6","type":"module","main":"dist/modal-component-hrnet.js","sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"vite build","lint":"eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.15","@types/react-dom":"^18.2.7","@vitejs/plugin-react":"^4.0.3","eslint":"^8.45.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.3","prop-types":"^15.8.1","react-icons":"^4.10.1","vite":"^4.4.5","vite-plugin-css-injected-by-js":"^3.3.0"},"gitHead":"7e9c4f2f94866710145431d0a013f6e211e13115","description":"This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.","_id":"@antoinea95/modal-component-hrnet@0.0.6","_nodeVersion":"14.19.1","_npmVersion":"8.12.1","dist":{"integrity":"sha512-K9Pj84+9PB5pwACTbJ7LwemULxymZPfWHqMQpa6aFOkRxDv7FfHs966Ze8J7Tt1QuNjEBxrBIPx6Gu1iW4g45Q==","shasum":"5b1ab6fc55ea258477335e7a62025e358ee54e6e","tarball":"https://registry.npmjs.org/@antoinea95/modal-component-hrnet/-/modal-component-hrnet-0.0.6.tgz","fileCount":3,"unpackedSize":698781,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCL4rI57G97ykH/8dku59wIkVG3PGwUIrnej5EGkctBQwIhANlbClyf4WjETRbR0rgCgCUiZeQh2iqKlv/LAT1dvfu3"}]},"_npmUser":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"directories":{},"maintainers":[{"name":"antoinea95","email":"antoineamr95@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/modal-component-hrnet_0.0.6_1693756176258_0.2793996161090855"},"_hasShrinkwrap":false},"0.0.7":{"name":"@antoinea95/modal-component-hrnet","author":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"private":false,"version":"0.0.7","type":"module","main":"dist/modal-component-hrnet.js","sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"vite build","lint":"eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.15","@types/react-dom":"^18.2.7","@vitejs/plugin-react":"^4.0.3","eslint":"^8.45.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.3","prop-types":"^15.8.1","react-icons":"^4.10.1","vite":"^4.4.5","vite-plugin-css-injected-by-js":"^3.3.0"},"gitHead":"029a88fc8c0ea65bdbc3214d4618f95d51a0c616","description":"This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.","_id":"@antoinea95/modal-component-hrnet@0.0.7","_nodeVersion":"14.19.1","_npmVersion":"8.12.1","dist":{"integrity":"sha512-cgecgbc9mX7t1HHffKe1gVKmZdvJJPjEvYdf080WLQbPZf4ArAenZ68ElPnryc6tDz6OzygDEItdf71WPY6QRg==","shasum":"b708deb6eaec4b10b7c13a1ee505c5e8017d7599","tarball":"https://registry.npmjs.org/@antoinea95/modal-component-hrnet/-/modal-component-hrnet-0.0.7.tgz","fileCount":3,"unpackedSize":699059,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHzNKPP5hmty+NTvep6+6Icok+XjW5ftCZnCcUdWjFULAiB9OvArGf0BzlpVUi3jQCTT7qqu6OQ4ngsI/xylin2vag=="}]},"_npmUser":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"directories":{},"maintainers":[{"name":"antoinea95","email":"antoineamr95@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/modal-component-hrnet_0.0.7_1693757066299_0.699600337916022"},"_hasShrinkwrap":false},"0.0.8":{"name":"@antoinea95/modal-component-hrnet","author":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"private":false,"version":"0.0.8","type":"module","main":"dist/modal-component-hrnet.js","sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"vite build","lint":"eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.15","@types/react-dom":"^18.2.7","@vitejs/plugin-react":"^4.0.3","eslint":"^8.45.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.3","prop-types":"^15.8.1","react-icons":"^4.10.1","vite":"^4.4.5","vite-plugin-css-injected-by-js":"^3.3.0"},"gitHead":"006e44c2fb2f79914234dbe1cf74d755a40a53c0","description":"This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.","_id":"@antoinea95/modal-component-hrnet@0.0.8","_nodeVersion":"14.19.1","_npmVersion":"8.12.1","dist":{"integrity":"sha512-1lM6oq7RmVVCbwZgp73MT7lZJnIayvyfArCHiTvAl5tf8MOWM1Y9uwr5rgrX4GsvkYDhu8uAIJ9PvqO+ahz0+w==","shasum":"74b89156c893f9f416dacb703415defff26bda4d","tarball":"https://registry.npmjs.org/@antoinea95/modal-component-hrnet/-/modal-component-hrnet-0.0.8.tgz","fileCount":3,"unpackedSize":699054,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqE5SlWI9slXksfoWCj6nfQEI1daYa5Cdv+ZZL6ImR5gIhAJuIfuPzI3fZX3UAwKEaQTey537aNXyGB3MV1seXWS/r"}]},"_npmUser":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"directories":{},"maintainers":[{"name":"antoinea95","email":"antoineamr95@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/modal-component-hrnet_0.0.8_1693758656049_0.9293977034129894"},"_hasShrinkwrap":false},"0.0.9":{"name":"@antoinea95/modal-component-hrnet","author":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"private":false,"version":"0.0.9","type":"module","main":"dist/modal-component-hrnet.js","sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"vite build","lint":"eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.15","@types/react-dom":"^18.2.7","@vitejs/plugin-react":"^4.0.3","eslint":"^8.45.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.3","prop-types":"^15.8.1","react-icons":"^4.10.1","vite":"^4.4.5","vite-plugin-css-injected-by-js":"^3.3.0"},"gitHead":"006e44c2fb2f79914234dbe1cf74d755a40a53c0","description":"This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.","_id":"@antoinea95/modal-component-hrnet@0.0.9","_nodeVersion":"14.19.1","_npmVersion":"8.12.1","dist":{"integrity":"sha512-2/51belL0ffeh0dHmyqvIyI4Y4JnZ15rALoj1sdSVOpx6fY7GFEbdFfgFluER5yXMz2msCME6Ci3TgwcRi1nRQ==","shasum":"f0bc35c145c380597f6fc1c6cea7c40ab0581556","tarball":"https://registry.npmjs.org/@antoinea95/modal-component-hrnet/-/modal-component-hrnet-0.0.9.tgz","fileCount":3,"unpackedSize":699065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFQc8brGd33POEdWk3RiG19Pn/vfV5sH8tv1/KpvtdJZAiAtZgUMU1XBTQZOB9mAj+vBYZSRcOSS2cAMbaFGjsKyuQ=="}]},"_npmUser":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"directories":{},"maintainers":[{"name":"antoinea95","email":"antoineamr95@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/modal-component-hrnet_0.0.9_1693759017935_0.9535476667246594"},"_hasShrinkwrap":false},"1.0.0":{"name":"@antoinea95/modal-component-hrnet","author":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/antoinea95/modal-component-hrnet.git"},"bugs":{"url":"https://github.com/antoinea95/modal-component-hrnet/issues"},"homepage":"https://github.com/antoinea95/modal-component-hrnet#readme","private":false,"version":"1.0.0","type":"module","main":"dist/modal-component-hrnet.js","sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"vite build","lint":"eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.15","@types/react-dom":"^18.2.7","@vitejs/plugin-react":"^4.0.3","eslint":"^8.45.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.3","prop-types":"^15.8.1","react-icons":"^4.10.1","vite":"^4.4.5","vite-plugin-css-injected-by-js":"^3.3.0"},"gitHead":"fa8ac4cc31bf168f05f498c24f2c85aabdf55f71","description":"bs# Modal component HRnet","_id":"@antoinea95/modal-component-hrnet@1.0.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-QivWDa7ye4ajrvylLuzxiKS4Ri34gjA1lYWtLtSWOWVBmJRpENZt3ktIV3Ezn6+NUkA/20LzS2O0+iMQDK+9Bw==","shasum":"9b483f56ac4bf668f79a6c6a2e866633c8848f3f","tarball":"https://registry.npmjs.org/@antoinea95/modal-component-hrnet/-/modal-component-hrnet-1.0.0.tgz","fileCount":3,"unpackedSize":701742,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHAUBleWiPevs9Zptwe1K0xyXYTj4g/5vVV5JQjF8tQ5AiEApn5h7tL/5fhc0txf7pxE6YcsAiu+I2tg8TuS316LD98="}]},"_npmUser":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"directories":{},"maintainers":[{"name":"antoinea95","email":"antoineamr95@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/modal-component-hrnet_1.0.0_1693821499019_0.1511442835831467"},"_hasShrinkwrap":false},"1.0.1":{"name":"@antoinea95/modal-component-hrnet","author":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/antoinea95/modal-component-hrnet.git"},"bugs":{"url":"https://github.com/antoinea95/modal-component-hrnet/issues"},"homepage":"https://github.com/antoinea95/modal-component-hrnet#readme","private":false,"version":"1.0.1","type":"module","main":"dist/modal-component-hrnet.js","sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"vite build","lint":"eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.15","@types/react-dom":"^18.2.7","@vitejs/plugin-react":"^4.0.3","eslint":"^8.45.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.3","prop-types":"^15.8.1","react-icons":"^4.10.1","vite":"^4.4.5","vite-plugin-css-injected-by-js":"^3.3.0"},"gitHead":"b4fa866439b0e392e1a18ba40fdbd0655139d3e7","description":"bs# Modal component HRnet","_id":"@antoinea95/modal-component-hrnet@1.0.1","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-j4CvwaWo76VrVA9nv+CgdeP1lFiwmvmL3q5qlPnl0bOafzRPugZv3efUvlyXRX+nUMjF4v3QKdeiNq4FuRZueA==","shasum":"e8308300911a78cafabc4096400b7a1aa66a9278","tarball":"https://registry.npmjs.org/@antoinea95/modal-component-hrnet/-/modal-component-hrnet-1.0.1.tgz","fileCount":3,"unpackedSize":701688,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBVJkf3+sAe5Palh4XaojxMQ1YUAa6CqA7Gm4Ii804a3AiABCnWlHgww3t9LbKnPOPOoMcqXmJ32Ou5ryrmTqLgBBQ=="}]},"_npmUser":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"directories":{},"maintainers":[{"name":"antoinea95","email":"antoineamr95@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/modal-component-hrnet_1.0.1_1693821857505_0.8285281006811378"},"_hasShrinkwrap":false},"1.0.2":{"name":"@antoinea95/modal-component-hrnet","author":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/antoinea95/modal-component-hrnet.git"},"bugs":{"url":"https://github.com/antoinea95/modal-component-hrnet/issues"},"homepage":"https://github.com/antoinea95/modal-component-hrnet#readme","private":false,"version":"1.0.2","type":"module","main":"dist/modal-component-hrnet.js","sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"vite build","lint":"eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@types/react":"^18.2.15","@types/react-dom":"^18.2.7","@vitejs/plugin-react":"^4.0.3","eslint":"^8.45.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.3","prop-types":"^15.8.1","react-icons":"^4.10.1","vite":"^4.4.5","vite-plugin-css-injected-by-js":"^3.3.0"},"gitHead":"8c4ae897bb6a67001af44955a31a660324f29edd","description":"This is a modal component for React. Developped for a student project and used in [P14-hrnet](https://github.com/antoinea95/p14hrnet)","_id":"@antoinea95/modal-component-hrnet@1.0.2","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-2lcSV5EBzGhuk5BI+heF3YGYXXXO3rStWdMbCp8I/V6gXTkMsGEBQLcXoRP0Xhdperf5kt/FyDKAl0O0WaaWNw==","shasum":"db03bf8738154e012b18131bf9b6436b13fd02c4","tarball":"https://registry.npmjs.org/@antoinea95/modal-component-hrnet/-/modal-component-hrnet-1.0.2.tgz","fileCount":3,"unpackedSize":701686,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEijFaf34z4GPWY2tD7T1pyNyvHBT2DkgVLqCHHG7/w3AiEAwkfAgisroATKK2AogCfu7Z6TUy4Vs0QnKybRHBH7g+w="}]},"_npmUser":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"directories":{},"maintainers":[{"name":"antoinea95","email":"antoineamr95@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/modal-component-hrnet_1.0.2_1693831396061_0.06057129952866247"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-03T14:46:25.707Z","0.0.0":"2023-09-03T14:46:26.000Z","modified":"2023-09-04T12:43:16.580Z","0.0.5":"2023-09-03T15:47:09.222Z","0.0.6":"2023-09-03T15:49:36.406Z","0.0.7":"2023-09-03T16:04:26.550Z","0.0.8":"2023-09-03T16:30:56.341Z","0.0.9":"2023-09-03T16:36:58.137Z","1.0.0":"2023-09-04T09:58:19.250Z","1.0.1":"2023-09-04T10:04:17.766Z","1.0.2":"2023-09-04T12:43:16.403Z"},"maintainers":[{"name":"antoinea95","email":"antoineamr95@gmail.com"}],"description":"This is a modal component for React. Developped for a student project and used in [P14-hrnet](https://github.com/antoinea95/p14hrnet)","author":{"name":"antoinea95","email":"antoineamr95@gmail.com"},"readme":"# Modal component HRnet \r\n\r\nThis is a modal component for React. Developped for a student project and used in [P14-hrnet](https://github.com/antoinea95/p14hrnet)\r\n\r\n### Prerequisites\r\n\r\n- [Node.js (Version 18.12.1)](https://nodejs.org/en/)\r\n- [NPM](https://www.npmjs.com/)\r\n- *(Recommended IDE)* [VSCode](https://code.visualstudio.com/)\r\n\r\n## My Table of Content\r\n\r\n- [Installation](#installation)\r\n- [Usage](#usage)\r\n- [Props](#Props)\r\n\r\n## Installation\r\n\r\nYou can install the `modal-component-hrnet` package using npm:\r\n\r\n```bash\r\nnpm install @antoinea95/modal-component-hrnet\r\n```\r\n\r\n## Usage\r\n\r\nImport `Modal` in your React component:\r\n\r\n```jsx\r\nimport { Modal } from '@antoinea95/modal-component-hrnet';\r\n```\r\n\r\nImplement `Modal` in your React component:\r\n\r\n```jsx\r\nfunction MyComponent() {\r\n  const [isShow, setIsShow] = useState(false)\r\n\r\n  return (\r\n    <div>\r\n        <button onClick={() => setIsShow(true)}>Open Modal</button>\r\n        <Modal\r\n          onClose={() => setIsShow(false)}\r\n          isShow={isShow}\r\n          setIsShow={setIsShow}\r\n          timeOut={3000} //optionnal, if you want modal close automatically\r\n        >\r\n        <p> This is a Modal </p>\r\n        </Modal>\r\n      </div>\r\n  )\r\n}\r\n```\r\n\r\nYou can also display Modal without an Opening button, this an exemple with a confirmed Form : \r\n\r\n```jsx\r\nfunction MyComponent() {\r\n  const [isShow, setIsShow] = useState(false)\r\n\r\n  const handleSubmit = (e) => {\r\n    e.preventDefault();\r\n    setIsShow(true);\r\n  }\r\n\r\n  return (\r\n    <>\r\n    <form onSubmit={(e) =>{handleSubmit(e)}}>\r\n        <label htmlFor=\"email\">E-mail</label>\r\n        <input type=\"email\" name=\"email\" id=\"email\" />\r\n\r\n        <label htmlFor=\"password\">Password</label>\r\n        <input type=\"password\" name=\"password\" id=\"password\" />\r\n\r\n        <button type=\"submit\"> Se connecter </button>\r\n    </form>\r\n    <Modal\r\n      onClose={() => setIsShow(false)}\r\n      isShow={isShow}\r\n      setIsShow={setIsShow}\r\n      timeOut={3000} //optionnal, if you want modal close automatically\r\n      >\r\n        <p> User connected </p>\r\n    </Modal>\r\n  )\r\n}\r\n```\r\n\r\n## Props\r\n\r\nThe `Modal` component props you need:\r\n\r\n| Prop | Type | Description | Required | Default Value |\r\n| ---- | ---- | ----------- | -------- | ------------- |\r\n| children  | React.node  | The content of your modal, it can be anything you want | Yes | - |\r\n| onClose  | () => void  | Callback function to be called when the modal is closed. | Yes | - |\r\n| isShow  | boolean | Boolean indicating whether the modal is open or closed. | Yes | - |\r\n| setIsShow | () => void | Callback function to change isShow value  | Yes | - |\r\n| timeOut | number | Number in miliseconds to close Modal automatically  | No | - |\r\n\r\n\r\n","readmeFilename":"README.md","homepage":"https://github.com/antoinea95/modal-component-hrnet#readme","repository":{"type":"git","url":"git+https://github.com/antoinea95/modal-component-hrnet.git"},"bugs":{"url":"https://github.com/antoinea95/modal-component-hrnet/issues"},"license":"MIT"}