{"_id":"@cynthiaaa_crn/success-modal","_rev":"4-4c6154b4f92c4605bc9dfcfb7982ff3d","name":"@cynthiaaa_crn/success-modal","dist-tags":{"latest":"0.1.4"},"versions":{"0.1.0":{"name":"@cynthiaaa_crn/success-modal","version":"0.1.0","license":"MIT","main":"dist/index.js","module":"dist/index.js","scripts":{"start":"react-scripts start","build-examples":"react-scripts build","test":"react-scripts test --env=jsdom","eject":"react-scripts eject","build":"rimraf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,__snapshots__"},"devDependencies":{"babel-preset-react-app":"^10.0.1","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"^5.0.1","rimraf":"^5.0.0"},"dependencies":{"@babel/cli":"^7.21.5"},"gitHead":"95ca20c1f462636036302e6b4ce743b89e5bdf6a","description":"","_id":"@cynthiaaa_crn/success-modal@0.1.0","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-4GAf58oPlG8wnYK4NlIADL4P/RvkaM+hmQWBL9y89/WldoNKamQCMDpT+EYQzJQ6WHy0MEw1tfwjzgW0YrBEyg==","shasum":"15da6abc50445124588cc607d072b6317da957bc","tarball":"https://registry.npmjs.org/@cynthiaaa_crn/success-modal/-/success-modal-0.1.0.tgz","fileCount":5,"unpackedSize":2703,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZyPuIokd/h/emrBKFAxyY6jKEbkYZVYghfAJLRIZ1WQIhAKbTVSFTM784DJJ1uORAgdYPkwuHbqBvji5SUD5KK1eZ"}]},"_npmUser":{"name":"cynthiaaa_crn","email":"caroncynthia73@gmail.com"},"directories":{},"maintainers":[{"name":"cynthiaaa_crn","email":"caroncynthia73@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/success-modal_0.1.0_1683375070078_0.06463747849768353"},"_hasShrinkwrap":false},"0.1.1":{"name":"@cynthiaaa_crn/success-modal","version":"0.1.1","license":"MIT","main":"dist/index.js","module":"dist/index.js","scripts":{"start":"react-scripts start","build-examples":"react-scripts build","test":"react-scripts test --env=jsdom","eject":"react-scripts eject","build":"rimraf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,__snapshots__"},"devDependencies":{"babel-preset-react-app":"^10.0.1","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"^5.0.1","rimraf":"^5.0.0"},"dependencies":{"@babel/cli":"^7.21.5"},"gitHead":"9a60a1afa8095f3c585988dc73dcd4cb9ab1f1bf","description":"","_id":"@cynthiaaa_crn/success-modal@0.1.1","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-XZXmlyGT7PJsYu5voHTDAS6TAdCVXelOWskYmahgiY+sYI2R2BOjbmuXwW8tflx4V1Dq+WJrkogg2V3vtJUDNw==","shasum":"4425390b3d015d35eaa27caf39d164156c6b7fef","tarball":"https://registry.npmjs.org/@cynthiaaa_crn/success-modal/-/success-modal-0.1.1.tgz","fileCount":5,"unpackedSize":2518,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBIMLodIJu5T0e404hlf8UluQpuKa3KT2ZEMlrpo8p6QIhAI+VTJuwuDQwU5VdgUsAHaJwryYnPWAH8X8hC1XzhJeH"}]},"_npmUser":{"name":"cynthiaaa_crn","email":"caroncynthia73@gmail.com"},"directories":{},"maintainers":[{"name":"cynthiaaa_crn","email":"caroncynthia73@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/success-modal_0.1.1_1683391364530_0.5791744477762124"},"_hasShrinkwrap":false},"0.1.2":{"name":"@cynthiaaa_crn/success-modal","version":"0.1.2","license":"MIT","main":"dist/index.js","module":"dist/index.js","scripts":{"start":"react-scripts start","build-examples":"react-scripts build","test":"react-scripts test --env=jsdom","eject":"react-scripts eject","build":"rimraf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,__snapshots__"},"devDependencies":{"babel-preset-react-app":"^10.0.1","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"^5.0.1","rimraf":"^5.0.0"},"dependencies":{"@babel/cli":"^7.21.5"},"gitHead":"f558633b2580b5cad19fab577d0f730aa80ebea3","description":"## Requirements","_id":"@cynthiaaa_crn/success-modal@0.1.2","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-M4lkYT5nvZJZS67Senn0/kovygIBxbKsOEDOxmFySuxl0oUR6F8KF6NiEQrGAGO5GbcBbOm7midXoPH7eQYE2A==","shasum":"68ec9e21c62dc1c1642a49682b99169ce0c999f0","tarball":"https://registry.npmjs.org/@cynthiaaa_crn/success-modal/-/success-modal-0.1.2.tgz","fileCount":5,"unpackedSize":3922,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQbsSn0awPAmhGeCblXWgV0oS/kCUmHNFi1fpw/CYcvQIhANpXA8uA9Ly/aa3EkKnYpU8Lm9cfbKJZjz8rhhkF+5Ct"}]},"_npmUser":{"name":"cynthiaaa_crn","email":"caroncynthia73@gmail.com"},"directories":{},"maintainers":[{"name":"cynthiaaa_crn","email":"caroncynthia73@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/success-modal_0.1.2_1684070799204_0.4058476226778036"},"_hasShrinkwrap":false},"0.1.3":{"name":"@cynthiaaa_crn/success-modal","version":"0.1.3","license":"MIT","author":{"name":"Caron Cynthia"},"main":"dist/index.js","module":"dist/index.js","description":"This is a simple success modal for my openclassrooms project","keywords":["react","component","modal","openclassrooms"],"repository":{"type":"git","url":"git+https://github.com/cynthiacrn/react-modal-component.git"},"scripts":{"start":"react-scripts start","build-examples":"react-scripts build","test":"react-scripts test --env=jsdom","eject":"react-scripts eject","build":"rimraf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,__snapshots__"},"devDependencies":{"babel-preset-react-app":"^10.0.1","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"^5.0.1","rimraf":"^5.0.0"},"dependencies":{"@babel/cli":"^7.21.5"},"gitHead":"1dcb3ef09c8ed87912b9c87bb4d17ece967d11c9","bugs":{"url":"https://github.com/cynthiacrn/react-modal-component/issues"},"homepage":"https://github.com/cynthiacrn/react-modal-component#readme","_id":"@cynthiaaa_crn/success-modal@0.1.3","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-8mZjk/iEttG2YUPD9nFhLMQ8aVSVAUBZrAQ+4FO7Jydlw8NptxLCl2fp5OWQazrC3Z4CBnm6l+PF3CXWfihuaA==","shasum":"fa9ee28ad1a6d1905e2fb0948f34cd92aa8180e7","tarball":"https://registry.npmjs.org/@cynthiaaa_crn/success-modal/-/success-modal-0.1.3.tgz","fileCount":5,"unpackedSize":4440,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgpogYcix4gv1F67yUOnPTl8t+LCFEHw3J+jewXwAKyAIhAOAsts4aDBzXK8gwWqYxpSnLwCNP5esHUMG0M+d6/ao5"}]},"_npmUser":{"name":"cynthiaaa_crn","email":"caroncynthia73@gmail.com"},"directories":{},"maintainers":[{"name":"cynthiaaa_crn","email":"caroncynthia73@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/success-modal_0.1.3_1684495666998_0.9698481566166663"},"_hasShrinkwrap":false},"0.1.4":{"name":"@cynthiaaa_crn/success-modal","version":"0.1.4","license":"MIT","author":{"name":"Caron Cynthia"},"main":"dist/index.js","module":"dist/index.js","description":"This is a simple success modal for my openclassrooms project","keywords":["react","component","modal","openclassrooms"],"repository":{"type":"git","url":"git+https://github.com/cynthiacrn/react-modal-component.git"},"scripts":{"start":"react-scripts start","build-examples":"react-scripts build","test":"react-scripts test --env=jsdom","eject":"react-scripts eject","build":"rimraf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,__snapshots__"},"devDependencies":{"babel-preset-react-app":"^10.0.1","react":"^18.2.0","react-dom":"^18.2.0","react-scripts":"^5.0.1","rimraf":"^5.0.0"},"dependencies":{"@babel/cli":"^7.21.5"},"gitHead":"c1d895237bacd27fe3f656cad3a636df2907bf1a","bugs":{"url":"https://github.com/cynthiacrn/react-modal-component/issues"},"homepage":"https://github.com/cynthiacrn/react-modal-component#readme","_id":"@cynthiaaa_crn/success-modal@0.1.4","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-uf1Sy2quz2GZUZRihbhzbsjdQEoxfZJkTDO0gWBY7RZd4hpfyJBojI4NQVM2C84qPQtNwls8DOcP1b8u59i6/Q==","shasum":"e6f091c965f0cc398e7338a46ec1920dfe6fba78","tarball":"https://registry.npmjs.org/@cynthiaaa_crn/success-modal/-/success-modal-0.1.4.tgz","fileCount":5,"unpackedSize":4440,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvP3OJ04tCr/0SHS6v+HNlTamGv09TlfSaT2IXVVl1oQIhAOHEaTDNcT3kl1fhiNaheinBdz2OBAN8fqMy0CkwbRZv"}]},"_npmUser":{"name":"cynthiaaa_crn","email":"caroncynthia73@gmail.com"},"directories":{},"maintainers":[{"name":"cynthiaaa_crn","email":"caroncynthia73@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/success-modal_0.1.4_1684575432092_0.01948297597980031"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-06T12:11:09.901Z","0.1.0":"2023-05-06T12:11:10.285Z","modified":"2023-05-20T09:37:12.371Z","0.1.1":"2023-05-06T16:42:44.724Z","0.1.2":"2023-05-14T13:26:39.367Z","0.1.3":"2023-05-19T11:27:47.167Z","0.1.4":"2023-05-20T09:37:12.257Z"},"maintainers":[{"name":"cynthiaaa_crn","email":"caroncynthia73@gmail.com"}],"license":"MIT","readme":"# React modal component\n\n## Requirements\n\n- Node.js v16.19.1 or latest\n- react v18.2.0 or latest\n- react-dom v18.2.0 or latest\n- [IntelliJ IDEA](https://www.jetbrains.com/idea/) or [VScode](https://code.visualstudio.com/) are recommended\n\n## Installation\n\n[Link to package](https://www.npmjs.com/package/@cynthiaaa_crn/success-modal/v/0.1.2?activeTab=readme)\n\nTo install, you can use [npm](https://npmjs.org/) or [yarn](https://yarnpkg.com):\n```\n$ npm install --save @cynthiaaa_crn/success-modal\n$ yarn add @cynthiaaa_crn/success-modal\n```\n\n## References\n\n- `open`: (boolean) weather the modal is shown or not\n- `setOpen`: (function) the method handling the change of the open value\n- `containerStyle`: (object) style of the modal container\n\n## Examples\n\nHere is a simple example of react-modal being used in an app with some custom\nstyles:\n\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SuccessModal } from \"@cynthiaaa_crn/success-modal\";\n\nfunction App() {\n  const [modalIsOpen, setIsOpen] = React.useState(false);\n\n  return (\n    <div>\n      <button onClick={() => setIsOpen(true)}>Open Modal</button>\n      \n      <SuccessModal\n        isOpen={modalIsOpen}\n        setOpen={setIsOpen}\n        containerStyle={{\n          top: '50%',\n          left: '50%',\n          right: 'auto',\n          bottom: 'auto',\n          marginRight: '-50%',\n          transform: 'translate(-50%, -50%)',\n        }}\n      >\n        <h2>Hello</h2>\n        <button onClick={() => setIsOpen(false)}>close</button>\n        <div>I am a modal</div>\n      </SuccessModal>\n    </div>\n  );\n}\n\nReactDOM.render(<App />, appElement);\n```","readmeFilename":"README.md","description":"This is a simple success modal for my openclassrooms project","homepage":"https://github.com/cynthiacrn/react-modal-component#readme","keywords":["react","component","modal","openclassrooms"],"repository":{"type":"git","url":"git+https://github.com/cynthiacrn/react-modal-component.git"},"author":{"name":"Caron Cynthia"},"bugs":{"url":"https://github.com/cynthiacrn/react-modal-component/issues"}}