{"_id":"@aweb1112/hrnet-modal","_rev":"3-64629c8b792ca8ac925ae1f247165de4","name":"@aweb1112/hrnet-modal","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@aweb1112/hrnet-modal","version":"1.0.0","keywords":["react","modal","hrnet","plugin","component","ui"],"author":{"name":"Aurélie Weber"},"license":"MIT","_id":"@aweb1112/hrnet-modal@1.0.0","maintainers":[{"name":"aweb1112","email":"aurelieweb@gmail.com"}],"homepage":"https://github.com/A-WEBerBeta/hrnet-modal","bugs":{"url":"https://github.com/A-WEBerBeta/hrnet-modal/issues"},"dist":{"shasum":"3bad826baf06df7b44b373f07ffd3d4d9e29eb6f","tarball":"https://registry.npmjs.org/@aweb1112/hrnet-modal/-/hrnet-modal-1.0.0.tgz","fileCount":9,"integrity":"sha512-FmRg7Qi9HEb68ipwugJFsb5t00AFU72Z6Mk3y4LZFk5I/KTN/qx2mH+t2igW87rQ4y+CniDP9KjfD/qfJUd/6g==","signatures":[{"sig":"MEYCIQCdTqfujWBRMwPVmZPc3GJWyP3dZS1F3nj2uAZBDpEA2wIhAI6dTYbxPXbYpVP53XD3VqICO/obFgQSrapTFJzVtI16","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":69517},"main":"./dist/hrnet-modal.umd.cjs","type":"module","module":"./dist/hrnet-modal.js","gitHead":"a446bf339796b86fd42a7ffedc61d6db6f1fff41","scripts":{"build":"vite build"},"_npmUser":{"name":"aweb1112","email":"aurelieweb@gmail.com"},"repository":{"url":"git+https://github.com/A-WEBerBeta/hrnet-modal.git","type":"git"},"_npmVersion":"10.8.2","description":"A reusable React modal component providing animations, accessibility, theming, designed to replace outdated jQuery modals in the HRnet application.","directories":{},"_nodeVersion":"20.19.5","dependencies":{"react":">=18.0.0","react-dom":">=18.0.0","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.0","@vitejs/plugin-react":"^5.0.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/hrnet-modal_1.0.0_1763980914136_0.9212565846238132","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@aweb1112/hrnet-modal","version":"1.0.1","keywords":["react","modal","hrnet","plugin","component","ui"],"author":{"name":"Aurélie Weber"},"license":"MIT","_id":"@aweb1112/hrnet-modal@1.0.1","maintainers":[{"name":"aweb1112","email":"aurelieweb@gmail.com"}],"homepage":"https://github.com/A-WEBerBeta/hrnet-modal","bugs":{"url":"https://github.com/A-WEBerBeta/hrnet-modal/issues"},"dist":{"shasum":"1d2a5084c55a2d771e4e4177e5a7005186a031e9","tarball":"https://registry.npmjs.org/@aweb1112/hrnet-modal/-/hrnet-modal-1.0.1.tgz","fileCount":9,"integrity":"sha512-G1Rc4aHcdzXb7e4n5WmyEMiuMDb5iwWTwWxRmhT8wo473wTWL8gTJHex7Y5TeB7FoP4siCH2AWY2uKnZZ3DMtg==","signatures":[{"sig":"MEUCIQDMAyiMFcIh5qV3ILwW5almMirzYuLpjbUSOmVlhM97aQIgGiXGWwsuxqo0RWF18swlA/Mi755dta6olHiAZ6PQHwY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":69544},"main":"./dist/hrnet-modal.umd.cjs","type":"module","module":"./dist/hrnet-modal.js","gitHead":"a446bf339796b86fd42a7ffedc61d6db6f1fff41","scripts":{"build":"vite build"},"_npmUser":{"name":"aweb1112","email":"aurelieweb@gmail.com"},"repository":{"url":"git+https://github.com/A-WEBerBeta/hrnet-modal.git","type":"git"},"_npmVersion":"10.8.2","description":"A reusable React modal component providing animations, accessibility, theming, designed to replace outdated jQuery modals in the HRnet application.","directories":{},"_nodeVersion":"20.19.5","dependencies":{"react":">=18.0.0","react-dom":">=18.0.0","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.0","@vitejs/plugin-react":"^5.0.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/hrnet-modal_1.0.1_1764147642295_0.8704329488858273","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@aweb1112/hrnet-modal","author":{"name":"Aurélie Weber"},"version":"1.0.2","description":"A reusable React modal component providing animations, accessibility, theming, designed to replace outdated jQuery modals in the HRnet application.","main":"./dist/hrnet-modal.umd.cjs","module":"./dist/hrnet-modal.js","keywords":["react","modal","hrnet","plugin","component","ui"],"homepage":"https://github.com/A-WEBerBeta/hrnet-modal","repository":{"type":"git","url":"git+https://github.com/A-WEBerBeta/hrnet-modal.git"},"bugs":{"url":"https://github.com/A-WEBerBeta/hrnet-modal/issues"},"license":"MIT","scripts":{"build":"vite build"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"dependencies":{"prop-types":"^15.8.1","react":">=18.0.0","react-dom":">=18.0.0"},"devDependencies":{"@vitejs/plugin-react":"^5.0.0","vite":"^7.0.0"},"type":"module","_id":"@aweb1112/hrnet-modal@1.0.2","gitHead":"ac79e9a42946ac2300e651bbd29c8ae6edc562a7","_nodeVersion":"20.19.5","_npmVersion":"10.8.2","dist":{"integrity":"sha512-6Hmkz5CFqF5eRDdaQPsleyLnm9bCMeOON+ylD4lP32GSbb9sg/VDP4uy50nCyTSR6+tXp6XMyEyGDWG5xTVoQA==","shasum":"0f5f7371289a5b18712de7c7f9bd3ece226e7071","tarball":"https://registry.npmjs.org/@aweb1112/hrnet-modal/-/hrnet-modal-1.0.2.tgz","fileCount":9,"unpackedSize":70357,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDnL67jsg9vHr2xcOqd/WeTTE45sERfE2cKrmXwsFKSkgIhAOPeDVbOrGDUXQJ6UuruX3ie67ik2oyY4Hhe6sdqI6pK"}]},"_npmUser":{"name":"aweb1112","email":"aurelieweb@gmail.com"},"directories":{},"maintainers":[{"name":"aweb1112","email":"aurelieweb@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/hrnet-modal_1.0.2_1764427337542_0.2311409663468902"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-24T10:41:54.047Z","modified":"2025-11-29T14:42:17.966Z","1.0.0":"2025-11-24T10:41:54.345Z","1.0.1":"2025-11-26T09:00:42.478Z","1.0.2":"2025-11-29T14:42:17.752Z"},"bugs":{"url":"https://github.com/A-WEBerBeta/hrnet-modal/issues"},"author":{"name":"Aurélie Weber"},"license":"MIT","homepage":"https://github.com/A-WEBerBeta/hrnet-modal","keywords":["react","modal","hrnet","plugin","component","ui"],"repository":{"type":"git","url":"git+https://github.com/A-WEBerBeta/hrnet-modal.git"},"description":"A reusable React modal component providing animations, accessibility, theming, designed to replace outdated jQuery modals in the HRnet application.","maintainers":[{"name":"aweb1112","email":"aurelieweb@gmail.com"}],"readme":"# HRnet Modal - React Plugin\r\n\r\n**HRnet Modal** is a reusable React component that provides a clean, accessible, animated modal window.\r\nIt was created as part of the HRnet projet to replace the old jQuery plugin `jquery.modal.js`.\r\n\r\n---\r\n\r\n## Features\r\n\r\n- Close modal with:\r\n  - overlay click\r\n  - close button\r\n  - `Escape` key\r\n- Built-in animations:\r\n  - `slide-up` (default)\r\n  - `fade`\r\n  - `zoom`\r\n  - `none`\r\n- Custom themes using CSS variables\r\n- Includes `modal-success` and `modal-dark` themes\r\n- Accessible:\r\n  - `role=\"dialog\"`\r\n  - `aria-modal`\r\n  - supports keyboard close (Esc)\r\n- Light, dependency-free (only React)\r\n\r\n---\r\n\r\n## Prerequisites\r\n\r\n- Node.js 18+ (recommended: 20+)\r\n- React 18\r\n- Any modern bundler supporting ES modules (ex: Vite)\r\n\r\n---\r\n\r\n## Installation (local development)\r\n\r\nFrom your React app:\r\n\r\n```bash\r\nnpm install @aweb1112/hrnet-modal\r\n```\r\n\r\n## Usage\r\n\r\n1. Import the component and CSS\r\n\r\n```jsx\r\nimport Modal from \"@aweb1112/hrnet-modal\";\r\nimport \"@aweb1112/hrnet-modal/dist/hrnet-modal.css\";\r\n```\r\n\r\n2. Example\r\n\r\n```jsx\r\n<Modal\r\n  isOpen={isOpen}\r\n  onClose={() => setIsOpen(false)}\r\n  title=\"Employee created\"\r\n  animation=\"fade\"\r\n  className=\"modal-success\"\r\n>\r\n  Employee successfully created!\r\n</Modal>\r\n```\r\n\r\n## Props\r\n\r\n```md\r\n| Prop        | Type                                     | Required | Default   | Description                   |\r\n| ----------- | ---------------------------------------- | -------- | --------- | ----------------------------- |\r\n| `isOpen`    | boolean                                  | yes      | -         | Controls visibility           |\r\n| `onClose`   | function                                 | yes      | -         | Called when modal closes      |\r\n| `className` | string                                   | no       | \"\"        | Adds custom classes or themes |\r\n| `animation` | \"fade\" \\| \"zoom\" \\| \"slide-up\" \\| \"none\" | no       | \"slide-up | Opening animation             |\r\n```\r\n\r\n## Development\r\n\r\nBuild the plugin:\r\n\r\n```bash\r\nnpm run build\r\n```\r\n\r\nOutput files are generated in the `/dist` folder.\r\n\r\n## License\r\n\r\nMIT - free to use and modify.\r\n","readmeFilename":"README.md"}