{"_id":"@daveyplate/nextui-crop-image-modal","_rev":"10-00d415199ce635c5514b7e96bfab1a38","name":"@daveyplate/nextui-crop-image-modal","dist-tags":{"latest":"1.0.8"},"versions":{"1.0.0":{"name":"@daveyplate/nextui-crop-image-modal","version":"1.0.0","keywords":["react","nextjs","modal","image","crop","nextui"],"author":{"name":"daveycodez"},"license":"ISC","_id":"@daveyplate/nextui-crop-image-modal@1.0.0","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/nextui-crop-image-modal","dist":{"shasum":"b1779c9118bfdd64e932cdd87d11d5c642908398","tarball":"https://registry.npmjs.org/@daveyplate/nextui-crop-image-modal/-/nextui-crop-image-modal-1.0.0.tgz","fileCount":8,"integrity":"sha512-MFftFSnQkDh+T7iYjeRt9CYnzMROY43U/OQpXrQuAC1hdtwhzJjw54YoBWLWhRYIuK4tMUaof73vUJ/BRc69aQ==","signatures":[{"sig":"MEUCIQCGfvJfDElaFrkwvleldP8AujatA42PiUtzL5MntEjlCwIgAfyvBY0NWZJz/My75yvoXpeTlepfRh1+yzPqJ7RHOlw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31562},"types":"dist/index","module":"dist/index","gitHead":"c1edf2d1e3436c178dece4e32a62fb2d9ece94a2","scripts":{"dev":"nodemon --exec 'npm run build'","build":"babel src --out-dir dist && npx tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"_npmVersion":"10.9.0","description":"Shows a modal to crop an image","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"swr":"file:../daveyplate/node_modules/swr","react":"file:../daveyplate/node_modules/react","nodemon":"^3.1.7","@babel/cli":"^7.25.7","typescript":"^5.6.2","@babel/core":"^7.25.7","@types/react":"^19.0.1","@babel/preset-env":"^7.25.7","@babel/preset-react":"^7.25.7"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","compressorjs":">=1.2.0","@nextui-org/react":">=2.6.0"},"_npmOperationalInternal":{"tmp":"tmp/nextui-crop-image-modal_1.0.0_1733507877151_0.6767199494910043","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@daveyplate/nextui-crop-image-modal","version":"1.0.1","keywords":["react","nextjs","modal","image","crop","nextui"],"author":{"name":"daveycodez"},"license":"ISC","_id":"@daveyplate/nextui-crop-image-modal@1.0.1","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/nextui-crop-image-modal","dist":{"shasum":"8e2b8c461ff17b46c0ad261e5f9cde0665e0470e","tarball":"https://registry.npmjs.org/@daveyplate/nextui-crop-image-modal/-/nextui-crop-image-modal-1.0.1.tgz","fileCount":8,"integrity":"sha512-LGFUtcoa+GBC3ZYSd7AlcOrGcSZjAyO/HxgS3g2FjoW1aEp1NXBUift85eAoyaxPnEYN4ZMRmbP7gJJKtqWrMQ==","signatures":[{"sig":"MEUCIE4luEbtZ/uGUzKqbkSPB0FiIRgQKsQ53BiMgdElq4cpAiEAzrE5ywlpzOxEjasZRsQsPgrXd8e5Qe5A+LFKmMfUf+Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31551},"types":"dist/index","module":"dist/index","gitHead":"e44491e194889af2303b39c3dff3dec3994b508c","scripts":{"dev":"nodemon --exec 'npm run build'","build":"babel src --out-dir dist && npx tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"_npmVersion":"10.9.0","description":"Shows a modal to crop an image","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"swr":"file:../daveyplate/node_modules/swr","react":"file:../daveyplate/node_modules/react","nodemon":"^3.1.7","@babel/cli":"^7.25.7","typescript":"^5.6.2","@babel/core":"^7.25.7","@types/react":"^19.0.1","@babel/preset-env":"^7.25.7","@babel/preset-react":"^7.25.7"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","compressorjs":">=1.2.0","@nextui-org/react":">=2.6.0"},"_npmOperationalInternal":{"tmp":"tmp/nextui-crop-image-modal_1.0.1_1733507974677_0.659143758626324","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@daveyplate/nextui-crop-image-modal","version":"1.0.2","keywords":["react","nextjs","modal","image","crop","nextui"],"author":{"name":"daveycodez"},"license":"ISC","_id":"@daveyplate/nextui-crop-image-modal@1.0.2","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/nextui-crop-image-modal","dist":{"shasum":"aa9cbf18e40f04ac189057153e930365c2dd56ca","tarball":"https://registry.npmjs.org/@daveyplate/nextui-crop-image-modal/-/nextui-crop-image-modal-1.0.2.tgz","fileCount":8,"integrity":"sha512-COVHdBp7FWnjEF3JCsqsddSYWzkmFFs5QKHuoWJCm6TNIeOhRCUiy8BdF+MJwGSubbpv2U4Ip5FrQ7v25xwv1w==","signatures":[{"sig":"MEYCIQCC8QL/TgQ+EFf77jB/xYcv88kEfAFgRwF/pwMSNs8ERAIhALjZSq6qeYXFGAXPU7ej82E1rfW895c6E1/AfEtKp0LO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31551},"types":"dist/index","module":"dist/index","gitHead":"88d221a354dc4e8b460cc2060422d481f432bfd2","scripts":{"dev":"nodemon --exec 'npm run build'","build":"babel src --out-dir dist && npx tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"_npmVersion":"10.9.0","description":"Shows a modal to crop an image","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"swr":"file:../daveyplate/node_modules/swr","react":"file:../daveyplate/node_modules/react","nodemon":"^3.1.7","@babel/cli":"^7.25.7","typescript":"^5.6.2","@babel/core":"^7.25.7","@types/react":"^19.0.1","@babel/preset-env":"^7.25.7","@babel/preset-react":"^7.25.7"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","compressorjs":">=1.2.0","@nextui-org/react":">=2.6.0"},"_npmOperationalInternal":{"tmp":"tmp/nextui-crop-image-modal_1.0.2_1733508047138_0.7114070946237199","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@daveyplate/nextui-crop-image-modal","version":"1.0.3","keywords":["react","nextjs","modal","image","crop","nextui"],"author":{"name":"daveycodez"},"license":"ISC","_id":"@daveyplate/nextui-crop-image-modal@1.0.3","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/nextui-crop-image-modal","dist":{"shasum":"c72ac4449e663df1bc2ad9755dc71ca39d452175","tarball":"https://registry.npmjs.org/@daveyplate/nextui-crop-image-modal/-/nextui-crop-image-modal-1.0.3.tgz","fileCount":8,"integrity":"sha512-E88tyYLfkrKL/qwBXB6v9t5Rkk76FL+hF0XQNJPkrhoCAN58LvnigQmtbB2I6UsOylj6tx5TKOIZ7OT9j+PTHw==","signatures":[{"sig":"MEYCIQC+JGrMTqjngNoDVVqiKO4bUoEdxMjcRdHEVSR8pGHDDgIhANB/sxYYloraO/pXG1WGUhhZr1Mk5t0ZvoTus77DvXIl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31462},"types":"dist/index","module":"dist/index","gitHead":"508ef4f9094b0b4c6e0ab65322e34d95d5f44947","scripts":{"dev":"nodemon --exec 'npm run build'","build":"babel src --out-dir dist && npx tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"_npmVersion":"10.9.0","description":"Shows a modal to crop an image","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"swr":"file:../daveyplate/node_modules/swr","react":"file:../daveyplate/node_modules/react","nodemon":"^3.1.7","@babel/cli":"^7.25.7","typescript":"^5.6.2","@babel/core":"^7.25.7","@types/react":"^19.0.1","@babel/preset-env":"^7.25.7","@babel/preset-react":"^7.25.7"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","compressorjs":">=1.2.0","@nextui-org/react":">=2.6.0"},"_npmOperationalInternal":{"tmp":"tmp/nextui-crop-image-modal_1.0.3_1733508190157_0.9541105163664418","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@daveyplate/nextui-crop-image-modal","version":"1.0.4","keywords":["react","nextjs","modal","image","crop","nextui"],"author":{"name":"daveycodez"},"license":"ISC","_id":"@daveyplate/nextui-crop-image-modal@1.0.4","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/nextui-crop-image-modal","dist":{"shasum":"2cce298accc3df03dc617dcb7e2fe8fa28ffc575","tarball":"https://registry.npmjs.org/@daveyplate/nextui-crop-image-modal/-/nextui-crop-image-modal-1.0.4.tgz","fileCount":8,"integrity":"sha512-J4CnlSqhdpKpBf7ix4nhuiJJc0Cndr4S/eV+CFUtnR9PpPXf7U+tlVIo9qBs7sGadD7FUQeIdn0/873WNanL4w==","signatures":[{"sig":"MEUCIQCQmXS4HqwieFzbhJdGPWHYRENH1fbDAok0YB91qt8KSgIgZGh3aijPQI0ErLg9o2EBzkzIlNywnpk5VjtExKcr5Ts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32442},"types":"dist/index","module":"dist/index","gitHead":"5ac5c357b77c67acc99bfac57f7ee3d499cbad2a","scripts":{"dev":"nodemon --exec 'npm run build'","build":"babel src --out-dir dist && npx tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"_npmVersion":"10.9.0","description":"Shows a modal to crop an image","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"swr":"file:../daveyplate/node_modules/swr","react":"file:../daveyplate/node_modules/react","nodemon":"^3.1.7","@babel/cli":"^7.25.7","typescript":"^5.6.2","@babel/core":"^7.25.7","@types/react":"^19.0.1","@babel/preset-env":"^7.25.7","@babel/preset-react":"^7.25.7"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","compressorjs":">=1.2.0","@nextui-org/react":">=2.6.0"},"_npmOperationalInternal":{"tmp":"tmp/nextui-crop-image-modal_1.0.4_1733508267973_0.4558266306234704","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@daveyplate/nextui-crop-image-modal","version":"1.0.5","keywords":["react","nextjs","modal","image","crop","nextui"],"author":{"name":"daveycodez"},"license":"ISC","_id":"@daveyplate/nextui-crop-image-modal@1.0.5","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/nextui-crop-image-modal","dist":{"shasum":"411ffc39d30409081ace788b658c8122313d538a","tarball":"https://registry.npmjs.org/@daveyplate/nextui-crop-image-modal/-/nextui-crop-image-modal-1.0.5.tgz","fileCount":8,"integrity":"sha512-I1wlDyKD8N/PyTOUjq1vN7rwMiosqfqljxy0hd7hWgntRfuEZIaR7273NVQIJZJNycXjN2OdS3WUHRiZTP5guA==","signatures":[{"sig":"MEUCIQCtP5Z6Vlg8Fkb3FdUVQglX/g8OMV52hPixGsq0KTe8OwIgaXMfdwnZCubgLDw3mSf5X9igT3FaxcvR5MKxBG+Jynk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32442},"types":"dist/index","module":"dist/index","gitHead":"1dc1b716b6163ddc4e598074cb7f55ef829d7904","scripts":{"dev":"nodemon --exec 'npm run build'","build":"babel src --out-dir dist && npx tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"_npmVersion":"10.9.0","description":"Shows a modal to crop an image","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"swr":"file:../daveyplate/node_modules/swr","react":"file:../daveyplate/node_modules/react","nodemon":"^3.1.7","@babel/cli":"^7.25.7","typescript":"^5.6.2","@babel/core":"^7.25.7","@types/react":"^19.0.1","@babel/preset-env":"^7.25.7","@babel/preset-react":"^7.25.7"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","compressorjs":">=1.2.0","@nextui-org/react":">=2.4.0"},"_npmOperationalInternal":{"tmp":"tmp/nextui-crop-image-modal_1.0.5_1733517327045_0.3122275837478592","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@daveyplate/nextui-crop-image-modal","version":"1.0.6","keywords":["react","nextjs","modal","image","crop","nextui"],"author":{"name":"daveycodez"},"license":"ISC","_id":"@daveyplate/nextui-crop-image-modal@1.0.6","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/nextui-crop-image-modal","dist":{"shasum":"0ae436d59b03ab3f28e22d4ae41dbeba74af9231","tarball":"https://registry.npmjs.org/@daveyplate/nextui-crop-image-modal/-/nextui-crop-image-modal-1.0.6.tgz","fileCount":9,"integrity":"sha512-scPtlvuz92nYu+yhfPPLpkHkbFEkp96ZmEUbcP8IkMkJfrffzAtqSJb3BoBlfOUN5E2jdh8rsmTQYkTePJMULA==","signatures":[{"sig":"MEQCIGkBLC6Tx/WUt4HFxcP0SWlBeZfzXCq2rvaWYTz7ynu0AiBqjQv88RrnCmu3tNf5WYMhVKPlbIN3q+VqO7ErmXT9ng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":144125},"types":"dist/index","module":"dist/index","gitHead":"1a6ccf0b7ba6a0b50f249361a7b80ad978dd884a","scripts":{"dev":"tsc --watch","build":"tsc","prepublishOnly":"rm -rf dist && npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"overrides":{"react-avatar-editor":{"react":">=18.0.0","react-dom":">=18.0.0"}},"_npmVersion":"10.9.0","description":"Shows a modal to crop an image","directories":{},"_nodeVersion":"22.11.0","dependencies":{"react-avatar-editor":"^13.0.2"},"_hasShrinkwrap":false,"devDependencies":{"swr":"file:../daveyplate/node_modules/swr","react":"file:../daveyplate/node_modules/react","eslint":"^9.16.0","globals":"^15.13.0","react-dom":"file:../daveyplate/node_modules/react-dom","@eslint/js":"^9.16.0","typescript":"^5.6.2","@types/react":"^19.0.1","framer-motion":"file:../daveyplate/node_modules/framer-motion","@nextui-org/react":"file:../daveyplate/node_modules/@nextui-org/react","typescript-eslint":"^8.17.0","eslint-plugin-react":"^7.37.2","@types/react-avatar-editor":"^13.0.3"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","compressorjs":">=1.2.0","@nextui-org/react":">=2.4.0"},"_npmOperationalInternal":{"tmp":"tmp/nextui-crop-image-modal_1.0.6_1733737883238_0.2039169574936881","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@daveyplate/nextui-crop-image-modal","version":"1.0.7","keywords":["react","nextjs","modal","image","crop","nextui"],"author":{"name":"daveycodez"},"license":"ISC","_id":"@daveyplate/nextui-crop-image-modal@1.0.7","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/nextui-crop-image-modal","dist":{"shasum":"11758972737491ab333376ac577070bd0706284e","tarball":"https://registry.npmjs.org/@daveyplate/nextui-crop-image-modal/-/nextui-crop-image-modal-1.0.7.tgz","fileCount":9,"integrity":"sha512-OUVn8QzsAgkBfdCfTkYkqbMRu4fZ4miBTFnLr6sYiB/TEc5EMCLmfd2qHm2fLG+hJM9yqsieBk32Zd94DJF7ew==","signatures":[{"sig":"MEUCIBpOLkLTlPx75OYpVfnP4t1J45Y6YLm7XOCYBg011mEHAiEArvBzM5h26CXoTTkZ58+rt/iVFfSE/5kZ09LxKMWkCuk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":144546},"types":"dist/index","module":"dist/index","gitHead":"e6e379c57d13138e2ba59871509d8debb6e89463","scripts":{"dev":"tsc --watch","build":"tsc","prepublishOnly":"rm -rf dist && npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"overrides":{"react-avatar-editor":{"react":">=18.0.0","react-dom":">=18.0.0"}},"_npmVersion":"10.9.0","description":"Shows a modal to crop an image","directories":{},"_nodeVersion":"22.12.0","dependencies":{"react-avatar-editor":"^13.0.2"},"_hasShrinkwrap":false,"devDependencies":{"swr":"file:../daveyplate/node_modules/swr","react":"file:../daveyplate/node_modules/react","eslint":"^9.16.0","globals":"^15.13.0","react-dom":"file:../daveyplate/node_modules/react-dom","@eslint/js":"^9.16.0","typescript":"^5.6.2","@types/react":"^19.0.1","framer-motion":"file:../daveyplate/node_modules/framer-motion","@nextui-org/react":"file:../daveyplate/node_modules/@nextui-org/react","typescript-eslint":"^8.17.0","eslint-plugin-react":"^7.37.2","@types/react-avatar-editor":"^13.0.3"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","compressorjs":">=1.2.0","@nextui-org/react":">=2.4.0","@emotion/is-prop-valid":">=1.3.1"},"_npmOperationalInternal":{"tmp":"tmp/nextui-crop-image-modal_1.0.7_1733780471781_0.7108907446006008","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@daveyplate/nextui-crop-image-modal","version":"1.0.8","keywords":["react","nextjs","modal","image","crop","nextui"],"author":{"name":"daveycodez"},"license":"ISC","_id":"@daveyplate/nextui-crop-image-modal@1.0.8","maintainers":[{"name":"leakeddave","email":"leakeddave@me.com"}],"homepage":"https://github.com/daveyplate/nextui-crop-image-modal","dist":{"shasum":"3b79a599531a2f4b575af07aca3590f6c4ffccc4","tarball":"https://registry.npmjs.org/@daveyplate/nextui-crop-image-modal/-/nextui-crop-image-modal-1.0.8.tgz","fileCount":9,"integrity":"sha512-wjzmN+Fh7bdGM4E2vFaP/JX/GL3mkuOJ7vkEoxnnUCktbAlzlTD1Kr3fBuTEphmCd/HwHYMnrwKQy/5fMECseg==","signatures":[{"sig":"MEUCIHmM+sc2CLQwzspa+NnWpKWoL3ApHQ2Ud/Izxaz+/odtAiEAijjqCFXoqCQVZLs0zSgnZAAhJSYiNdpEBrZZWpxgTf0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":144855},"types":"dist/index","module":"dist/index","gitHead":"2eb6184815c4f0c3bc6779bd67f767a6c286b5ed","scripts":{"dev":"tsc --watch","build":"tsc","prepublishOnly":"rm -rf dist && npm run build"},"_npmUser":{"name":"leakeddave","email":"leakeddave@me.com"},"overrides":{"react-avatar-editor":{"react":">=18.0.0","react-dom":">=18.0.0"}},"_npmVersion":"10.9.0","description":"Shows a modal to crop an image","directories":{},"_nodeVersion":"22.11.0","dependencies":{"react-avatar-editor":"^13.0.2"},"_hasShrinkwrap":false,"devDependencies":{"swr":"file:../daveyplate/node_modules/swr","react":"file:../daveyplate/node_modules/react","eslint":"^9.16.0","globals":"^15.13.0","react-dom":"file:../daveyplate/node_modules/react-dom","@eslint/js":"^9.16.0","typescript":"^5.6.2","@types/react":"^19.0.1","framer-motion":"file:../daveyplate/node_modules/framer-motion","@nextui-org/react":"file:../daveyplate/node_modules/@nextui-org/react","typescript-eslint":"^8.17.0","eslint-plugin-react":"^7.37.2","@types/react-avatar-editor":"^13.0.3"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","compressorjs":">=1.2.0","@nextui-org/react":">=2.4.0","@emotion/is-prop-valid":">=1.3.1"},"_npmOperationalInternal":{"tmp":"tmp/nextui-crop-image-modal_1.0.8_1733833257702_0.08749089316963676","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2024-12-06T17:57:57.088Z","modified":"2025-11-21T03:13:07.798Z","1.0.0":"2024-12-06T17:57:57.354Z","1.0.1":"2024-12-06T17:59:34.837Z","1.0.2":"2024-12-06T18:00:47.365Z","1.0.3":"2024-12-06T18:03:10.364Z","1.0.4":"2024-12-06T18:04:28.169Z","1.0.5":"2024-12-06T20:35:27.211Z","1.0.6":"2024-12-09T09:51:23.465Z","1.0.7":"2024-12-09T21:41:11.985Z","1.0.8":"2024-12-10T12:20:57.937Z"},"author":{"name":"daveycodez"},"license":"ISC","homepage":"https://github.com/daveyplate/nextui-crop-image-modal","keywords":["react","nextjs","modal","image","crop","nextui"],"description":"Shows a modal to crop an image","maintainers":[{"email":"leakeddave@me.com","name":"leakeddave"},{"email":"daveycodez@gmail.com","name":"daveycodez"}],"readme":"# @daveyplate/nextui-crop-image-modal\n\nShows a modal to crop an image.\n\n## Installation\n\nYou can install the package via npm:\n\n```sh\nnpm install @daveyplate/nextui-crop-image-modal\n```\n\n## Basic Usage\n\nHere is an example of how to use the \n\nCropImageModal\n\n component in your React application:\n\n```jsx\nimport React, { useState } from 'react';\nimport CropImageModal from '@daveyplate/nextui-crop-image-modal';\n\nfunction App() {\n  const [imageFile, setImageFile] = useState(null);\n  const [croppedImage, setCroppedImage] = useState(null);\n\n  const handleFileChange = (event) => {\n    setImageFile(event.target.files[0]);\n  };\n\n  const handleConfirm = (file) => {\n    setCroppedImage(file);\n    setImageFile(null);\n  };\n\n  const handleError = (error) => {\n    console.error(error);\n    setImageFile(null);\n  };\n\n  return (\n    <div>\n      <input type=\"file\" onChange={handleFileChange} />\n      {imageFile && (\n        <CropImageModal\n          imageFile={imageFile}\n          setImageFile={setImageFile}\n          imageSize={{ width: 300, height: 300 }}\n          onConfirm={handleConfirm}\n          onError={handleError}\n        />\n      )}\n      {croppedImage && <img src={URL.createObjectURL(croppedImage)} alt=\"Cropped\" />}\n    </div>\n  );\n}\n\nexport default App;\n```\n\n## Localization\n\nYou can customize the text displayed in the modal by providing a \n\nlocalization\n\n prop to the \n\nCropImageModal\n\n component. The \n\nlocalization\n\n prop should be an object with the following structure:\n\n```js\n/**\n * @typedef {Object} CropModalLocalization\n * @property {string} [header=\"Crop Image\"] - The header text of the modal\n * @property {string} [cancel=\"Cancel\"] - The text of the cancel button\n * @property {string} [confirm=\"Confirm\"] - The text of the confirm button\n */\n\nconst localization = {\n  header: \"Recortar Imagen\",\n  cancel: \"Cancelar\",\n  confirm: \"Confirmar\"\n};\n```\n\nExample usage with localization:\n\n```jsx\n<CropImageModal\n  imageFile={imageFile}\n  setImageFile={setImageFile}\n  imageSize={{ width: 300, height: 300 }}\n  onConfirm={handleConfirm}\n  onError={handleError}\n  localization={localization}\n/>\n```\n\nFor more details, please refer to the [documentation](https://github.com/daveyplate/nextui-crop-image-modal).","readmeFilename":"README.md"}