{"_id":"@ajainarayanan/react-pan-zoom","_rev":"4-8575235a89e1cd47c1f84bd09678846e","name":"@ajainarayanan/react-pan-zoom","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@ajainarayanan/react-pan-zoom","version":"0.0.1","description":"Simple wrapper for pan and zoom on html containers","main":"dist/react-pan-zoom","typings":"dist/react-pan-zoom.d.ts","author":{"name":"ajainarayanan"},"license":"MIT","scripts":{"start:dev":"webpack-dev-server","lib:build":"webpack --config=webpack.config.lib.js"},"devDependencies":{"@types/react":"^16.3.14","@types/react-dom":"^16.0.5","classnames":"^2.2.5","clean-webpack-plugin":"^0.1.19","fork-ts-checker-webpack-plugin":"^0.4.1","html-webpack-plugin":"^3.2.0","react":"^16.3.2","react-dom":"^16.3.2","styled-components":"^3.2.6","svg-sprite-loader":"^3.7.3","ts-loader":"^4.3.0","tslint":"^5.10.0","typescript":"^2.8.3","webpack":"^4.8.3","webpack-cli":"^2.1.3","webpack-dev-server":"^3.1.4"},"gitHead":"45d466007a3bb955b36997599775be118e579b62","_id":"@ajainarayanan/react-pan-zoom@0.0.1","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"ajainarayanan","email":"ajainarayanan@gmail.com"},"dist":{"integrity":"sha512-WdzwYsE4EdLUCvFdADACgQ1rxkP5C/71CeL30xRT8599hVeufa/8hApNthDo0/b41A3pzK6t2WFxrd+nLTbdZg==","shasum":"2e4c4cf8df186d6d388629a38e39a3818fbc660c","tarball":"https://registry.npmjs.org/@ajainarayanan/react-pan-zoom/-/react-pan-zoom-0.0.1.tgz","fileCount":9,"unpackedSize":230504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbAHxhCRA9TVsSAnZWagAAECwP/iaWRIUpkd3tEQ5d+qfQ\n8U8GLon0+fjRestTRJUQPF1Cn8zH8rqsalQBi/qauLPv4doCmylGGG5m2zBS\nfq/QCWAboUzS76O5/MDuq373lswiyHgAnlLTxNMYfMbSOwV95aA5c8ZrXvI6\nbF4YB82rUnaumKbUW60mbu9uisFDZRBFV8jB45I/BQ475RT/naG1OBp8rhf7\neOmHAdhHU8UiQq1HW0XLopI0KD9ewez2BRhAw/vwLK7OJj9QdKOReN8AtGuj\ndGxFsKbIc+uvkDkMHHP0x56TjKavCCBwmTgvhm6ASom6G8FRZmtqu4U30Pex\nsJ3yP4g30TaZW/A2hUThPLZ4b5MiK/aTRpqq53OVCcuE4mNIIXkYs57G2Cbw\nvHcAp2+xVPDVgZNgz5T6/ofBsp/jOi9ICgbMas+MLCm+SI3+0UTN1PQzFfUR\nu+I9EDnn8p9DqaSxIJ3UrLAsc9td0TC6rJM6GmMxG7uM7cjSvfAYr4S40VFO\nVzmm2vCfGHU0LZIHDYRQn+ol5s/iw3C74Vwmia/6mXqZfIR4se2R/bCSve9U\n7fG5YWmDp8KfyALGg3xmyygLxUMpbyQXTkDbDucfWs7VKEK/sREJnSIbLnDx\n87COCVP8xf8AzUWKC3lYfm5d6oEi2GOHH9NvEG7/4+bPcVpDbkWfLg/35HC/\nIowC\r\n=sYEl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDIUIwd/MAvI46UppgQ+gWvNug9GwHnFJF7aV3qd12LaAiB7imNEM6GH2KnkNK7Mf6FSujJutI5LjIQXe5RW9/Uj1Q=="}]},"maintainers":[{"name":"ajainarayanan","email":"ajainarayanan@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-pan-zoom_0.0.1_1526758495605_0.11851365544663128"},"_hasShrinkwrap":false},"0.0.2":{"name":"@ajainarayanan/react-pan-zoom","version":"0.0.2","description":"Simple wrapper for pan and zoom on html containers","main":"dist/react-pan-zoom","typings":"dist/react-pan-zoom.d.ts","author":{"name":"ajainarayanan"},"license":"MIT","scripts":{"start:dev":"webpack-dev-server","lib:build":"webpack --config=webpack.config.lib.js","test":"jest --watchAll --coverage","itest":"cypress open"},"devDependencies":{"@types/jest":"^23.0.0","@types/react":"^16.3.14","@types/react-dom":"^16.0.5","classnames":"^2.2.5","clean-webpack-plugin":"^0.1.19","cypress":"^3.0.1","fork-ts-checker-webpack-plugin":"^0.4.1","html-webpack-plugin":"^3.2.0","jest":"^23.1.0","react":"^16.3.2","react-dom":"^16.3.2","styled-components":"^3.2.6","svg-sprite-loader":"^3.7.3","ts-jest":"^22.4.6","ts-loader":"^4.3.0","tslint":"^5.10.0","typescript":"^2.8.3","webpack":"^4.8.3","webpack-cli":"^2.1.3","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":"aa78a613ea51c2017f9b7d3a2577f8d6d4c75752","_id":"@ajainarayanan/react-pan-zoom@0.0.2","_npmVersion":"5.6.0","_nodeVersion":"8.11.2","_npmUser":{"name":"ajainarayanan","email":"ajainarayanan@gmail.com"},"dist":{"integrity":"sha512-BqjXGbUy707l4UShllvAkEhg8tBRhv59WEzxhwafNKLBQGN6W8rb17XmbxuL5YEZaW3AxOreIAwRCi14SQFv5w==","shasum":"3249ac325b9bf53ea2d52df6b964fc0a85bf17b7","tarball":"https://registry.npmjs.org/@ajainarayanan/react-pan-zoom/-/react-pan-zoom-0.0.2.tgz","fileCount":22,"unpackedSize":360372,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcN/AWCRA9TVsSAnZWagAAq6sP/2f/GWJ5oLv4u8JjZqoj\nM/XWwb8svLpCIVUBAMLMU4McEcZQKDndziZM3FZ59sG7pJ5LUIwVzS4/Emdh\n1xq55DLkAj5YmkdZMiVWE5eq21iTXCVY8Qm0mSfQvbUMLdUcPUj3BzEN/9Sv\n54HeKWrsdgL2DJNmP+XLoPqY+8XHCKaKIPQ+xwFlwlAP5QGFhK1Qn/R3BnnV\nO1riR8vn6IYQORP4JV8pJpFnKzjCxEfgMCW2oVjLuYrWOxNPtoEosM2PmCbk\n0lFXWVcn35R1IE2GvJ6YvYDgirNOd8YHlF0slVxyVsjC5IJULTCWBxBf1zQG\nR5kH9recCd3QmfOsiXsaLv08hGcsrKC5a9bv5hYkuglW1uTUl0Tofbax+n4w\ns5pIJi/xPBgNYgkWHi2Z7AFQLeW+Vq2F8cqce0Xv+/Q94FTm5cEiwtptX559\nFRqttovh7bXhQkw+Eo2vWPc10BcoY7JtSkrb0bd4c7OfsOaqUQTjvM4vqXAM\nhklQPBogQRUZP7j4KZWbVVuVn+Td9hnoSa9ITMFuEDbhUZeaIJAXiW2Pwl5U\nN4ZrYt6oF5UP2oIdJdhDbJrqJAhxTpSq1hNcPqDy8TP9qsejUZS+wftKMFQQ\nuW4+rh1Fk8GYqmnjBL1hXsEwCoA1SSd/P82n+Hl16M2aF48qFM9t/g/DViv8\nYOvm\r\n=etup\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGR4DVXBTRqfv/MwegF9ejYC0QCRHcKv97YPv1d4s//lAiEAoRysW/OLJg8jtUkWiVtHCemLWw/wT0EuPKC5AudfhCs="}]},"maintainers":[{"name":"ajainarayanan","email":"ajainarayanan@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-pan-zoom_0.0.2_1547169814072_0.5421884407982547"},"_hasShrinkwrap":false},"0.0.3":{"name":"@ajainarayanan/react-pan-zoom","version":"0.0.3","description":"Simple wrapper for pan and zoom on html containers","main":"dist/react-pan-zoom","typings":"dist/react-pan-zoom.d.ts","author":{"name":"ajainarayanan"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/ajainarayanan/react-pan-zoom.git"},"keywords":["html pan","html zoom","react pan zoom"],"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.3.14","@types/react-dom":"^16.0.5","classnames":"^2.2.5","clean-webpack-plugin":"^0.1.19","cypress":"^3.0.1","fork-ts-checker-webpack-plugin":"^0.4.1","html-webpack-plugin":"^3.2.0","jest":"^23.1.0","react":"^16.3.2","react-dom":"^16.3.2","styled-components":"^3.2.6","svg-sprite-loader":"^3.7.3","ts-jest":"^22.4.6","ts-loader":"^4.3.0","tslint":"^5.10.0","typescript":"^2.8.3","webpack":"^4.8.3","webpack-cli":"^2.1.3","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":"0dcb91a0dcf22240c557d58bdbb210827a993994","bugs":{"url":"https://github.com/ajainarayanan/react-pan-zoom/issues"},"homepage":"https://github.com/ajainarayanan/react-pan-zoom#readme","_id":"@ajainarayanan/react-pan-zoom@0.0.3","_npmVersion":"5.6.0","_nodeVersion":"8.11.2","_npmUser":{"name":"ajainarayanan","email":"ajainarayanan@gmail.com"},"dist":{"integrity":"sha512-JDNOB/LJ/UeXQK1lHPpZQlvpEJIdkCMWztMW9Ygnd7ailz5W1wM4Ynk7D1md5RqjnKtd1YILXctrvOzFWkLWYQ==","shasum":"c10a7fc6b07d793278f119554bd819846a77c9bd","tarball":"https://registry.npmjs.org/@ajainarayanan/react-pan-zoom/-/react-pan-zoom-0.0.3.tgz","fileCount":24,"unpackedSize":364811,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPlHcCRA9TVsSAnZWagAARjQP/2ZUgSQ1+5YjnnhDj/eK\nImWh4TG2U89VvBOaEaO03lxy1OZ9CIm8aZ2+k95opceomcOGt1ozBSTWWDGi\nY6YehgKez3CZjWniS2v+RSmbCEAOdNZwkluqpU+KarY0e9ey7WO/oX9eXmlc\nPDwpNkSO+C6IF/3erKJKqw/vP10FiUVHze3ONPgaoPTdI2Uev+Qb02HjhuLm\nxTPEwdu+8i1vHa1RQ0yTXSHtEhVMxqgBhi9ibL7vxG46nFW/WXoF9GjGq8Yz\nPMG9cFl0CxBaTcRf5oxnUlTyNn5AHwtlURaHMEDBpVGYzXgXeDMpXvd8H4aH\nZ5LfJKX4+RACqPApoUWMOxokcv/+Njcz0S6C5KkJc1SnGyN9aVcnQiIVfxJr\nCdcOqb9U7mtH/5amCfkOiF7TeQPg7wyEwOuez0CiVNfsFzkOEVRQyuDZ9Y5/\nFFZI4pMylsgdsT3L8O4ck9xpmTqwLNlW9dFD6wy/lAM1API+5XBmoKBK5QL5\ntBmhGDvfEn97qIDxdfT/hEs94MtDsNui0kv1of5GdVO3eEzCrO+URmUKW2Kv\novzS5/n8WJ1NfGwOfbYrQpcd5AShUMomypi/2uYqBI5rokSHXKH7uQVAtTFc\n8IV5YAYjtuxqy/U3hewKSX0A8PKmtYJbSiVe1Hm2e5DPXvTOv3arYTAZRNk3\n0u48\r\n=hb76\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQClW+Q00e9VP2vcbmkeaLrD/Ypw5mFfld62WFStekCpbgIgQYLjHHaa9NXRYCHdtOnfXgNvQs6U002jF3eEjIpMyUk="}]},"maintainers":[{"name":"ajainarayanan","email":"ajainarayanan@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-pan-zoom_0.0.3_1547588059722_0.39758496709823143"},"_hasShrinkwrap":false},"0.0.4":{"name":"@ajainarayanan/react-pan-zoom","version":"0.0.4","description":"Simple wrapper for pan and zoom on html containers","main":"dist/react-pan-zoom","typings":"dist/react-pan-zoom.d.ts","author":{"name":"ajainarayanan"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/ajainarayanan/react-pan-zoom.git"},"keywords":["html pan","html zoom","react pan zoom"],"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":{"prettier":"1.14.3","tslint-config-prettier":"1.15.0","tslint-plugin-prettier":"2.0.0","eslint-plugin-prettier":"3.0.0","@types/jest":"^23.0.0","@types/react":"^16.3.14","@types/react-dom":"^16.0.5","classnames":"^2.2.5","clean-webpack-plugin":"^0.1.19","cypress":"^3.0.1","fork-ts-checker-webpack-plugin":"0.4.15","html-webpack-plugin":"^3.2.0","jest":"^23.1.0","react":"^16.3.2","react-dom":"^16.3.2","styled-components":"^3.2.6","svg-sprite-loader":"^3.7.3","ts-jest":"^22.4.6","ts-loader":"^4.3.0","tslint":"^5.10.0","typescript":"^2.8.3","webpack":"^4.8.3","webpack-cli":"^2.1.3","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":"b355a1fb2975eb85fb86f5912d9f79b336530500","bugs":{"url":"https://github.com/ajainarayanan/react-pan-zoom/issues"},"homepage":"https://github.com/ajainarayanan/react-pan-zoom#readme","_id":"@ajainarayanan/react-pan-zoom@0.0.4","_nodeVersion":"10.16.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-mB+T5hsa6oyNmvHwXqcQTvmuyTS272FyeGMUyVRrQ/AWsb93HI1gA6thhdOGx2ApynBElYE+RM0LN9k+hBR5ag==","shasum":"bc7082493be2efc6f4f9e58d05550155a00071c7","tarball":"https://registry.npmjs.org/@ajainarayanan/react-pan-zoom/-/react-pan-zoom-0.0.4.tgz","fileCount":23,"unpackedSize":84716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeATvHCRA9TVsSAnZWagAAN0cP/A9ndihAJ//M2vq4k0/B\njXznIG86HiYLDdNoAPr7zIYjiZxRkaGDcVvf/2NWt0Xh1i3PgyOUHrsS3Pgk\nJcDEW6MAEMODwf7cm5ejYPGcnys08fo3a4GDxqI8SNofXthNV6AZ4Bs9K7Zz\n3arENo+RZa+u+gsm2M37/mx7tsxFe8nJI/VrSgBF1cqbMkDpIIQdcCpLAwZy\nyNmLDT37bLNGcSrAOEYFcFK7KcKyhQYXclua5Q7hlbGiTIDTwNCrq4pjysbj\n+/LahIyycXbrWucGYJhVtg6EE8ibEp9MjlTNeu8lHBK0RlNbCJlDkqWkrBtT\nZsqFNmPRmAg8GyFbB9eh/BO+banHLUgKD8EoKGikAc6WckORrnbUgS4D37+v\nT7JBX//O8lt/pX2Ppoi6jMI289R+L9XQ2T58O9u6z+nSs0HLLozboR7yqg92\n0EPLAJofJeIQP5dFTi/tRst4GJI6B2/nVC8uHHgRRvEk7wdIoZZ0bB4e5nc5\n6JDdSnToZhQvJKy85qPVZpD6FwcSVX5niGOt5Y9dXiCYAv58DDnj64pJeq67\nwr+Xz6Oskt/WZ77MoK/VZCqc3Dceg3qIIJMj2wIRVtDOOqcUB/uEQ/gSiFt8\nYm1PjSHj0KjpP03ZzBkYIxaFoBlUG32c1huzAGmAz4VoDGaFQ8nwfQG1Hx9s\nSp3a\r\n=60PT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCA6q8xvwrquzzvGrJ4Xd4799CQ7c4RWhblkesumiFR3wIhALEdxqC+WB+2uCfxxSl8ZIxfJHac2yrVyYFFEL7cCcyB"}]},"maintainers":[{"name":"ajainarayanan","email":"ajainarayanan@gmail.com"}],"_npmUser":{"name":"ajainarayanan","email":"ajainarayanan@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-pan-zoom_0.0.4_1577139142571_0.9946996896956946"},"_hasShrinkwrap":false}},"time":{"created":"2018-05-19T19:34:55.318Z","0.0.1":"2018-05-19T19:34:55.719Z","modified":"2022-04-04T12:26:12.854Z","0.0.2":"2019-01-11T01:23:34.368Z","0.0.3":"2019-01-15T21:34:19.851Z","0.0.4":"2019-12-23T22:12:22.679Z"},"maintainers":[{"name":"ajainarayanan","email":"ajainarayanan@gmail.com"}],"description":"Simple wrapper for pan and zoom on html containers","author":{"name":"ajainarayanan"},"license":"MIT","readme":"# React Pan & Zoom\n\nA simple pan and zoom for canvas like elements in react.\n\n## Demo\n[![Edit q8wl1joow9](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/q8wl1joow9)\n\n## Installation\n\n```\n> yarn add @ajainarayanan/react-pan-zoom\n```\n\n## Usage\n\n```typescript\nimport ReactPanZoom from \"@ajainarayanan/react-pan-zoom\";\nclass MyComponent extends React.PureComponent {\n\n  public render() {\n    return (\n      <ReactPanZoom>\n        <img src=\"some/src/for/image.png\" />\n      </ReactPanZoom>\n    );\n  }\n}\n```\n\n## Props\n\n- `zoom` : Provide zoom level for the cavnas'ish element. `1` by default\n- `dx` : Provide the initial x co-ordinate to pan the underlying element to be. `0` by default\n- `dy` : Provide the initial y co-ordinate to pan the underlying element to be. `0` by default\n\nFor more information on what `dx` and `dy` mean please [refer here](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix)\n`(tx == dx and ty == dy)`.\n\n","readmeFilename":"README.md","homepage":"https://github.com/ajainarayanan/react-pan-zoom#readme","keywords":["html pan","html zoom","react pan zoom"],"repository":{"type":"git","url":"git+https://github.com/ajainarayanan/react-pan-zoom.git"},"bugs":{"url":"https://github.com/ajainarayanan/react-pan-zoom/issues"}}