{"_id":"@augustoresende/react-image-pan-zoom-rotate","_rev":"4-f20083bd5382c25b4b05460f0df0d3ae","name":"@augustoresende/react-image-pan-zoom-rotate","dist-tags":{"latest":"1.3.0"},"versions":{"1.2.0":{"name":"@augustoresende/react-image-pan-zoom-rotate","version":"1.2.0","description":"Simple wrapper for pan, zoom, rotate on react containers","main":"dist/PanViewer","typings":"dist/PanViewer.d.ts","author":{"name":"mgorabbani"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/AugustoResende/react-image-pan-zoom-rotate.git"},"keywords":["html pan","html zoom","react pan zoom","react pan zoom rotate"],"scripts":{"start:dev":"webpack-dev-server","lib:build":"webpack --config=webpack.config.lib.js","test":"jest --watchAll --coverage","itest":"cypress open","prepublishOnly":"npm run lib:build"},"devDependencies":{"@types/jest":"^23.0.0","@types/react":"^16.9.16","@types/react-dom":"^16.9.4","@types/styled-components":"^5.1.9","classnames":"^2.2.5","clean-webpack-plugin":"^0.1.19","cypress":"^6.8.0","fork-ts-checker-webpack-plugin":"^0.4.1","html-webpack-plugin":"^3.2.0","jest":"^23.1.0","react":"^16.12.0","react-dom":"^16.12.0","styled-components":"^5.2.1","svg-sprite-loader":"^3.7.3","ts-jest":"^26.5.4","ts-loader":"^4.3.0","tslint":"^5.10.0","typescript":"^4.2.3","uglifyjs-webpack-plugin":"^2.2.0","webpack":"^4.8.3","webpack-cli":"^4.5.0","webpack-dev-server":"^3.1.4"},"jest":{"moduleFileExtensions":["ts","tsx","js"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"globals":{"ts-jest":{"tsConfigFile":"tsconfig.json"}},"testMatch":["**/__tests__/*.+(ts|tsx|js)"],"coverageReporters":["html"]},"gitHead":"ead305347fb0de03117aa7718bc090d3b00ca6f6","bugs":{"url":"https://github.com/AugustoResende/react-image-pan-zoom-rotate/issues"},"homepage":"https://github.com/AugustoResende/react-image-pan-zoom-rotate#readme","_id":"@augustoresende/react-image-pan-zoom-rotate@1.2.0","_nodeVersion":"15.4.0","_npmVersion":"7.2.0","dist":{"integrity":"sha512-MAUg19b7xaUAVK/Nnqo7+GVpL5XKM32Ms1+u8QuYpkVLe9XeGVhueOgyvZZ+N5lBE9GwDKEFWA/vpGZZRYKNBA==","shasum":"afbf75e61cd82fccccfa4de902c046b3b6bea00f","tarball":"https://registry.npmjs.org/@augustoresende/react-image-pan-zoom-rotate/-/react-image-pan-zoom-rotate-1.2.0.tgz","fileCount":12,"unpackedSize":63382,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVNKACRA9TVsSAnZWagAAadMP/R/AqWk5fnKntafYELkx\np2/Xkq87bnPGbgUcAf5a+S9qlmz0o1GCHyi1JHawdlz5IufLER/pGbuKlBsW\nuNpYXpAmy2J3BNPxJqAzN6V1c0NkXDTo1LTVgmNNkq6N488vKUtD1EeAQZ/J\nh8qAVQPaMvRBfsbyJb3N8VsY0XsNTkJDfZaGB8vZVzpiScXiWLm8jWAX+tth\ngQrGVSlqhK8nxLsdEv/OGgEMjPgJk3g2uf/MLSugnt/16ZAxKu5lZfwu/rmg\ns/W+GBC6rmUpndKpeKxJtYUWCvBU+hb88672HJWJRP1a9fVx4zL/iOOryv2q\niPY2jsA+wMZeSUXq1M5rflcqiOT+Nx5EnaBqnzAAmP/ch4HDA3Cg1yWikVFC\n+SbzJfMtQ3114o+VtGmb2Y9RjQBpvMLI2qofgv1F6H/wlCT4FtOtueYpT69A\nABjxFKA8N408LkB9VePxRQVLLIXfocu4Ta1oHMFJhb1oto6nU+v12jK1IHsP\nsXHCOT9ILxFcjugQtGcGQLumqvm5IcShH3VL1pSMZeovZnLu6bmu8nJl25Wf\nomH/gRTHa0gODeLEeDR48VT+WNYn22YceXg00RbiuvAbmTuIecMYudzPj4Oc\n7NybMA2hUKqy+KMzgmKg/t0Ej3s4tlrH/yNfBLRzyN4mBkCs27bE+bEBIwyL\nMWl7\r\n=ChSD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDro5zLAoo2ALmS9b/RjPjWLD72Sd/CVcN3yNoBDfIc8AiA46BpTzXrF8T7Db5gErIuU5Xn2n3yzP6W8OhArgtMWTA=="}]},"_npmUser":{"name":"augustoresende","email":"fale@augustoresende.com"},"directories":{},"maintainers":[{"name":"augustoresende","email":"fale@augustoresende.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-image-pan-zoom-rotate_1.2.0_1616171648378_0.2829075155746059"},"_hasShrinkwrap":false},"1.2.1":{"name":"@augustoresende/react-image-pan-zoom-rotate","version":"1.2.1","description":"Simple wrapper for pan, zoom, rotate on react containers","main":"dist/PanViewer","typings":"dist/PanViewer.d.ts","author":{"name":"mgorabbani"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/AugustoResende/react-image-pan-zoom-rotate.git"},"keywords":["html pan","html zoom","react pan zoom","react pan zoom rotate"],"scripts":{"start:dev":"webpack-dev-server","lib:build":"webpack --config=webpack.config.lib.js","test":"jest --watchAll --coverage","itest":"cypress open","prepublishOnly":"npm run lib:build"},"devDependencies":{"@types/jest":"^23.0.0","@types/react":"^16.9.16","@types/react-dom":"^16.9.4","@types/styled-components":"^5.1.9","classnames":"^2.2.5","clean-webpack-plugin":"^0.1.19","cypress":"^6.8.0","fork-ts-checker-webpack-plugin":"^0.4.1","html-webpack-plugin":"^3.2.0","jest":"^23.1.0","react":"^16.12.0","react-dom":"^16.12.0","styled-components":"^5.2.1","svg-sprite-loader":"^3.7.3","ts-jest":"^26.5.4","ts-loader":"^4.3.0","tslint":"^5.10.0","typescript":"^4.2.3","uglifyjs-webpack-plugin":"^2.2.0","webpack":"^4.8.3","webpack-cli":"^4.5.0","webpack-dev-server":"^3.1.4"},"jest":{"moduleFileExtensions":["ts","tsx","js"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"globals":{"ts-jest":{"tsConfigFile":"tsconfig.json"}},"testMatch":["**/__tests__/*.+(ts|tsx|js)"],"coverageReporters":["html"]},"gitHead":"7f56b7d1b9921b0a35def716c810185d7a4bb2ee","bugs":{"url":"https://github.com/AugustoResende/react-image-pan-zoom-rotate/issues"},"homepage":"https://github.com/AugustoResende/react-image-pan-zoom-rotate#readme","_id":"@augustoresende/react-image-pan-zoom-rotate@1.2.1","_nodeVersion":"15.4.0","_npmVersion":"7.2.0","dist":{"integrity":"sha512-N2n3qoiTBIz5F1dKrKwfmdwjlTxSPhTs8GofadiHFuDqdgeVUfODgFw/Tlaw966ChbpW3OhF03cBFDobrY5vcQ==","shasum":"7b35b5cfed9cbd1c8d30e1c24d97dee97dbf8465","tarball":"https://registry.npmjs.org/@augustoresende/react-image-pan-zoom-rotate/-/react-image-pan-zoom-rotate-1.2.1.tgz","fileCount":12,"unpackedSize":63394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVNLbCRA9TVsSAnZWagAAH8cP/3viWGLkgM4z5SWdZsWW\n4n/tpQnNHSE2VOvUBOp0vIrAOkoJXlbBwkAUO2S7ml2FGBA7CqZi1yGTmI7V\ntZR9Fge/dKXboSNiokTkl0K7M4t85gY6zmxOeKdxqDclxpwMNmx0XV8jyVNc\nzLYb6l5tday9BU8FR4RK7LQMZNyUstrAcYBgcEdMeBh3OO4YTD0zzKOVebdN\n1wR8XVl2fQDdUFlcqicq00ODbcxVkRpbO7l5Bm8yH4OnmdCBOEiEpUbBIZbD\nc7OLNv1VJpQcnQ3NPjisQC9lwG7rclYolMZrROsjX8eK4SXMPRRzrw8UKk3k\nZlc1UPLGhKLwq9agMyvGbVqo3Asf1VHUn/fkH1QaFvH+q2cWpgl3b3+bKSW8\nt2SWddotiXZsAl5LXWiPfWHu2e66oUeUlFe77f7rK/y+8C2QhREK4Ym9r0Lu\n6f5iLC1qHw3LAZjPAB2rILovP1AQjg7w6M85ryao3U8cC6J8AqNMIIjuTsJP\ntI3Nax4L24UYMhIpDR/kLh5iH3Xz0KRr6yM2s7a6gBwU2hzxanNMkvgWnKuA\nncXo4W/kqcVTgmb1bELh44H7OrnEANiHap5CPvowq+sAWJIi9LQjbx4cs43p\ntr7SpW6MwsctKsYwIBhew3Jj3G3W1Gy/qKPaMZ5KtD8ygVqi1wULPt+XkPlC\nB2Oc\r\n=4Bc8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMQk94k1Z/cdDfo/vldD03pIZ4kc8wyouUMRUuH2f47gIhAIdwnhu2O0o0La3f3VMhEOyhOXBcpqtFigsCWtteNRDN"}]},"_npmUser":{"name":"augustoresende","email":"fale@augustoresende.com"},"directories":{},"maintainers":[{"name":"augustoresende","email":"fale@augustoresende.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-image-pan-zoom-rotate_1.2.1_1616171738881_0.9959271000913754"},"_hasShrinkwrap":false},"1.2.2":{"name":"@augustoresende/react-image-pan-zoom-rotate","version":"1.2.2","description":"Simple wrapper for pan, zoom, rotate on react containers","main":"dist/PanViewer","typings":"dist/PanViewer.d.ts","author":{"name":"mgorabbani"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/AugustoResende/react-image-pan-zoom-rotate.git"},"keywords":["html pan","html zoom","react pan zoom","react pan zoom rotate"],"scripts":{"start:dev":"webpack-dev-server","lib:build":"webpack --config=webpack.config.lib.js","test":"jest --watchAll --coverage","itest":"cypress open","prepublishOnly":"npm run lib:build"},"devDependencies":{"@types/jest":"^23.0.0","@types/react":"^16.9.16","@types/react-dom":"^16.9.4","@types/styled-components":"^5.1.9","classnames":"^2.2.5","clean-webpack-plugin":"^0.1.19","cypress":"^6.8.0","fork-ts-checker-webpack-plugin":"^0.4.1","html-webpack-plugin":"^3.2.0","jest":"^23.1.0","react":"^16.12.0","react-dom":"^16.12.0","styled-components":"^5.2.1","svg-sprite-loader":"^3.7.3","ts-jest":"^26.5.4","ts-loader":"^4.3.0","tslint":"^5.10.0","typescript":"^4.2.3","uglifyjs-webpack-plugin":"^2.2.0","webpack":"^4.8.3","webpack-cli":"^4.5.0","webpack-dev-server":"^3.1.4"},"jest":{"moduleFileExtensions":["ts","tsx","js"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"globals":{"ts-jest":{"tsConfigFile":"tsconfig.json"}},"testMatch":["**/__tests__/*.+(ts|tsx|js)"],"coverageReporters":["html"]},"gitHead":"7f56b7d1b9921b0a35def716c810185d7a4bb2ee","bugs":{"url":"https://github.com/AugustoResende/react-image-pan-zoom-rotate/issues"},"homepage":"https://github.com/AugustoResende/react-image-pan-zoom-rotate#readme","_id":"@augustoresende/react-image-pan-zoom-rotate@1.2.2","_nodeVersion":"15.4.0","_npmVersion":"7.2.0","dist":{"integrity":"sha512-CrDfhp80W+HAfXtkFWQEkfXS1stMZYp12nHGQkF/ZhU0EaSI7bAcoHsy8POmJvnaNx651ND8H2YjAzva/IhwlQ==","shasum":"288044e7a7d781d30302ea533f5aba07306822e1","tarball":"https://registry.npmjs.org/@augustoresende/react-image-pan-zoom-rotate/-/react-image-pan-zoom-rotate-1.2.2.tgz","fileCount":12,"unpackedSize":63390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVNqUCRA9TVsSAnZWagAA+xoP+gIT01G0cuuEANWNYRex\nY9j7O7b7LPSdJwt9phRDMtEY7otLl+ja4iwMHVARpdmkhe4BmbzRz5ULB43o\n3CO9UwZLNCpBdPwgI2QfIqd66Hl96vmUGHGRjl3Z+MEw3KjOd336B/9ex5FZ\n9VZ2saIgpN1NVqvY9YhgpBIb5d7fnelgY0wA+xfvFZXmGEOML1I1ucvv9gY3\nRPwJByFe8mQKPaXWExMzzwjk1NbQ5hCQ4SikXf0nakZ/5iWO9aOf/c7NbsJy\nt0COWynz21CQdM6s2tXyJj3e9i9fYTLNeMVFNOU0FV1OpML0Avesm2MFBCdG\n2MTa6vDnFjlhqvE+rS5HI2OYUyE6qYv/AlZD/0RBzruPhp2/ik0FgKndm9He\ngESqGaFiMqIxQyjNpcqMI5a5gVxGrXYwsGmLSqhg/bbC7/zczQqP1CHVx/HM\nUnb+rA/xIo82ZcpkldxwFkiI9SA/+TrcgGARUhZTxB2YyhJsI7yW94l24vDy\nhpn8yg+y0CFx7xyRjrm74XXSVPEkk15Z2srCU5O1EGETxnTytledPOsJbiMz\nyVSl4m5vHzsgnOTDu0wBipzTy4a38dDqPDgcY6FSPPesHoGMfQx6rJaTIeoe\nRqhxzZTc2g7KtNHCCFco2xeQpYKp2ZsY3r0O2pgOQOYdOkhhExID9LNlv0Hm\nJwbZ\r\n=UTQa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGjNGAQFGRYn+SKEOAzKdZI3eOu9nCyDe4x5Drdm86EWAiEAzQbH6NWqpQWoglDq/PhDHLyKZUaEtjcfuRFflXRcuKk="}]},"_npmUser":{"name":"augustoresende","email":"fale@augustoresende.com"},"directories":{},"maintainers":[{"name":"augustoresende","email":"fale@augustoresende.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-image-pan-zoom-rotate_1.2.2_1616173716161_0.22923447252791518"},"_hasShrinkwrap":false},"1.3.0":{"name":"@augustoresende/react-image-pan-zoom-rotate","version":"1.3.0","description":"Simple wrapper for pan, zoom, rotate on react containers","main":"dist/PanViewer","typings":"dist/PanViewer.d.ts","author":{"name":"mgorabbani"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/AugustoResende/react-image-pan-zoom-rotate.git"},"keywords":["html pan","html zoom","react pan zoom","react pan zoom rotate"],"scripts":{"start:dev":"webpack-dev-server","lib:build":"webpack --config=webpack.config.lib.js","test":"jest --watchAll --coverage","itest":"cypress open","prepublishOnly":"npm run lib:build"},"devDependencies":{"@types/jest":"^23.0.0","@types/react":"^16.9.16","@types/react-dom":"^16.9.4","@types/styled-components":"^5.1.9","classnames":"^2.2.5","clean-webpack-plugin":"^0.1.19","cypress":"^6.8.0","fork-ts-checker-webpack-plugin":"^0.4.1","html-webpack-plugin":"^3.2.0","jest":"^23.1.0","react":"^16.12.0","react-dom":"^16.12.0","styled-components":"^5.2.1","svg-sprite-loader":"^3.7.3","ts-jest":"^26.5.4","ts-loader":"^4.3.0","tslint":"^5.10.0","typescript":"^4.2.3","uglifyjs-webpack-plugin":"^2.2.0","webpack":"^4.8.3","webpack-cli":"^4.5.0","webpack-dev-server":"^3.1.4"},"jest":{"moduleFileExtensions":["ts","tsx","js"],"transform":{"^.+\\.(ts|tsx)$":"ts-jest"},"globals":{"ts-jest":{"tsConfigFile":"tsconfig.json"}},"testMatch":["**/__tests__/*.+(ts|tsx|js)"],"coverageReporters":["html"]},"gitHead":"6f3637c4633b78448603194b1f5edd51d696e7d8","bugs":{"url":"https://github.com/AugustoResende/react-image-pan-zoom-rotate/issues"},"homepage":"https://github.com/AugustoResende/react-image-pan-zoom-rotate#readme","_id":"@augustoresende/react-image-pan-zoom-rotate@1.3.0","_nodeVersion":"15.4.0","_npmVersion":"7.2.0","dist":{"integrity":"sha512-QIhcw8H4fVT54Knj/1ZHGk06CqlL6NTNfW+ZoOJuh292bCt8RRNgkNkWHY+7ykzSlcShXb1+QJsrrKajztvSEg==","shasum":"db904a957a38f5df84beea51b5fda4eb1bb42ab4","tarball":"https://registry.npmjs.org/@augustoresende/react-image-pan-zoom-rotate/-/react-image-pan-zoom-rotate-1.3.0.tgz","fileCount":12,"unpackedSize":64617,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVPGlCRA9TVsSAnZWagAAyhcP/2leUiT316jMucQX2xvK\nb7Z3rD5rhFBhDs2ahLZ3NgwKPVxlFe1I/gh4b4JE89XUz2BfCkLs49N9fldy\n0noeu1PFyljLRmaRObigaABjEQMUiR8aaoISy7j9lavYcdYEAD+03AFDTJgC\nH/Qw+1Foyb0Qpif3xLYw4T3xQsgPpx7foJ3HkjpYASg4ZFsftxWMRGAag4RE\nXwXo8asneO4L/u7Rz9UkIxfBfY9hDwxsWfksZ+2Y62IpvqmLyafBSGDZEiFO\nNPb/xqKsQobifrlb04lvL9qK5hDl4CVg5i2GRgytC5qKPNtmhFkSiNbjid6T\niXhcLTG5+AadQbBcomLzv+zffjGIoBrKJWQgfHtWyCfuB1yryqfd3SbanQiO\nq/+vIW3vNBvqCkLvNd8tvT4xNzMxUzL1DcuMY1BREjRCb2XWYLP+ChCK2Axl\nYlYTPByAMCIhukPiZiaghIUqEZkH+mclVM87dwq7jPxhZuL1l7qeLU1VIlGz\nW5T2Pu+SJAT7UxB0CqxsoG2vKtLePHZoAK85aic+pm9eW8TWNeO1z3bWM8Di\nDnjpVfG1wAC9a23IddNwD6JWd5ZZPsK58Zgf4c1V0vGSXJLM8t8HwXrtmx5Q\n/m0GJQAV6r2madCpsEnuNDlQJJ+Y+b8dQeLPyXsC1Pq5wSa4alhd4GGkJJ2y\nBsoL\r\n=bVib\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCz18/8X7kr2DbI7qIB31M++Gam+RblARy02GUyls8kLAIgQrJsQTgNa7uLHf307fNECXvxcKkviOEK118HG1Ey36M="}]},"_npmUser":{"name":"augustoresende","email":"fale@augustoresende.com"},"directories":{},"maintainers":[{"name":"augustoresende","email":"fale@augustoresende.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-image-pan-zoom-rotate_1.3.0_1616179620712_0.2585361339530656"},"_hasShrinkwrap":false}},"time":{"created":"2021-03-19T16:34:08.323Z","1.2.0":"2021-03-19T16:34:08.569Z","modified":"2022-04-04T16:23:59.286Z","1.2.1":"2021-03-19T16:35:39.070Z","1.2.2":"2021-03-19T17:08:36.338Z","1.3.0":"2021-03-19T18:47:00.860Z"},"maintainers":[{"name":"augustoresende","email":"fale@augustoresende.com"}],"description":"Simple wrapper for pan, zoom, rotate on react containers","homepage":"https://github.com/AugustoResende/react-image-pan-zoom-rotate#readme","keywords":["html pan","html zoom","react pan zoom","react pan zoom rotate"],"repository":{"type":"git","url":"git+https://github.com/AugustoResende/react-image-pan-zoom-rotate.git"},"author":{"name":"mgorabbani"},"bugs":{"url":"https://github.com/AugustoResende/react-image-pan-zoom-rotate/issues"},"license":"MIT","readme":"![npm type definitions](https://img.shields.io/npm/types/typescript.svg?label=lang)\n# React Pan, Zoom & Rotate\n\nA simple pan and zoom and rotating for images in react.\n\n## Demo\n![](https://media.giphy.com/media/WVGLHnLLSREM6lqmWe/source.gif)\n\n[![Edit q8wl1joow9](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/n1rv671pkj)\n\n## Installation\n\n```\n> yarn add react-image-pan-zoom-rotate\n```\n\n## Features\n- Drag & Move\n- Zoom In \n- Zoom Out\n- Rotate (in Left only) \n\n\n## Usage\n\n```typescript\nimport ReactPanZoom from 'react-image-pan-zoom-rotate';\nclass MyComponent extends React.PureComponent {\n  public render() {\n    return (\n      <ReactPanZoom image=\"https://drscdn.500px.org/photo/105738331/q%3D80_m%3D2000/v2?webp=true&sig=538a4f76f4966c84acb01426bb4a4a5e4a85b72a2c3bd64973d3a369f9653007\" alt=\"document image\"/>\n    );\n  }\n}\n```\n","readmeFilename":"README.md"}