{"_id":"@didik-mulyadi/react-modal-images","_rev":"2-b7c5376561e6a3addf47180dd0199d4e","name":"@didik-mulyadi/react-modal-images","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@didik-mulyadi/react-modal-images","version":"1.0.0","description":"Lightweight Lightbox React Component","main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"dev":"node esbuild-serve.js","build":"npm run clean && node esbuild-build.js && tsc","clean":"rimraf dist","cypress:open":"cypress open","cypress:run":"cypress run"},"devDependencies":{"@types/react":"^18.2.21","@types/react-dom":"^18.2.7","babel-loader":"^8.0.6","cypress":"^10.7.0","esbuild":"^0.19.2","esbuild-node-externals":"^1.9.0","react":"^18.2.0","react-dom":"^18.2.0","rimraf":"^5.0.1","typescript":"^5.2.2"},"repository":{"type":"git","url":"git+https://github.com/didikmulyadi/react-modal-images.git"},"homepage":"https://github.com/didikmulyadi/react-modal-images","author":{"name":"Didik Mulyadi","email":"didikmulyadi12@gmail.com","url":"https://www.linkedin.com/in/didikmulyadi"},"license":"MIT","keywords":["react-component","lightbox","modal","image","react","gallery"],"publishConfig":{"access":"public"},"gitHead":"c64885d6def6faf929e9551097c5d912ad78ca3a","bugs":{"url":"https://github.com/didikmulyadi/react-modal-images/issues"},"_id":"@didik-mulyadi/react-modal-images@1.0.0","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-7IOocGbw6cYHNKn+AlHPys0nl39HYw7ss6lGYTT6kt4DqQRFGbx7DxcI5wCZMukJtCzLYV1uZUcmE1Ie3TbZGA==","shasum":"0761b4a50644ba59336988fdcaf193137ed1077c","tarball":"https://registry.npmjs.org/@didik-mulyadi/react-modal-images/-/react-modal-images-1.0.0.tgz","fileCount":35,"unpackedSize":253808,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHJZsJI0IPXswUCZD8yp5UV7f6Bx1MSEJ0D+1rtNw3amAiEAtbcyAc6+QjNupTyo4yQ+aVr5EKGpjIw85tCjMDnCJKs="}]},"_npmUser":{"name":"didikmulyadi","email":"didikmulyadi12@gmail.com"},"directories":{},"maintainers":[{"name":"didikmulyadi","email":"didikmulyadi12@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-modal-images_1.0.0_1694484663383_0.018797538853119855"},"_hasShrinkwrap":false},"1.0.1":{"name":"@didik-mulyadi/react-modal-images","version":"1.0.1","description":"Lightweight Lightbox React Component","main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"dev":"node esbuild-serve.js","build":"npm run clean && node esbuild-build.js && tsc","clean":"rimraf dist","cypress:open":"cypress open","cypress:run":"cypress run"},"devDependencies":{"@types/react":"^18.2.21","@types/react-dom":"^18.2.7","babel-loader":"^8.0.6","cypress":"^10.7.0","esbuild":"^0.19.2","esbuild-node-externals":"^1.9.0","react":"^18.2.0","react-dom":"^18.2.0","rimraf":"^5.0.1","typescript":"^5.2.2"},"repository":{"type":"git","url":"git+https://github.com/didikmulyadi/react-modal-images.git"},"homepage":"https://github.com/didikmulyadi/react-modal-images","author":{"name":"Didik Mulyadi","email":"didikmulyadi12@gmail.com","url":"https://www.linkedin.com/in/didikmulyadi"},"license":"MIT","keywords":["react-component","lightbox","modal","image","react","gallery"],"publishConfig":{"access":"public"},"gitHead":"7b4711ef79e73edffa99fa82338e3a3c5f5699b7","bugs":{"url":"https://github.com/didikmulyadi/react-modal-images/issues"},"_id":"@didik-mulyadi/react-modal-images@1.0.1","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-Abw94utNNBUOmKp4IXRHlxrDSaQuUAhy3OZ/QDnmBs5Km8eA7yMs5KdkuBKH+KKotpbIzpIOEuy5qz7Lab0JMQ==","shasum":"eaed9c3dd6b0ea7027c4b1a3bb2540ba45a05f21","tarball":"https://registry.npmjs.org/@didik-mulyadi/react-modal-images/-/react-modal-images-1.0.1.tgz","fileCount":35,"unpackedSize":254260,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDcjSMsXjgZNtslG60SosdV9VWeHA0ElMDcmcfEZNBCzAiAjJlgrqggPtnF5RK/2oW//xCS7ppS99kZT1QcvpPDEJA=="}]},"_npmUser":{"name":"didikmulyadi","email":"didikmulyadi12@gmail.com"},"directories":{},"maintainers":[{"name":"didikmulyadi","email":"didikmulyadi12@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-modal-images_1.0.1_1694486014974_0.8733637640641736"},"_hasShrinkwrap":false},"1.0.2":{"name":"@didik-mulyadi/react-modal-images","version":"1.0.2","description":"Lightweight Lightbox React Component","main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"dev":"node esbuild-serve.js","build":"npm run clean && node esbuild-build.js && tsc","clean":"rimraf dist","cypress:open":"cypress open","cypress:run":"cypress run"},"devDependencies":{"@types/react":"^18.2.21","@types/react-dom":"^18.2.7","babel-loader":"^8.0.6","cypress":"^10.7.0","esbuild":"^0.19.2","esbuild-node-externals":"^1.9.0","react":"^18.2.0","react-dom":"^18.2.0","rimraf":"^5.0.1","typescript":"^5.2.2"},"repository":{"type":"git","url":"git+https://github.com/didikmulyadi/react-modal-images.git"},"homepage":"https://github.com/didikmulyadi/react-modal-images","author":{"name":"Didik Mulyadi","email":"didikmulyadi12@gmail.com","url":"https://www.linkedin.com/in/didikmulyadi"},"license":"MIT","keywords":["react-component","lightbox","modal","image","react","gallery"],"publishConfig":{"access":"public"},"gitHead":"076d21ca31781c11d4e657aea083cec39950115d","bugs":{"url":"https://github.com/didikmulyadi/react-modal-images/issues"},"_id":"@didik-mulyadi/react-modal-images@1.0.2","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-ziruzoZufuwI38jEiaNL2OCyv+9tZMssI84gVhBH9N8tPHmNZv528Of4XYwhYw8X65VvEgtXsNb/LH8vZ8q20w==","shasum":"4848befcb7a3ab8d8cd6953396be918e797a9444","tarball":"https://registry.npmjs.org/@didik-mulyadi/react-modal-images/-/react-modal-images-1.0.2.tgz","fileCount":35,"unpackedSize":254932,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAC0glR9cX6XQY+RgScw8cKq+nrux/fFMfS3zdJez82qAiEAltYgAfXJwg5TH8mO3IErcBXrBVohnPkPAVsp+7vaNW4="}]},"_npmUser":{"name":"didikmulyadi","email":"didikmulyadi12@gmail.com"},"directories":{},"maintainers":[{"name":"didikmulyadi","email":"didikmulyadi12@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-modal-images_1.0.2_1694487814716_0.5489563669350501"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-12T02:11:03.225Z","1.0.0":"2023-09-12T02:11:03.620Z","modified":"2023-09-12T03:03:35.146Z","1.0.1":"2023-09-12T02:33:35.205Z","1.0.2":"2023-09-12T03:03:34.955Z"},"maintainers":[{"name":"didikmulyadi","email":"didikmulyadi12@gmail.com"}],"description":"Lightweight Lightbox React Component","homepage":"https://github.com/didikmulyadi/react-modal-images","keywords":["react-component","lightbox","modal","image","react","gallery"],"repository":{"type":"git","url":"git+https://github.com/didikmulyadi/react-modal-images.git"},"author":{"name":"Didik Mulyadi","email":"didikmulyadi12@gmail.com","url":"https://www.linkedin.com/in/didikmulyadi"},"bugs":{"url":"https://github.com/didikmulyadi/react-modal-images/issues"},"license":"MIT","readme":"

React Modal Images⚡️

\n

A _lightweight_ React component providing modal image Lightbox without dependency

\n

\n

\n \n \"npm\n \n \n \"npm\n \n \"Visitors\n \n \"NPM\n \n

\n

\n
\n

\n Bug report ·\n Feature request\n

\n
\n
\n\n> This package is created under [https://github.com/aautio/react-modal-images](https://github.com/aautio/react-modal-images) because that repository is not active and updated. This package is also fixed some issue from that repository.\n\n## Original Features\n\n- Only _3 kB_ when gzipped.\n- Zero dependencies.\n- Includes builds for CommonJS and ES modules.\n- For React 16.x, 17.x and 18.x.\n- Esc and Enter the image to close the lightbox\n- User can zoom & move the image or download the highest quality one\n- Download and Zoom -buttons can be hidden.\n- Image alt is shown as the title of the lightbox\n- The background color of transparent images can be overridden.\n\nYou must bring your own `Set` and `fetch` polyfills if you use old Internet Explorers.\n\n## New Features\n\n- Typescript\n- Support multiple images with action (prev and next)\n- Add onClose in props type\n- Issue cors when downloading the image\n- Add on download\n- Custom file name when downloading the image\n- Support props `lightboxClassName` in the Lightbox component\n- Disable close-by OnClick\n- Control max width by Props\n\n## TODO\n\n- Beautify the Github Pages\n- Add more docs in the github pages\n- Add more docs the readme\n- Deploy to the NPM Registry\n","readmeFilename":"README.md"}