{"_id":"react-hexgrid","_rev":"30-5e9eae6382bcdae8132b12c92ea44631","name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","dist-tags":{"latest":"2.0.1","alpha":"2.0.0-beta.0","beta":"2.0.0-beta.4"},"versions":{"0.1.0":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"0.1.0","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src --out-dir lib","coveralls":"cat ./coverage/lcov.info | coveralls","prepublish":"npm run compile","test":"babel-node ./node_modules/.bin/isparta cover _mocha"},"devDependencies":{"babel-cli":"*","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","chai":"*","coveralls":"*","isparta":"*","mocha":"*","sinon":"*"},"gitHead":"16fb1d0c720edeba4298957a6dc9cf4619467391","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@0.1.0","_shasum":"829d1fc6adc6abafc7fea7cf444dcb5106d1f9ca","_from":".","_npmVersion":"3.5.1","_nodeVersion":"5.9.1","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"829d1fc6adc6abafc7fea7cf444dcb5106d1f9ca","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-0.1.0.tgz","integrity":"sha512-t6aXvzBRe0W0CKPSwijBtmvhuN+b2jm2lFyjy9yuj3MjTQq271jPHgvQQxeJtG3A+4tIcJjAoPgjw31+HasVjg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxCzFjZIJY2eeKC1qCvoSuHO6O4z2hqxdV8RO/l0um5gIgPkF5pffSi1/KcIW5DATkRYIiyrLhkmceAcGousvbDhc="}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/react-hexgrid-0.1.0.tgz_1459153001633_0.7581064105033875"},"directories":{}},"0.1.1":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"0.1.1","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src --out-dir lib","coveralls":"cat ./coverage/lcov.info | coveralls","prepublish":"npm run compile","test":"babel-node ./node_modules/.bin/isparta cover _mocha"},"peerDependencies":{"react":"^0.14.7"},"devDependencies":{"babel-cli":"*","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","chai":"*","coveralls":"*","isparta":"*","mocha":"*","sinon":"*"},"gitHead":"552790113d8f80c577ab3a3963db8910adddb7ed","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@0.1.1","_shasum":"270a3cc91895fbdbf903600a540b62a80351c8d3","_from":".","_npmVersion":"3.5.1","_nodeVersion":"5.9.1","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"270a3cc91895fbdbf903600a540b62a80351c8d3","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-0.1.1.tgz","integrity":"sha512-e/MUS6qdkYGb8HGHuQ52W+Qk8dkblfgPTK2gU/ALmL814GC/lCgxiLi56J76Q1rIdvvXJxwDxHOKpZWTrSMTWA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCHxagxfmlVhNoQeR7kSibd3V5mixnH26vp3F3JuSJLdUCIENFPkC/6NvlCUMOJ2/Rj4FntpOa50Ow5FwhLmlIP2PT"}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-hexgrid-0.1.1.tgz_1459165366604_0.878632869804278"},"directories":{}},"0.1.2":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"0.1.2","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src --out-dir lib","coveralls":"cat ./coverage/lcov.info | coveralls","prepublish":"npm run compile","test":"babel-node ./node_modules/.bin/isparta cover _mocha"},"peerDependencies":{"react":"^0.14.7"},"devDependencies":{"babel-cli":"*","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","chai":"*","coveralls":"*","isparta":"*","mocha":"*","sinon":"*"},"gitHead":"234a9bcd232c9564907d3430d5ccc5c58dc823d0","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@0.1.2","_shasum":"0ce08602c65ef8725236ce3fd84d30fbe7ccba69","_from":".","_npmVersion":"3.5.1","_nodeVersion":"5.9.1","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"0ce08602c65ef8725236ce3fd84d30fbe7ccba69","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-0.1.2.tgz","integrity":"sha512-0q3l71+kdr3vAdns0KTS9kJCIICA09XDSWbc1BBhZEWGiew4bD8hE0CidADkKZb2BUvqX0z2yR/a8jSvutzL8A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEGPCvNZCZJNmC5zIFtlfT//pjSRJVH0r/1udYjKmOagAiEA1pIVuWiiIriAWPreIrdfYoJTPDcA69TiLVodIaC+uXE="}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/react-hexgrid-0.1.2.tgz_1459234140539_0.9469978688284755"},"directories":{}},"0.1.5":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"0.1.5","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src --out-dir lib","coveralls":"cat ./coverage/lcov.info | coveralls","prepublish":"npm run compile","test":"babel-node ./node_modules/.bin/isparta cover _mocha"},"peerDependencies":{"react":"^0.14.7"},"devDependencies":{"babel-cli":"*","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","chai":"*","coveralls":"*","isparta":"*","mocha":"*","sinon":"*"},"gitHead":"82493f91c96de4e94e1d09640745ca4263b10138","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@0.1.5","_shasum":"3fe0f142911034c2d190a873c74457066decba17","_from":".","_npmVersion":"3.5.1","_nodeVersion":"5.11.1","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"3fe0f142911034c2d190a873c74457066decba17","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-0.1.5.tgz","integrity":"sha512-UuwPVYqVZHlZ7I6ZCQGeANOfMEZT9xOuaJ61q7upRHy2ojLfoS6TcBmsrnwfnBXtE1CGhysfzmZHRt4kI+7kaQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC1uCyiXqEUcGgReAxbR544KHL1V7V44deTrm6OwkR+sQIhALB9a/U7BXBOkoT0WESBfR68YzPWsV9KH2SjSZTQgNaK"}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-hexgrid-0.1.5.tgz_1463152778504_0.7541267583146691"},"directories":{}},"0.1.6":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"0.1.6","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src --out-dir lib","coveralls":"cat ./coverage/lcov.info | coveralls","prepublish":"npm run compile","test":"babel-node ./node_modules/.bin/isparta cover _mocha"},"peerDependencies":{"react":"^0.14.7 || ^15.0.1"},"devDependencies":{"babel-cli":"*","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","chai":"*","coveralls":"*","isparta":"*","mocha":"*","sinon":"*"},"gitHead":"3cc47b4c1cfd705a15071befbfdaf5633f743f73","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@0.1.6","_shasum":"f114caddc61c36b8ad45b6522b366947bed52830","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.1.0","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"f114caddc61c36b8ad45b6522b366947bed52830","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-0.1.6.tgz","integrity":"sha512-3NPldsfLnkEwURtVTHzl+fFjN9hUXYaA13qocuTNiAokCLkXH6CW7OtTZGSjb01NInpr7Do9TW0S1PWLLTMPlw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID7KP6sXso+E4IkHcC6y7rbSHdik3ugwgxDeD7a5CFEGAiEAoYy7m2tbxZPua502aGpgVcRRnCWWaQ4frI27kLOw050="}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-hexgrid-0.1.6.tgz_1481546423985_0.21427245833911002"},"directories":{}},"0.1.7":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"0.1.7","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src --out-dir lib","coveralls":"cat ./coverage/lcov.info | coveralls","prepublish":"npm run compile","test":"babel-node ./node_modules/.bin/isparta cover _mocha"},"peerDependencies":{"react":"^0.14.7 || ^15.0.1"},"devDependencies":{"babel-cli":"*","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","chai":"*","coveralls":"*","isparta":"*","mocha":"*","sinon":"*"},"gitHead":"3cc47b4c1cfd705a15071befbfdaf5633f743f73","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@0.1.7","_shasum":"1f06ab43948b5c9a739d43dc6a3b9322b7a4845d","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.1.0","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"1f06ab43948b5c9a739d43dc6a3b9322b7a4845d","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-0.1.7.tgz","integrity":"sha512-F8RmeRFPz/CIHSwBE4fTKGYRPlxFw+zRCNrzpRsZPYfXyaPjpfbopHKfWXLaTI1ZU91T4ySQiuWv9EiMAfDDBg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpIh7GlNpD6xLdKOW07nhRFnNc/GVr6QTnBY3N4WR/iwIgVREctsdQwqE5ep5y0lWOonRuI4CBwkrz6uZKm3Ndcjk="}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-hexgrid-0.1.7.tgz_1481547566480_0.36219774559140205"},"directories":{}},"0.1.8":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"0.1.8","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src/ --out-dir lib","bundle":"babel src/ --out-file dist/react-hexgrid.js","coveralls":"cat ./coverage/lcov.info | coveralls","prepublish":"npm run compile","test":"babel-node ./node_modules/.bin/isparta cover _mocha"},"peerDependencies":{"react":"^0.14.7 || ^15.0.1"},"devDependencies":{"babel-cli":"*","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","chai":"*","coveralls":"*","isparta":"*","mocha":"*","sinon":"*"},"files":["lib/","dist/"],"gitHead":"fa8320bb336ce19c38cae6713ec6fe8c38fd34aa","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@0.1.8","_shasum":"a3814c43bc615accc5217ba5c826d355d444926c","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.1.0","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"a3814c43bc615accc5217ba5c826d355d444926c","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-0.1.8.tgz","integrity":"sha512-3fNL7B5Irf48xdfUh70UZ7ENGFiTaKJQpvCgzznfmYeGwtOuXsvl42hfrtKD4lw3CkpZDp10Pdh8TPq3TmbkcA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiJM/XBOsYZP262avIdX0XaUf983KaqKVh2kq4yNLZDwIhALQ3Qhgl4bNwLuHuuaj3AHf50+bilYJ/em3qtvNA3oER"}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-hexgrid-0.1.8.tgz_1482929050025_0.027035841019824147"},"directories":{}},"0.1.9":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"0.1.9","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src/ --out-dir lib","bundle":"babel src/ --out-file dist/react-hexgrid.js","coveralls":"cat ./coverage/lcov.info | coveralls","prepublish":"npm run compile","test":"babel-node ./node_modules/.bin/isparta cover _mocha"},"peerDependencies":{"react":"^0.14.7 || ^15.0.1"},"devDependencies":{"babel-cli":"*","babel-plugin-transform-es2015-modules-umd":"^6.18.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","chai":"*","coveralls":"*","isparta":"*","mocha":"*","sinon":"*"},"dependencies":{"classnames":"^2.2.5"},"files":["lib/","dist/"],"gitHead":"5c6f61f64b68390743482b567e9a4e30fa3372f7","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@0.1.9","_shasum":"426e8a7ebc4a65b725f21e033d38f9e1ee0b4c8c","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.1.0","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"426e8a7ebc4a65b725f21e033d38f9e1ee0b4c8c","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-0.1.9.tgz","integrity":"sha512-yhCjUJSJoIEOGC9DwNSr6iZUBsNZyonhfVQsVtiM7SF0qMBl38egh4ZZlX46f3aSlvkz9zYiyKb7gNgYyxaHIA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0FqwFTE0oBajAqj/GzacF6u8jX1eSH312aS9tZK+R7QIhAOEdAYjfGuNH4Vw2ycQIr2LqWkIdFUFbML9E6t5PV4sa"}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-hexgrid-0.1.9.tgz_1487246057945_0.5747466159518808"},"directories":{}},"0.1.10":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"0.1.10","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src/ --out-dir lib","bundle":"babel src/ --out-file dist/react-hexgrid.js","coveralls":"cat ./coverage/lcov.info | coveralls","prepublish":"npm run compile","test":"babel-node ./node_modules/.bin/isparta cover _mocha"},"peerDependencies":{"react":"^0.14.7 || ^15.0.1"},"devDependencies":{"babel-cli":"*","babel-plugin-transform-es2015-modules-umd":"^6.18.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","chai":"*","coveralls":"*","isparta":"*","mocha":"*","sinon":"*"},"dependencies":{"classnames":"^2.2.5"},"files":["lib/","dist/"],"gitHead":"233ba3907f16f11cf7283a51b8ccadad51b1969b","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@0.1.10","_shasum":"57bef198674a4ea509f71959d056d96eb055ae98","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.1.0","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"57bef198674a4ea509f71959d056d96eb055ae98","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-0.1.10.tgz","integrity":"sha512-X4br+D8pd9TpJ7+ZR6Lif0WcGPPb5/PrQ1GzlZApyHvZrIRNKdZ/a600tA60xH4lOa5mBzG4r4zfBh50NYYlIA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuOXvpsbMBAHBNyinmlWLG6eDZaWS7WGRNH1a+nbzK2QIhANMgH/zvvH7uDsU7FNsmBW+Hkq6WzYrNB4uaF5wwssM4"}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-hexgrid-0.1.10.tgz_1487248936221_0.2506650756113231"},"directories":{}},"0.1.11":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"0.1.11","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src/ --out-dir lib","bundle":"babel src/ --out-file dist/react-hexgrid.js","coveralls":"cat ./coverage/lcov.info | coveralls","prepublish":"npm run compile","test":"babel-node ./node_modules/.bin/isparta cover _mocha"},"peerDependencies":{"react":"^0.14.7 || ^15.0.1"},"devDependencies":{"babel-cli":"*","babel-plugin-transform-es2015-modules-umd":"^6.18.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","chai":"*","coveralls":"*","isparta":"*","mocha":"*","sinon":"*"},"dependencies":{"classnames":"^2.2.5"},"files":["lib/","dist/"],"gitHead":"319639d169e8c4d786eeac55652a8203e6496e1d","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@0.1.11","_shasum":"45b004654eab80d8fa2a03262ba9e9fc8b155664","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.1.0","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"45b004654eab80d8fa2a03262ba9e9fc8b155664","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-0.1.11.tgz","integrity":"sha512-RqPPC5wktNwiGSp3Ine7veE5cr5jISUrrUnSB2jov76AZkUZRtRwWN33jSSwHCfYAys9R+GmPOP+0QhEZDzt/g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGM9nAsFBNcPMXSiLQn8znynj+svpiWXi2h5MXcYByPxAiA1jlqJqpnBBAWgHL2rNEol4xeYLfjvtlOSersOnLEHyQ=="}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-hexgrid-0.1.11.tgz_1487380858200_0.5502870215568691"},"directories":{}},"1.0.0-rc1":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"1.0.0-rc1","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src/ --out-dir lib","bundle":"babel src/ --out-file dist/react-hexgrid.js","coveralls":"cat ./coverage/lcov.info | coveralls","prepublish":"npm run compile","test":"babel-node ./node_modules/.bin/isparta cover _mocha"},"peerDependencies":{"react":"^15.0.1"},"devDependencies":{"babel-cli":"*","babel-plugin-transform-es2015-modules-umd":"^6.18.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","chai":"*","coveralls":"*","isparta":"*","mocha":"*","sinon":"*"},"dependencies":{"classnames":"^2.2.5"},"files":["lib/","dist/"],"gitHead":"ff387e0c637d18a048d7e7d1155edbe49edf6ae0","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@1.0.0-rc1","_shasum":"9491b0a793ed584cc3f69ce8f301c76f0adef848","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.7.3","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"9491b0a793ed584cc3f69ce8f301c76f0adef848","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-1.0.0-rc1.tgz","integrity":"sha512-EZp2bhZ8Q7yG/5gAoggTw0pMnwESimBfyrvPjgA2AuIPxDJvyjkHdoYI6vjx/abeqEZIKNP4uZLu9KI8goXxdw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcUVAo36EGNsBna5Nrf3N3bRPYalPc2a9yjimTRlqosQIgR4I+3ZZ5KprLhfrwf3DOUR1NJIr6Bq0IaYmdJR2eCy8="}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-hexgrid-1.0.0-rc1.tgz_1491306799066_0.2502293640282005"},"directories":{}},"1.0.0-rc3":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"1.0.0-rc3","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src/ --out-dir lib","bundle":"babel src/ --out-file dist/react-hexgrid.js","coveralls":"cat ./coverage/lcov.info | coveralls","prepublish":"npm run compile","test":"babel-node ./node_modules/.bin/isparta cover _mocha"},"peerDependencies":{"react":"^15.0.1"},"devDependencies":{"babel-cli":"*","babel-plugin-transform-es2015-modules-umd":"^6.18.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","chai":"*","coveralls":"*","isparta":"*","mocha":"*","sinon":"*"},"dependencies":{"classnames":"^2.2.5"},"files":["lib/","dist/"],"gitHead":"cefd4a9f0c1abe1e9df6c605983353c7548d7a5b","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@1.0.0-rc3","_shasum":"07d8e67a7012e3e4b3fd308e34b3be089c30d6e4","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.9.0","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"07d8e67a7012e3e4b3fd308e34b3be089c30d6e4","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-1.0.0-rc3.tgz","integrity":"sha512-1tIvw3TQJp3VqEMlocIn+eAHqWhDxxhOcSuNlNxAQ0ayge5DfE7+n5UT9N/N5ZUDAbcSVCwLjiJ3d+OUjdlZVQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfG9Z+iqSTitul5VTgb+9i2l9//P1hqje0LML9rGPnxQIhAMaBqZmZ7RRTQuCOj8NPGd92DkC0LgFB+GjamXRr3Mzn"}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-hexgrid-1.0.0-rc3.tgz_1493205767649_0.3533098658081144"},"directories":{}},"1.0.0-rc4":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"1.0.0-rc4","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src/ --out-dir lib","bundle":"babel src/ --out-file dist/react-hexgrid.js","prepublish":"npm run compile","test:watch":"jest --watch --coverage","test":"jest --coverage"},"peerDependencies":{"react":"^15.0.1"},"devDependencies":{"babel-cli":"*","babel-plugin-transform-es2015-modules-umd":"^6.18.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0"},"dependencies":{"classnames":"^2.2.5","jest":"^19.0.2"},"files":["lib/","dist/"],"gitHead":"a14d6fb663926e456568b24301a723a23e64f48f","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@1.0.0-rc4","_shasum":"c67055f8472a367ceca805bda222291d76db3be8","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.9.0","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"c67055f8472a367ceca805bda222291d76db3be8","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-1.0.0-rc4.tgz","integrity":"sha512-A7MOPNbXkQr2cBs3TWTXMhAreS/XeHwUhG42T0hkaaU69tYMyHgnH8aj23lMnbHgLP/Tacqlnenm+65G85mI4Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIACuXZQutTMb81couyx1DRLUvYYZ8D9GHuA4hleGH1IqAiAuS2HNB9vEFgf/QDMDRRm+GVfxzGO8QkzABL6fojPn0g=="}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-hexgrid-1.0.0-rc4.tgz_1493717970663_0.18185436306521297"},"directories":{}},"1.0.0":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"1.0.0","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src/ --out-dir lib","bundle":"babel src/ --out-file dist/react-hexgrid.js","prepublish":"npm run compile","test:watch":"jest --watch --coverage","test":"jest --coverage"},"peerDependencies":{"react":"^15.0.1","prop-types":"^15.0.1"},"devDependencies":{"babel-cli":"*","babel-plugin-transform-es2015-modules-umd":"^6.18.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","enzyme":"^2.8.2","jest":"^20.0.3","react":"^15.5.4","react-dom":"^15.5.4","react-test-renderer":"^15.5.4"},"dependencies":{"classnames":"^2.2.5"},"files":["lib/","dist/"],"gitHead":"65a43a16541b8f457b60314f5d8321436b5bc2eb","bugs":{"url":"https://github.com/hellenic/react-hexgrid/issues"},"homepage":"https://github.com/hellenic/react-hexgrid#readme","_id":"react-hexgrid@1.0.0","_shasum":"158a808746d176af942d9b134d2e41d5824f54f8","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.9.0","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"shasum":"158a808746d176af942d9b134d2e41d5824f54f8","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-1.0.0.tgz","integrity":"sha512-pV1tedXHtqZ8F4nuIysfN/KO5P1vB5IQhAGC1hwJfKWmK9RFhWlSQZTIlJJ+ncj7K0/cvT+TTBi/FJIfiQd9yw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDtkOMVZ4GC2l1dQHjygZTkmzd7GvnaMk94VSzY4yJb/AIhALMRDwfBses/Rsn2cTUGSmYyolJOXov/W+b7gJCGgeHC"}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hexgrid-1.0.0.tgz_1495349700374_0.6591504723764956"},"directories":{}},"1.0.1":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"1.0.1","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/Hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src/ --out-dir lib","bundle":"babel src/ --out-file dist/react-hexgrid.js","prepublish":"npm run compile","test:watch":"jest --watch --coverage","test":"jest --coverage"},"peerDependencies":{"react":"^15.0.1","prop-types":"^15.0.1"},"devDependencies":{"babel-cli":"*","babel-plugin-transform-es2015-modules-umd":"^6.18.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","enzyme":"^2.8.2","jest":"^20.0.3","react":"^15.5.4","react-dom":"^15.5.4","react-test-renderer":"^15.5.4"},"dependencies":{"classnames":"^2.2.5"},"files":["lib/","dist/"],"gitHead":"41b01a74046c8b8339127f93bd0af24880170464","bugs":{"url":"https://github.com/Hellenic/react-hexgrid/issues"},"homepage":"https://github.com/Hellenic/react-hexgrid#readme","_id":"react-hexgrid@1.0.1","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"integrity":"sha512-EcJ8AiYnNX8qj8pu/vHa3Ck3EL6Izqm9tAFF41YSunxQWnMMK+1JSFo6KAZ/mSl1aSgEMISW+6AZj5P8qJDNRQ==","shasum":"ef35b96b91b355e33e06d36e6b1a95f39a6a64f5","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-1.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDZl/uvjgU7nMPUGDLKVcu+5vgN94sCtSAogWoeN4QUvAiEAwINzMi4CcAyA0z+vWoSnVumsenNrYjl4QO+kFMwQF5c="}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hexgrid-1.0.1.tgz_1510032669633_0.7359561494085938"},"directories":{}},"1.0.2":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"1.0.2","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/Hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src/ --out-dir lib","bundle":"babel src/ --out-file dist/react-hexgrid.js","prepublish":"npm run compile","test:watch":"jest --watch --coverage","test":"jest --coverage"},"peerDependencies":{"react":"^15.0.1","prop-types":"^15.0.1"},"devDependencies":{"babel-cli":"*","babel-plugin-transform-es2015-modules-umd":"^6.18.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","enzyme":"^2.8.2","jest":"^20.0.3","react":"^15.5.4","react-dom":"^15.5.4","react-test-renderer":"^15.5.4"},"dependencies":{"classnames":"^2.2.5"},"files":["lib/","dist/"],"gitHead":"6fb2f6671e185a302a1bb6ba6bed90d3f6ef37df","bugs":{"url":"https://github.com/Hellenic/react-hexgrid/issues"},"homepage":"https://github.com/Hellenic/react-hexgrid#readme","_id":"react-hexgrid@1.0.2","_npmVersion":"5.6.0","_nodeVersion":"8.7.0","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"integrity":"sha512-UwUH6BOMF7iCQbJtTo4LnwdxB/Kk7cYaZm6s0xlHYj8OMefudK4IIFkMcVp/0LG8d7UIk/mx8KuPET6vjVcGUw==","shasum":"aed033dd7c57926a24e258ac06f2b7f08ce6e81f","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-1.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBIlajhsqJJDwHwV45ZWmISNFS++c9diJlAcn5rJDO2uAiA6VVIehZdqDWHLfvxMF09NziETJpuJz2KRDqe+NR4haA=="}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hexgrid-1.0.2.tgz_1515564173358_0.19859739672392607"},"directories":{}},"1.0.3":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"1.0.3","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/Hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src/ --out-dir lib","bundle":"babel src/ --out-file dist/react-hexgrid.js","prepublish":"npm run compile","test:watch":"jest --watch --coverage","test":"jest --coverage"},"peerDependencies":{"react":"^15.0.1","prop-types":"^15.0.1"},"devDependencies":{"babel-cli":"*","babel-plugin-transform-es2015-modules-umd":"^6.18.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","enzyme":"^2.8.2","jest":"^20.0.3","react":"^15.5.4","react-dom":"^15.5.4","react-test-renderer":"^15.5.4"},"dependencies":{"classnames":"^2.2.5"},"files":["lib/","dist/"],"gitHead":"54aa33831e0c3c079f82acebc39c3f8281fc160a","bugs":{"url":"https://github.com/Hellenic/react-hexgrid/issues"},"homepage":"https://github.com/Hellenic/react-hexgrid#readme","_id":"react-hexgrid@1.0.3","_npmVersion":"5.6.0","_nodeVersion":"8.7.0","_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"dist":{"integrity":"sha512-+rXia1Q/tGtEWrRRNGku9dZx+3yVcotr4cs3IF0PddJaaddpxUEMgZDqSway0QGNTT43eVbclR5UScwHBgnx2A==","shasum":"fe0749eaa61d159805c913c8fb78502ce71e247a","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-1.0.3.tgz","fileCount":38,"unpackedSize":171007,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFWXheUUETfhSMZyTXgbaiR3q18NEtgFycJJH8Wtryl5AiBdPQ4aXMCPTcakzm/knNQWMtL9a2njY1N5UavKv8o++g=="}]},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hexgrid_1.0.3_1519475749113_0.003717478857936607"},"_hasShrinkwrap":false},"1.0.4":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"1.0.4","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/Hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"compile":"babel src/ --out-dir lib","bundle":"babel src/ --out-file dist/react-hexgrid.js","prepublish":"npm run compile","test:watch":"jest --watch --coverage","test":"jest --coverage"},"peerDependencies":{"react":"^15.0.1","prop-types":"^15.0.1"},"devDependencies":{"babel-cli":"*","babel-plugin-transform-es2015-modules-umd":"^6.18.0","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-preset-stage-1":"^6.5.0","enzyme":"^2.8.2","jest":"^20.0.3","react":"^15.5.4","react-dom":"^15.5.4","react-test-renderer":"^15.5.4"},"dependencies":{"classnames":"^2.2.5"},"gitHead":"9ffa7be334154cc4cf21f48af470270fe4fd6506","bugs":{"url":"https://github.com/Hellenic/react-hexgrid/issues"},"homepage":"https://github.com/Hellenic/react-hexgrid#readme","_id":"react-hexgrid@1.0.4","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-Hw6fD2T5exCHAZzB2YW5OTDp94E32EIdRQhKOSVpSUkkBLB4VD6Rtd6SEQu+iDc5X4nmIV7IKLNThlfepejcSA==","shasum":"e5a29484bd57694ef5b341b55377d98c2e71d418","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-1.0.4.tgz","fileCount":15,"unpackedSize":51045,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9AWoCRA9TVsSAnZWagAAzC0P/15o09zmSwiP9oeaWkxd\npNgltby+07PlYaei0XH733ohQRq049gg4qExUtVzWOT1af3POU+5taIQdm3s\nddAxlzP1vOalagGopWu7mNZBAVxfSpoTBWNtE6Gt1+TE0HpLIldmV1shhkdM\nUFmVYb5An9/2FFY1hsUzZRcu3z0KcaAIxRmwepvrZK35ukSCQDP+NCskxWsx\nfB4jIidknVd2bKZo5RS5OqeeFkcxKnzEQAcxJbGcrDvejeuzL94i2r8Bb9i7\n0RzhZyOSa1AT20T9/FC7SyobdX3NsuN+gFFNuhG81KD4tXPW9bOkUC7jXjUe\n7/fXysCzRXWTddZd9iZWJFZq9RJhXTwt7CcfnxYYaF+qDmHKxErwTlaItMBJ\nEeZgbwh7KyZqDFTk2zbBUQ1eHADw+bOO30N5gEIRSbqmCqp6K7czbQQP/D/K\n65/nxxfRlJrU3gcIjqay4pVxdLNasBluYYijtyheQRaZXqdBN8GKFn+AdGrq\np5MwoxCtXbOH/7gf+CHmVcstao9KssWF3NwCh4lyTBoyLBHF6WdBWf5b8WTf\nVC2D44IVzK5JrlBJ4fi6dSU6B7yyeD+c7aqdxEGUUVbbUbi3nPIegXpF2X+F\nYxBo2SR2kp9D3BgksDjF6keGh+g9NH0YS3UhvdU/if9g9nrrmMLBgxxAxAxc\nQD4x\r\n=amGu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiu0PO3esan6rc0lQrG+VFUL4npGyI0szLJsS1yvb6BQIhAMxExY2/T45Rl6czHhgww0xpdBu6v54+Fb1w+pLwNa2k"}]},"_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"directories":{},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hexgrid_1.0.4_1643382184705_0.03569918877188427"},"_hasShrinkwrap":false},"2.0.0-beta.0":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"2.0.0-beta.0","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/Hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"tsc":"tsc","tsc:watch":"tsc --watch","test:watch":"jest --watch --coverage","test":"jest --coverage","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"peerDependencies":{"react":"^16.8.0"},"devDependencies":{"babel-cli":"*","@babel/core":"^7.18.2","enzyme":"^3.11.0","jest":"^20.0.3","react":"^16.8.0","react-dom":"^16.8.0","react-test-renderer":"^16.8.0","@storybook/addon-actions":"^6.5.5","@storybook/addon-essentials":"^6.5.5","@storybook/addon-interactions":"^6.5.5","@storybook/addon-links":"^6.5.5","@storybook/builder-webpack5":"^6.5.5","@storybook/manager-webpack5":"^6.5.5","@storybook/react":"^6.5.5","@storybook/testing-library":"^0.0.11","react-transition-group":"^1.1.2"},"dependencies":{"@changesets/cli":"^2.23.0","classnames":"^2.2.5"},"readme":"# react-hexgrid\n\n> Note, I am not maintaining this library but happy to invite collaborators. Let me know!\n\n![Downloads](https://img.shields.io/npm/dt/react-hexgrid.svg)\n![npm version](https://img.shields.io/npm/v/react-hexgrid.svg)\n![dependencies Status](https://img.shields.io/librariesio/github/hellenic/react-hexgrid)\n[![Live demo](https://img.shields.io/badge/live-demo-brightgreen.svg?style=flat-square)](https://hellenic.github.io/react-hexgrid/examples/)\n![License](https://img.shields.io/npm/l/react-hexgrid.svg)\n\nReact components to build interactive hexagons grids. It uses SVG which makes it fast, scalable and easy to apply custom styles. You can easily customize the layout of the grid just by configuration.\n\nComponent-based approach allows you to customize the grid shape to suit your needs or even apply your own components / SVG elements to it. You can use pre-defined generator to create certain shape grid or you may build totally your own grid to the shape you wish, while still keeping it under control and interactive.\n\nYou could easily use this library to build (just to name a few) a nice portfolio, image library or even a game!\n\n> With inspiration from\n> [http://www.redblobgames.com/grids/hexagons](http://www.redblobgames.com/grids/hexagons).\n\n> 🖊️ Codepen to play around with: https://codepen.io/hellenic/project/editor/AYMbMM#\n\n## Maintainers wanted\n\nI am not maintaining this library but happy to invite new collaborators. Drop me an email and let's chat!\n\n## Pre-requisites\n\nYou should be familiar with Node + NPM, React and ES6 to use this library.\nLibrary also depends heavily on HTML5 features (mostly SVG) which all might not be supported by every browser yet.\nFor example [Drag & Drop](http://caniuse.com/#search=drag%20and) is still quite heavily under work.\n\n## Getting Started\n\nInstall it via npm:\n\n```shell\nnpm install --save react-hexgrid\n```\n\nMore documentation in the [Wiki](https://github.com/Hellenic/react-hexgrid/wiki).\n\n## Example\n\n```html\nimport { HexGrid, Layout, Hexagon, Text, Pattern, Path, Hex } from 'react-hexgrid';\nimport './App.css';\n\nclass App extends Component {\n  render() {\n    return (\n      <div className=\"App\">\n        <HexGrid width={1200} height={800} viewBox=\"-50 -50 100 100\">\n          {/* Grid with manually inserted hexagons */}\n          <Layout size={{ x: 10, y: 10 }} flat={true} spacing={1.1} origin={{ x: 0, y: 0 }}>\n            <Hexagon q={0} r={0} s={0} />\n            {/* Using pattern (defined below) to fill the hexagon */}\n            <Hexagon q={0} r={-1} s={1} fill=\"pat-1\" />\n            <Hexagon q={0} r={1} s={-1} />\n            <Hexagon q={1} r={-1} s={0}>\n              <Text>1, -1, 0</Text>\n            </Hexagon>\n            <Hexagon q={1} r={0} s={-1}>\n              <Text>1, 0, -1</Text>\n            </Hexagon>\n            {/* Pattern and text */}\n            <Hexagon q={-1} r={1} s={0} fill=\"pat-2\">\n              <Text>-1, 1, 0</Text>\n            </Hexagon>\n            <Hexagon q={-1} r={0} s={1} />\n            <Hexagon q={-2} r={0} s={1} />\n            <Path start={new Hex(0, 0, 0)} end={new Hex(-2, 0, 1)} />\n          </Layout>\n          <Pattern id=\"pat-1\" link=\"http://cat-picture\" />\n          <Pattern id=\"pat-2\" link=\"http://cat-picture2\" />\n        </HexGrid>\n      </div>\n    );\n  }\n}\n```\n\nWill look something like this (custom CSS applied):\n![HexGrid image](https://raw.githubusercontent.com/Hellenic/react-hexgrid/master/react-hexgrid.png \"HexGrid\")\n\n## Examples\n\nSee examples folder.\n\n### Basics\n\n1. [basic-board](https://github.com/Hellenic/react-hexgrid/tree/master/examples/basic-board) - Basic usage of react-hexgrid\n2. [custom-grid](https://github.com/Hellenic/react-hexgrid/tree/master/examples/custom-grid) - Simple custom grid\n3. [templates](https://github.com/Hellenic/react-hexgrid/tree/master/examples/templates) - Ready-made grid templates\n\n### Advanced\n\n1. [pathfinding](https://github.com/Hellenic/react-hexgrid/tree/master/examples/pathfinding) - Pathfinding\n2. [drag & drop](https://github.com/Hellenic/react-hexgrid/tree/master/examples/drag-and-drop) - Drag & drop with two grids\n3. [animations](https://github.com/Hellenic/react-hexgrid/tree/master/examples/animations) - Animations & effects\n\n## Testing changes locally\n\nYou can test changes by importing the library directly from a folder:\n\n1. Do changes to the library\n2. On your test project: `npm install /path/to/your/react-hexgrid/ --save`\n3. For easy development, you can `npm link react-hexgrid` on your application\n4. And finally `npm run compile` the react-hexgrid to have the changes in your application\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"0326d1fe65a93deded30f39ca0a3af794f464ded","bugs":{"url":"https://github.com/Hellenic/react-hexgrid/issues"},"homepage":"https://github.com/Hellenic/react-hexgrid#readme","_id":"react-hexgrid@2.0.0-beta.0","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-skiazpUJ8D9n2t7fzhbbpxAXPeNTZpfYNAmeSoyarHtBj6aCTodLQ0Jb4SaNHaBxwqLWO/LhFlr3GAli0KYFPw==","shasum":"4da034ad423d1a75d007c93c8e4e00780d806012","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-2.0.0-beta.0.tgz","fileCount":3,"unpackedSize":6946,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAJlXaA9woobhYMPaqGHNfsXrCQ5g7I/8I1ARdwyBGYwIgEdUca5gCB6M7fAhuuMkj/63Jcqd+7XxeRIqjHrHvAa0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwBuiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1gQ/+Lp+u5Dw2S0Q5WQ7GDCLQSwvux+xju8Wbgo0XJAaJApbki9fd\r\nktmxtVXBJhYuNxf9xpmitMuDt2S4zbykcPjV2Z5SpbD2rZwC6eTqoT1tCVuu\r\n1CpndYi4rtCLhoidIdQBBrwKC6/R/SYbekmTVPMfO/T9AeKxlshTh6QoKnr1\r\nycMpCAW4k9fF4vLTSZ6rp3z4eBitL741zVydVYr+Vo7xTIFsmkCEzCRBYWrG\r\ny3DAuT0SCDO6UWKol2hpC44Jd4ikGTdhXwU4I9uuj9e5jxBvVIPUwI5yESGc\r\nZuukf6r3F7kZ/Rdehwq7pF/9Bm7ACLMLniaa9nLepzi/dQryYgkBAWuuQ247\r\nmyWvKZSorOmZsXN3YMcye9bmWYoH4MOJzIlaev7gefesQ1opoy16kJ+N5th6\r\nn9hRc7cSsoFxnsU2LPbOrA77ZokX2A7Tvn9kmKytoZLgbLdbDSF0pjCx0HKg\r\noh0Y69DciGNtiWMm8+nAiyXwyNmz1R7Ri9vFjq+MInofyd1qHjEYOatwkL5M\r\nVTfW0602mXW7Ygrzv1j48LSGpzEkZCCLZjIPF6CS0plP4/UwCan9c9jQ10Hd\r\n4GD4tamfXH+HUS+AEAAft2foyWoXt1QdEW4QFjjYCZKVmJX6ZKYluzOOjJkC\r\ntcMCkjjZmuoBjj99x9Kd7ZSBLYllsTrimQ0=\r\n=5Sbc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"directories":{},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hexgrid_2.0.0-beta.0_1656757154049_0.4515292651493277"},"_hasShrinkwrap":false},"2.0.0-beta.1":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"2.0.0-beta.1","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/Hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"tsc":"tsc","tsc:watch":"tsc --watch","test:watch":"jest --watch --coverage","test":"jest --coverage","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"peerDependencies":{"react":">=16.8.0"},"devDependencies":{"babel-cli":"*","@babel/core":"^7.18.6","babel-jest":"^28.1.2","@babel/preset-env":"^7.18.6","@babel/preset-typescript":"^7.18.6","jest":"^28.1.2","@types/jest":"^28.1.4","ts-jest":"^28.0.5","ts-node":"^10.8.2","jest-environment-jsdom":"^28.1.2","@testing-library/react":"13.3.0","@testing-library/jest-dom":"^5.16.4","react":"^18.2.0","react-dom":"^18.2.0","react-test-renderer":"^18.2.0","@storybook/addon-actions":"^6.5.9","@storybook/addon-essentials":"^6.5.9","@storybook/addon-interactions":"^6.5.9","@storybook/addon-links":"^6.5.9","@storybook/builder-webpack5":"^6.5.9","@storybook/manager-webpack5":"^6.5.9","@storybook/react":"^6.5.9","@storybook/testing-library":"^0.0.13","react-transition-group":"^4.4.2","@emotion/react":"^11.9.3","cheerio":"1.0.0-rc.3"},"dependencies":{"@changesets/cli":"^2.23.0","classnames":"^2.3.1"},"readme":"# react-hexgrid\n\n> Note, I am not maintaining this library but happy to invite collaborators. Let me know!\n\n![Downloads](https://img.shields.io/npm/dt/react-hexgrid.svg)\n![npm version](https://img.shields.io/npm/v/react-hexgrid.svg)\n![dependencies Status](https://img.shields.io/librariesio/github/hellenic/react-hexgrid)\n[![Live demo](https://img.shields.io/badge/live-demo-brightgreen.svg?style=flat-square)](https://hellenic.github.io/react-hexgrid/examples/)\n![License](https://img.shields.io/npm/l/react-hexgrid.svg)\n\nReact components to build interactive hexagons grids. It uses SVG which makes it fast, scalable and easy to apply custom styles. You can easily customize the layout of the grid just by configuration.\n\nComponent-based approach allows you to customize the grid shape to suit your needs or even apply your own components / SVG elements to it. You can use pre-defined generator to create certain shape grid or you may build totally your own grid to the shape you wish, while still keeping it under control and interactive.\n\nYou could easily use this library to build (just to name a few) a nice portfolio, image library or even a game!\n\n> With inspiration from\n> [http://www.redblobgames.com/grids/hexagons](http://www.redblobgames.com/grids/hexagons).\n\n> 🖊️ Codepen to play around with: https://codepen.io/hellenic/project/editor/AYMbMM#\n\n## Maintainers wanted\n\nI am not maintaining this library but happy to invite new collaborators. Drop me an email and let's chat!\n\n## Pre-requisites\n\nYou should be familiar with Node + NPM, React and ES6 to use this library.\nLibrary also depends heavily on HTML5 features (mostly SVG) which all might not be supported by every browser yet.\nFor example [Drag & Drop](http://caniuse.com/#search=drag%20and) is still quite heavily under work.\n\n## Getting Started\n\nInstall it via npm:\n\n```shell\nnpm install --save react-hexgrid\n```\n\nMore documentation in the [Wiki](https://github.com/Hellenic/react-hexgrid/wiki).\n\n## Example\n\n```html\nimport { HexGrid, Layout, Hexagon, Text, Pattern, Path, Hex } from 'react-hexgrid';\nimport './App.css';\n\nclass App extends Component {\n  render() {\n    return (\n      <div className=\"App\">\n        <HexGrid width={1200} height={800} viewBox=\"-50 -50 100 100\">\n          {/* Grid with manually inserted hexagons */}\n          <Layout size={{ x: 10, y: 10 }} flat={true} spacing={1.1} origin={{ x: 0, y: 0 }}>\n            <Hexagon q={0} r={0} s={0} />\n            {/* Using pattern (defined below) to fill the hexagon */}\n            <Hexagon q={0} r={-1} s={1} fill=\"pat-1\" />\n            <Hexagon q={0} r={1} s={-1} />\n            <Hexagon q={1} r={-1} s={0}>\n              <Text>1, -1, 0</Text>\n            </Hexagon>\n            <Hexagon q={1} r={0} s={-1}>\n              <Text>1, 0, -1</Text>\n            </Hexagon>\n            {/* Pattern and text */}\n            <Hexagon q={-1} r={1} s={0} fill=\"pat-2\">\n              <Text>-1, 1, 0</Text>\n            </Hexagon>\n            <Hexagon q={-1} r={0} s={1} />\n            <Hexagon q={-2} r={0} s={1} />\n            <Path start={new Hex(0, 0, 0)} end={new Hex(-2, 0, 1)} />\n          </Layout>\n          <Pattern id=\"pat-1\" link=\"http://cat-picture\" />\n          <Pattern id=\"pat-2\" link=\"http://cat-picture2\" />\n        </HexGrid>\n      </div>\n    );\n  }\n}\n```\n\nWill look something like this (custom CSS applied):\n![HexGrid image](https://raw.githubusercontent.com/Hellenic/react-hexgrid/master/react-hexgrid.png \"HexGrid\")\n\n## Examples\n\nSee examples folder.\n\n### Basics\n\n1. [basic-board](https://github.com/Hellenic/react-hexgrid/tree/master/examples/basic-board) - Basic usage of react-hexgrid\n2. [custom-grid](https://github.com/Hellenic/react-hexgrid/tree/master/examples/custom-grid) - Simple custom grid\n3. [templates](https://github.com/Hellenic/react-hexgrid/tree/master/examples/templates) - Ready-made grid templates\n\n### Advanced\n\n1. [pathfinding](https://github.com/Hellenic/react-hexgrid/tree/master/examples/pathfinding) - Pathfinding\n2. [drag & drop](https://github.com/Hellenic/react-hexgrid/tree/master/examples/drag-and-drop) - Drag & drop with two grids\n3. [animations](https://github.com/Hellenic/react-hexgrid/tree/master/examples/animations) - Animations & effects\n\n## Testing changes locally\n\nYou can test changes by importing the library directly from a folder:\n\n1. Do changes to the library\n2. On your test project: `npm install /path/to/your/react-hexgrid/ --save`\n3. For easy development, you can `npm link react-hexgrid` on your application\n4. And finally `npm run compile` the react-hexgrid to have the changes in your application\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"b15a796336770d44f9b7ef981e5fa0691bd3135b","bugs":{"url":"https://github.com/Hellenic/react-hexgrid/issues"},"homepage":"https://github.com/Hellenic/react-hexgrid#readme","_id":"react-hexgrid@2.0.0-beta.1","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-+ERFjAz+NcGRnM5jGUPsZdyBrF4CDmGpujbGheYuKml/s0+oT6iaUjmCURT8mR2rLyKCxcpHZ1ayqA0UOjdJNA==","shasum":"f23c64f6267e818d7a25eb818558f90b148c902f","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-2.0.0-beta.1.tgz","fileCount":3,"unpackedSize":7299,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICLjyqEa1m3oHxt4HmisejK/Ep6ef6Vk1N/80V14mjaVAiEAwhaGNmIZTch1aYHkKy/Vmxt1b4UDZ55mGbFjDz5MTws="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwWYQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGtQ/9HNekChZFdDVDLal/z0qRNvkcMHC5CrHmVVDBQFJiOPd/7ms2\r\ng7xBW8jx5zyaQkXgibDprVD20BT7oTUTwXeFQNiTTkK75hyyZKnrvlmVnzQ+\r\nlKtGPQlc8JScXrWKYgvHHG1G49nfYA4GSSxvaUXlYFUGZkVrOsIj3IIVp55G\r\nokHH/3obts60OxxfCtD95JaDVSUL4VQHJChEblG/QmVfaMkQdwvk70k0KGN0\r\nThcctGQkIlI2/if1h21+KcsNNHeAwxe841+poa9SfkIhBaAmI751cqs/6guI\r\nDvPh/yFwtWw80/2GpjXlHrUmZcx5Plx/p0B/hLlcF5UY5spiZl6P/rPRthlT\r\n2PZDPwQpLYFZrRlGDXewLRCcNX5pf0lz1+nFSygNNaoV88GgLYQ51SzYED+E\r\nnNF2dT7sE7hoBABKYWArTSHvSSohrNWkQInHxK2bjHaYKOKuOTwSdfqgP1FZ\r\njeWGRysZuULyixJ/wHTtqhh4K2biPz8HCdRTlF31ItNz+XNFPKHW0XJk/Zxa\r\nn2YoPR443bOskhRaWpfLbC3/QSUiNGba8TSF87JirdaQvNyXx4Cd2PBkCx3F\r\nKg4AeaAM+AC5ZNWKUC+E1R+7odt+B0ACuKgopEqu+rgq6H5BA4Tzo92pQOnP\r\n9iUDsyrXUhPmuDKK/vDSwK8/CkRzfs1D4+A=\r\n=6lCS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"directories":{},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hexgrid_2.0.0-beta.1_1656841744477_0.43607193011557843"},"_hasShrinkwrap":false},"2.0.0-beta.2":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"2.0.0-beta.2","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/Hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"tsc":"tsc","tsc:watch":"tsc --watch","test:watch":"jest --watch --coverage","test":"jest --coverage","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"peerDependencies":{"react":">=16.8.0"},"devDependencies":{"babel-cli":"*","@babel/core":"^7.18.6","babel-jest":"^28.1.2","@babel/preset-env":"^7.18.6","@babel/preset-typescript":"^7.18.6","jest":"^28.1.2","@types/jest":"^28.1.4","ts-jest":"^28.0.5","ts-node":"^10.8.2","jest-environment-jsdom":"^28.1.2","@testing-library/react":"13.3.0","@testing-library/jest-dom":"^5.16.4","react":"^18.2.0","react-dom":"^18.2.0","react-test-renderer":"^18.2.0","@storybook/addon-actions":"^6.5.9","@storybook/addon-essentials":"^6.5.9","@storybook/addon-interactions":"^6.5.9","@storybook/addon-links":"^6.5.9","@storybook/builder-webpack5":"^6.5.9","@storybook/manager-webpack5":"^6.5.9","@storybook/react":"^6.5.9","@storybook/testing-library":"^0.0.13","react-transition-group":"^4.4.2","@emotion/react":"^11.9.3","cheerio":"1.0.0-rc.3"},"dependencies":{"@changesets/cli":"^2.23.0","classnames":"^2.3.1"},"types":"./lib/index.d.ts","readme":"# react-hexgrid\n\n> Note, I am not maintaining this library but happy to invite collaborators. Let me know!\n\n![Downloads](https://img.shields.io/npm/dt/react-hexgrid.svg)\n![npm version](https://img.shields.io/npm/v/react-hexgrid.svg)\n![dependencies Status](https://img.shields.io/librariesio/github/hellenic/react-hexgrid)\n[![Live demo](https://img.shields.io/badge/live-demo-brightgreen.svg?style=flat-square)](https://hellenic.github.io/react-hexgrid/examples/)\n![License](https://img.shields.io/npm/l/react-hexgrid.svg)\n\nReact components to build interactive hexagons grids. It uses SVG which makes it fast, scalable and easy to apply custom styles. You can easily customize the layout of the grid just by configuration.\n\nComponent-based approach allows you to customize the grid shape to suit your needs or even apply your own components / SVG elements to it. You can use pre-defined generator to create certain shape grid or you may build totally your own grid to the shape you wish, while still keeping it under control and interactive.\n\nYou could easily use this library to build (just to name a few) a nice portfolio, image library or even a game!\n\n> With inspiration from\n> [http://www.redblobgames.com/grids/hexagons](http://www.redblobgames.com/grids/hexagons).\n\n> 🖊️ Codepen to play around with: https://codepen.io/hellenic/project/editor/AYMbMM#\n\n## Maintainers wanted\n\nI am not maintaining this library but happy to invite new collaborators. Drop me an email and let's chat!\n\n## Pre-requisites\n\nYou should be familiar with Node + NPM, React and ES6 to use this library.\nLibrary also depends heavily on HTML5 features (mostly SVG) which all might not be supported by every browser yet.\nFor example [Drag & Drop](http://caniuse.com/#search=drag%20and) is still quite heavily under work.\n\n## Getting Started\n\nInstall it via npm:\n\n```shell\nnpm install --save react-hexgrid\n```\n\nMore documentation in the [Wiki](https://github.com/Hellenic/react-hexgrid/wiki).\n\n## Example\n\n```html\nimport { HexGrid, Layout, Hexagon, Text, Pattern, Path, Hex } from 'react-hexgrid';\nimport './App.css';\n\nclass App extends Component {\n  render() {\n    return (\n      <div className=\"App\">\n        <HexGrid width={1200} height={800} viewBox=\"-50 -50 100 100\">\n          {/* Grid with manually inserted hexagons */}\n          <Layout size={{ x: 10, y: 10 }} flat={true} spacing={1.1} origin={{ x: 0, y: 0 }}>\n            <Hexagon q={0} r={0} s={0} />\n            {/* Using pattern (defined below) to fill the hexagon */}\n            <Hexagon q={0} r={-1} s={1} fill=\"pat-1\" />\n            <Hexagon q={0} r={1} s={-1} />\n            <Hexagon q={1} r={-1} s={0}>\n              <Text>1, -1, 0</Text>\n            </Hexagon>\n            <Hexagon q={1} r={0} s={-1}>\n              <Text>1, 0, -1</Text>\n            </Hexagon>\n            {/* Pattern and text */}\n            <Hexagon q={-1} r={1} s={0} fill=\"pat-2\">\n              <Text>-1, 1, 0</Text>\n            </Hexagon>\n            <Hexagon q={-1} r={0} s={1} />\n            <Hexagon q={-2} r={0} s={1} />\n            <Path start={new Hex(0, 0, 0)} end={new Hex(-2, 0, 1)} />\n          </Layout>\n          <Pattern id=\"pat-1\" link=\"http://cat-picture\" />\n          <Pattern id=\"pat-2\" link=\"http://cat-picture2\" />\n        </HexGrid>\n      </div>\n    );\n  }\n}\n```\n\nWill look something like this (custom CSS applied):\n![HexGrid image](https://raw.githubusercontent.com/Hellenic/react-hexgrid/master/react-hexgrid.png \"HexGrid\")\n\n## Examples\n\nSee examples folder.\n\n### Basics\n\n1. [basic-board](https://github.com/Hellenic/react-hexgrid/tree/master/examples/basic-board) - Basic usage of react-hexgrid\n2. [custom-grid](https://github.com/Hellenic/react-hexgrid/tree/master/examples/custom-grid) - Simple custom grid\n3. [templates](https://github.com/Hellenic/react-hexgrid/tree/master/examples/templates) - Ready-made grid templates\n\n### Advanced\n\n1. [pathfinding](https://github.com/Hellenic/react-hexgrid/tree/master/examples/pathfinding) - Pathfinding\n2. [drag & drop](https://github.com/Hellenic/react-hexgrid/tree/master/examples/drag-and-drop) - Drag & drop with two grids\n3. [animations](https://github.com/Hellenic/react-hexgrid/tree/master/examples/animations) - Animations & effects\n\n## Testing changes locally\n\nYou can test changes by importing the library directly from a folder:\n\n1. Do changes to the library\n2. On your test project: `npm install /path/to/your/react-hexgrid/ --save`\n3. For easy development, you can `npm link react-hexgrid` on your application\n4. And finally `npm run compile` the react-hexgrid to have the changes in your application\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"9c8390018464ab6978e2b03a343de16be5582dbd","bugs":{"url":"https://github.com/Hellenic/react-hexgrid/issues"},"homepage":"https://github.com/Hellenic/react-hexgrid#readme","_id":"react-hexgrid@2.0.0-beta.2","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-lSTp0ncl1wLRYXZNE5BRwMeJ5y7BNEXdAKzbf79l03S2WWDYNpCdLnRgQQ0nBuEHSTJtz+qxGTOKbe5gp4F4/g==","shasum":"73c3295065e11b2e8b6d2cc0edf3b4190c0fa111","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-2.0.0-beta.2.tgz","fileCount":91,"unpackedSize":105721,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTY5fsrtLdDmcpw5bSWAMTDokYDnIa+iC1o1JpC8a7wQIhALi1Skg24jefZZqVYBHgot8AEiUjYUrmvm8JiLTLEiVI"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwW5RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrpQhAAgYcsmGVpapAEhET5T8x5PlkMxhHr999ck5eMhe9swQS0RzX4\r\n2/zExhndD8AObSSooxr8Tu1go1dAd10PaHgwvjrvvZSAA/VkCc6k+jeL84CC\r\n0CksCIJEDugm4MojokrnFtCmmdktAPCyUikI4Ph2PhWv3jYuUJGjqw+2B0Y3\r\nrXJnp2/zG4RPoB0qoQM7T4C3fSG5EzJZXUQCQbQzA/wm3JUj+vlmP/+wybco\r\nML5+32GKzzr71b1cYv6H5jbTXwzvw03fuY+eQRhw8Nz/nvyLM9yCHOaGUYoV\r\nRFQ2ooDCrxMW87DxGJK8J90MBPsvCU3yaGOHAfSjg7XTpdvkhyt42tsQkOC4\r\n0jdLM8IvcblZntlk+e04o4yB+A7YVoYfQY4bs9eqfjI0YTsOJKGIZ7A0dl2p\r\nSleMYoHG1BoILzuOYXZ0qYqWIU27Jq0DS4Z9wbJqn5M86z3gffVotc5HVkkL\r\nYJ7m8ChusLfyK8FFgfTcFjSkYqkvysMP9+fnU3k7ooxrn9vSTO7Z9cvoXCkf\r\nzOojVa7es0qj+7fx1FKXdgnEXM7f0UL3mDu1O2ke0Pq/EmiV9xySN2E02gDk\r\nq4AaRpPpWuudvGGsW+mhoXctT7bbP7ITIX8uw4c1juTw7UaT5tUYU2puObF3\r\n12DrnzMecQdWVnI8lnmabDMlDcFM5Yr1pBg=\r\n=nfGd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"directories":{},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hexgrid_2.0.0-beta.2_1656843857059_0.4386471191765835"},"_hasShrinkwrap":false},"2.0.0-beta.3":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"2.0.0-beta.3","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/Hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"tsc":"tsc","tsc:watch":"tsc --watch","test:watch":"jest --watch --coverage","test":"jest --coverage","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"peerDependencies":{"react":">=16.8.0"},"devDependencies":{"babel-cli":"*","@babel/core":"^7.18.6","babel-jest":"^28.1.2","@babel/preset-env":"^7.18.6","@babel/preset-typescript":"^7.18.6","jest":"^28.1.2","@types/jest":"^28.1.4","ts-jest":"^28.0.5","ts-node":"^10.8.2","jest-environment-jsdom":"^28.1.2","@testing-library/react":"13.3.0","@testing-library/jest-dom":"^5.16.4","react":"^18.2.0","react-dom":"^18.2.0","react-test-renderer":"^18.2.0","@storybook/addon-actions":"^6.5.9","@storybook/addon-essentials":"^6.5.9","@storybook/addon-interactions":"^6.5.9","@storybook/addon-links":"^6.5.9","@storybook/builder-webpack5":"^6.5.9","@storybook/manager-webpack5":"^6.5.9","@storybook/react":"^6.5.9","@storybook/testing-library":"^0.0.13","react-transition-group":"^4.4.2","@emotion/react":"^11.9.3","cheerio":"1.0.0-rc.3"},"dependencies":{"@changesets/cli":"^2.23.0","classnames":"^2.3.1"},"types":"./lib/index.d.ts","readme":"# react-hexgrid\n\n> Note, I am not maintaining this library but happy to invite collaborators. Let me know!\n\n![Downloads](https://img.shields.io/npm/dt/react-hexgrid.svg)\n![npm version](https://img.shields.io/npm/v/react-hexgrid.svg)\n![dependencies Status](https://img.shields.io/librariesio/github/hellenic/react-hexgrid)\n[![Live demo](https://img.shields.io/badge/live-demo-brightgreen.svg?style=flat-square)](https://hellenic.github.io/react-hexgrid/examples/)\n![License](https://img.shields.io/npm/l/react-hexgrid.svg)\n\nReact components to build interactive hexagons grids. It uses SVG which makes it fast, scalable and easy to apply custom styles. You can easily customize the layout of the grid just by configuration.\n\nComponent-based approach allows you to customize the grid shape to suit your needs or even apply your own components / SVG elements to it. You can use pre-defined generator to create certain shape grid or you may build totally your own grid to the shape you wish, while still keeping it under control and interactive.\n\nYou could easily use this library to build (just to name a few) a nice portfolio, image library or even a game!\n\n> With inspiration from\n> [http://www.redblobgames.com/grids/hexagons](http://www.redblobgames.com/grids/hexagons).\n\n> 🖊️ Codepen to play around with: https://codepen.io/hellenic/project/editor/AYMbMM#\n\n## Maintainers wanted\n\nI am not maintaining this library but happy to invite new collaborators. Drop me an email and let's chat!\n\n## Pre-requisites\n\nYou should be familiar with Node + NPM, React and ES6 to use this library.\nLibrary also depends heavily on HTML5 features (mostly SVG) which all might not be supported by every browser yet.\nFor example [Drag & Drop](http://caniuse.com/#search=drag%20and) is still quite heavily under work.\n\n## Getting Started\n\nInstall it via npm:\n\n```shell\nnpm install --save react-hexgrid\n```\n\nMore documentation in the [Wiki](https://github.com/Hellenic/react-hexgrid/wiki).\n\n## Example\n\n```html\nimport { HexGrid, Layout, Hexagon, Text, Pattern, Path, Hex } from 'react-hexgrid';\nimport './App.css';\n\nclass App extends Component {\n  render() {\n    return (\n      <div className=\"App\">\n        <HexGrid width={1200} height={800} viewBox=\"-50 -50 100 100\">\n          {/* Grid with manually inserted hexagons */}\n          <Layout size={{ x: 10, y: 10 }} flat={true} spacing={1.1} origin={{ x: 0, y: 0 }}>\n            <Hexagon q={0} r={0} s={0} />\n            {/* Using pattern (defined below) to fill the hexagon */}\n            <Hexagon q={0} r={-1} s={1} fill=\"pat-1\" />\n            <Hexagon q={0} r={1} s={-1} />\n            <Hexagon q={1} r={-1} s={0}>\n              <Text>1, -1, 0</Text>\n            </Hexagon>\n            <Hexagon q={1} r={0} s={-1}>\n              <Text>1, 0, -1</Text>\n            </Hexagon>\n            {/* Pattern and text */}\n            <Hexagon q={-1} r={1} s={0} fill=\"pat-2\">\n              <Text>-1, 1, 0</Text>\n            </Hexagon>\n            <Hexagon q={-1} r={0} s={1} />\n            <Hexagon q={-2} r={0} s={1} />\n            <Path start={new Hex(0, 0, 0)} end={new Hex(-2, 0, 1)} />\n          </Layout>\n          <Pattern id=\"pat-1\" link=\"http://cat-picture\" />\n          <Pattern id=\"pat-2\" link=\"http://cat-picture2\" />\n        </HexGrid>\n      </div>\n    );\n  }\n}\n```\n\nWill look something like this (custom CSS applied):\n![HexGrid image](https://raw.githubusercontent.com/Hellenic/react-hexgrid/master/react-hexgrid.png \"HexGrid\")\n\n## Examples\n\nSee examples folder.\n\n### Basics\n\n1. [basic-board](https://github.com/Hellenic/react-hexgrid/tree/master/examples/basic-board) - Basic usage of react-hexgrid\n2. [custom-grid](https://github.com/Hellenic/react-hexgrid/tree/master/examples/custom-grid) - Simple custom grid\n3. [templates](https://github.com/Hellenic/react-hexgrid/tree/master/examples/templates) - Ready-made grid templates\n\n### Advanced\n\n1. [pathfinding](https://github.com/Hellenic/react-hexgrid/tree/master/examples/pathfinding) - Pathfinding\n2. [drag & drop](https://github.com/Hellenic/react-hexgrid/tree/master/examples/drag-and-drop) - Drag & drop with two grids\n3. [animations](https://github.com/Hellenic/react-hexgrid/tree/master/examples/animations) - Animations & effects\n\n## Testing changes locally\n\nYou can test changes by importing the library directly from a folder:\n\n1. Do changes to the library\n2. On your test project: `npm install /path/to/your/react-hexgrid/ --save`\n3. For easy development, you can `npm link react-hexgrid` on your application\n4. And finally `npm run compile` the react-hexgrid to have the changes in your application\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"997735c53c60394c05604935e778200ef8a5b44b","bugs":{"url":"https://github.com/Hellenic/react-hexgrid/issues"},"homepage":"https://github.com/Hellenic/react-hexgrid#readme","_id":"react-hexgrid@2.0.0-beta.3","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-eYjWWVLMzbKzvKHjuWu4CJMBKlCfWZNI6G1EWr222ozYjsyAHyKCQFYQG1honTcMjs6oT0zooxI7lP03wRUkrg==","shasum":"88e5440f014d43d3b8c37e01ac23bab1ed3f0d64","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-2.0.0-beta.3.tgz","fileCount":91,"unpackedSize":105555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHX95zTfOPXaDs60ON5FiXsfI3MlSoT42dTNGtJK9knJAiEA1E91r/50xj75z6LxOpN10FvNZtIg+5Uz5VQKUSjV46M="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwYwKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRww//QntBh8AXdqxCqEW6nt/SPb6F6F5n0VvOl2JgPLRbivrRTqYV\r\n9QOkXasR1IAN1eZ7ObDw1NFjOAvNJ6nORmic6J+35unqqJPEFWgOxHbCPk6O\r\nbeGnIm35SJsN2ZZeeSw4dEivrI/LL8iALoWNaus8gZjt/7o1fXiWDSDvWobl\r\nmrrs4nHgnWE2lbpCZKWgBrm0kfPpLed++rgYgITQNWxEDLkBDwDmzv0EqX0z\r\ndV8JjbL+68p1gpztE25zxqFElo8ibEQq1GdNTeYmZ2uDjZdrT4glFLwMowFI\r\ny+I6Rc1FtCiuYPFov45K+7KA0q8lcKKTMynx6oeJU4YD8rXS9v+dBeDMUTzx\r\nFQKI1QZEEqFIe/qo/RojFN6gsrElUalMykI7DaQeqBrGKwMjjROg6CnfVxkg\r\ndjpnBWoLGTn/c/OBRjqJ90kUaqRsT9sxAh11GsPmyZ7wB8HJb4txp1BQBNyo\r\nOMwY1aFidndGqygdFa8ymMyPSfXtyx3e3/nZnS5RhmhVyOzscJYnsreKwdLJ\r\n1zxVPAv3Bezin/MQjZf+qrl461jemeIj9dw9MJk2UFy95PnIsiw0MVu2WEqQ\r\nzNP7+ObffXWk9f/h/ryh8IJSjPGnw8Rw0jhipDWRSVNjg1rbWjkXyYB+7lcu\r\nkE9Pq9b4fnWcSbGMBJ4sDJdO2PJDa3ejr6E=\r\n=VXn2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"directories":{},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hexgrid_2.0.0-beta.3_1656851466699_0.04042658298905866"},"_hasShrinkwrap":false},"2.0.0-beta.4":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"2.0.0-beta.4","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/Hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"tsc":"tsc","tsc:watch":"tsc --watch","test:watch":"jest --watch --coverage","test":"jest --coverage","storybook":"start-storybook -p 6006","build-storybook":"build-storybook"},"peerDependencies":{"react":">=16.8.0"},"devDependencies":{"babel-cli":"*","@babel/core":"^7.18.6","babel-jest":"^28.1.2","@babel/preset-env":"^7.18.6","@babel/preset-typescript":"^7.18.6","jest":"^28.1.2","@types/jest":"^28.1.4","ts-jest":"^28.0.5","ts-node":"^10.8.2","jest-environment-jsdom":"^28.1.2","@testing-library/react":"13.3.0","@testing-library/jest-dom":"^5.16.4","react":"^18.2.0","react-dom":"^18.2.0","react-test-renderer":"^18.2.0","@storybook/addon-actions":"^6.5.9","@storybook/addon-essentials":"^6.5.9","@storybook/addon-interactions":"^6.5.9","@storybook/addon-links":"^6.5.9","@storybook/builder-webpack5":"^6.5.9","@storybook/manager-webpack5":"^6.5.9","@storybook/react":"^6.5.9","@storybook/testing-library":"^0.0.13","react-transition-group":"^4.4.2","@emotion/react":"^11.9.3","@emotion/styled":"^11.9.3","cheerio":"1.0.0-rc.3"},"dependencies":{"@changesets/cli":"^2.23.0","classnames":"^2.3.1"},"types":"./lib/index.d.ts","readme":"# react-hexgrid\n\n> Note, I am not maintaining this library but happy to invite collaborators. Let me know!\n\n![Downloads](https://img.shields.io/npm/dt/react-hexgrid.svg)\n![npm version](https://img.shields.io/npm/v/react-hexgrid.svg)\n![dependencies Status](https://img.shields.io/librariesio/github/hellenic/react-hexgrid)\n[![Live demo](https://img.shields.io/badge/live-demo-brightgreen.svg?style=flat-square)](https://hellenic.github.io/react-hexgrid/examples/)\n![License](https://img.shields.io/npm/l/react-hexgrid.svg)\n\nReact components to build interactive hexagons grids. It uses SVG which makes it fast, scalable and easy to apply custom styles. You can easily customize the layout of the grid just by configuration.\n\nComponent-based approach allows you to customize the grid shape to suit your needs or even apply your own components / SVG elements to it. You can use pre-defined generator to create certain grid shapes or you may build your own grid tas you wish, while still keeping it under control and interactive.\n\nYou could easily use this library to build a nice portfolio, image library or even a game (just to name a few)!\n\nAnd remember, hexagons are the bestagons: https://www.youtube.com/watch?v=thOifuHs6eY\n[![IMAGE ALT TEXT HERE](https://www.youtube.com/watch?v=thOifuHs6eY/0.jpg)](https://www.youtube.com/watch?v=thOifuHs6eY)\n\n> With inspiration from\n> [http://www.redblobgames.com/grids/hexagons](http://www.redblobgames.com/grids/hexagons).\n\n> 🖊️ Codepen to play around with: https://codepen.io/hellenic/project/editor/AYMbMM#\n\n## v2 around the corner\n\nThe new version should not contain any breaking changes. There is typescript support, some storybook examples for easy development and testing. The new version uses the newer react context api under the hood.\nThough there should not be any breaking changes, there could be issues. Feel free to checkout the current beta release and give feedback.\n\nInstall via:\n\n```\nnpm install react-hexgrid@beta\n```\n\n## Pre-requisites\n\nYou should be familiar with Node + NPM, React and ES6 to use this library.\nLibrary also depends heavily on HTML5 features (mostly SVG) which all might not be supported by every browser yet.\nFor example [Drag & Drop](http://caniuse.com/#search=drag%20and) is still quite heavily under work.\n\n## Getting Started\n\nInstall it via npm:\n\n```shell\nnpm install --save react-hexgrid\n```\n\nMore documentation in the [Wiki](https://github.com/Hellenic/react-hexgrid/wiki).\n\n## Example\n\n```html\nimport { HexGrid, Layout, Hexagon, Text, Pattern, Path, Hex } from 'react-hexgrid';\nimport './App.css';\n\nclass App extends Component {\n  render() {\n    return (\n      <div className=\"App\">\n        <HexGrid width={1200} height={800} viewBox=\"-50 -50 100 100\">\n          {/* Grid with manually inserted hexagons */}\n          <Layout size={{ x: 10, y: 10 }} flat={true} spacing={1.1} origin={{ x: 0, y: 0 }}>\n            <Hexagon q={0} r={0} s={0} />\n            {/* Using pattern (defined below) to fill the hexagon */}\n            <Hexagon q={0} r={-1} s={1} fill=\"pat-1\" />\n            <Hexagon q={0} r={1} s={-1} />\n            <Hexagon q={1} r={-1} s={0}>\n              <Text>1, -1, 0</Text>\n            </Hexagon>\n            <Hexagon q={1} r={0} s={-1}>\n              <Text>1, 0, -1</Text>\n            </Hexagon>\n            {/* Pattern and text */}\n            <Hexagon q={-1} r={1} s={0} fill=\"pat-2\">\n              <Text>-1, 1, 0</Text>\n            </Hexagon>\n            <Hexagon q={-1} r={0} s={1} />\n            <Hexagon q={-2} r={0} s={1} />\n            <Path start={new Hex(0, 0, 0)} end={new Hex(-2, 0, 1)} />\n          </Layout>\n          <Pattern id=\"pat-1\" link=\"http://cat-picture\" />\n          <Pattern id=\"pat-2\" link=\"http://cat-picture2\" />\n        </HexGrid>\n      </div>\n    );\n  }\n}\n```\n\nWill look something like this (custom CSS applied):\n![HexGrid image](https://raw.githubusercontent.com/Hellenic/react-hexgrid/master/react-hexgrid.png \"HexGrid\")\n\n## Examples / Storybook\n\nTo run storybook run `npm run storybook`. Other examples are available in the examples (standalone versions based on create react app).\n\n### Basics\n\n1. [basic-board](https://github.com/Hellenic/react-hexgrid/tree/master/examples/basic-board) - Basic usage of react-hexgrid\n2. [custom-grid](https://github.com/Hellenic/react-hexgrid/tree/master/examples/custom-grid) - Simple custom grid\n3. [templates](https://github.com/Hellenic/react-hexgrid/tree/master/examples/templates) - Ready-made grid templates\n\n### Advanced\n\n1. [pathfinding](https://github.com/Hellenic/react-hexgrid/tree/master/examples/pathfinding) - Pathfinding\n2. [drag & drop](https://github.com/Hellenic/react-hexgrid/tree/master/examples/drag-and-drop) - Drag & drop with two grids\n3. [animations](https://github.com/Hellenic/react-hexgrid/tree/master/examples/animations) - Animations & effects\n\n## Testing changes locally\n\nYou can test changes locally by running storybook. You can also use something like npm 7 workspaces to link this library on your local file system side by side with your application.\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"090a6271ec78f917f8155a9d23132c6c177ed0de","bugs":{"url":"https://github.com/Hellenic/react-hexgrid/issues"},"homepage":"https://github.com/Hellenic/react-hexgrid#readme","_id":"react-hexgrid@2.0.0-beta.4","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-I4cgQZbLP9jEj451gt1uF8WHqSq+P9qIoAFIS4NJI83aXilcPGrSRYJgCB2dG6HbG/6+LDCyEeGujGDb4JvkJw==","shasum":"3749f0fb3a67dbc1802547fa84a8ca62c0045b9e","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-2.0.0-beta.4.tgz","fileCount":87,"unpackedSize":103898,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxOz3SJZQdZSdqNiW6nXPYHYargnA6zO4zWHSmGMnbWAIhAK4ADffUbK2t6rDC6ZslDHMFr5XHyGqViEFNBXLxtgOH"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwamNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoV3A//VZ+ivoAR38c/YNXsU4QVSByx6+hSn/SNqxiv+wdbr8vVkaFV\r\nbCU3JZWHvA6c+jR85TP+Zy0QiQMdVA5Gy/OF71Gmgt2cMnLtsfLHBQ3ulJaH\r\ntUxP3wk1rNpp1STJzHKX5kXgHTS7SQUU+UNJ1drfcgDS/Ef8dsBLtfYy1I6j\r\nrY/EghPiNI8pbiBZmkfzcIVD/8lgQ3pE7uEsSprLLiUrJFsMN0nJMP3oqTg9\r\nF/12b7RXp/Rtfr5Yc0ZRipOHv7lOaz7OhgghIlI/D9CJqAn2R2st3D6L20Vo\r\nFzQmwIFvHALEtll7JKs2shJVGDGmso6nLLFh0LUlWRIgLEyyoMbuHOhCeYdq\r\nCvbJpkci2Qj+aXaf/uK8638hlWKyWyUfOxu1By737agSe5I16bOB3RFbZPC4\r\ns+GMxop9huXOLXmQWECymT/MwaHm7oVDUGXtzKgDr9HhSDDo0jkhKs4H4LXW\r\nbfJr75FTx4CFPPXmnkjWSTJCgPJS9tCoJNzAZ9K5mp+TX2gmX4sUK/OvELLz\r\nzF1BOM57Z24tO+GeuT3VLcavqgpoe3RQmHDwLWBmHLXf5zFaB2KvCprcg7jW\r\ncQWMe0LXcqDuWM9t4v5ZQIFhbKJuGlDqEjiczKS0YMxrtn12UMYE/V0/yq7P\r\n7UBUln2soc/0pknAj6sNv+Gmj3XSM7sBbX4=\r\n=W3sD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"directories":{},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hexgrid_2.0.0-beta.4_1656859020846_0.050165226069042834"},"_hasShrinkwrap":false},"2.0.0":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"2.0.0","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/Hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"tsc":"tsc","tsc:watch":"tsc --watch","test:watch":"jest --watch --coverage","test":"jest --coverage","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","format":"prettier --write src/**/*.* package.json"},"peerDependencies":{"react":">=16.8.0"},"devDependencies":{"@babel/core":"^7.18.6","@babel/preset-env":"^7.18.6","@babel/preset-typescript":"^7.18.6","@emotion/react":"^11.9.3","@emotion/styled":"^11.9.3","@storybook/addon-actions":"^6.5.9","@storybook/addon-essentials":"^6.5.9","@storybook/addon-interactions":"^6.5.9","@storybook/addon-links":"^6.5.9","@storybook/builder-webpack5":"^6.5.9","@storybook/manager-webpack5":"^6.5.9","@storybook/react":"^6.5.9","@storybook/testing-library":"^0.0.13","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"13.3.0","@types/jest":"^28.1.5","babel-cli":"*","babel-jest":"^28.1.2","jest":"^28.1.3","jest-environment-jsdom":"^28.1.2","react":"^18.2.0","react-dom":"^18.2.0","react-test-renderer":"^18.2.0","react-transition-group":"^4.4.2","react-use":"17.4.0","ts-jest":"^28.0.6","ts-node":"^10.8.2","typescript":"^4.7.4","@changesets/cli":"^2.23.0"},"dependencies":{"classnames":"^2.3.1","fsevents":"^1.2.13"},"optionalDependencies":{"fsevents":"^1.2.13"},"types":"./lib/index.d.ts","gitHead":"6fc14c398941936991afb9f26b36541b168120da","bugs":{"url":"https://github.com/Hellenic/react-hexgrid/issues"},"homepage":"https://github.com/Hellenic/react-hexgrid#readme","_id":"react-hexgrid@2.0.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-dcaaTbiCKB7IMskVW2BGaw4TKG4/muTWB4teujE7FS4q2GQsq2YlOJrDQTTxM/iHBgwd/s6zou4rL5ogzSQezg==","shasum":"69a7d3712cd35a859189968a461e2f4160505693","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-2.0.0.tgz","fileCount":119,"unpackedSize":158736,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLroolyuZU3xpq+FH1mxds6m3ZOZY/VrxjbHAr4gXfbQIhAJqiq5KuFBdrtOpS+RFxPLwHqqWRCOC+iyTRJ6EiqP7w"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3Y+xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrqxg/6A8LVhG22yXtA9w94By0Qs1RIOEsEStwotqWpf09+plghLKeu\r\ntx49d2NQGb3cDl4RtQfO26bXNyfSXWKteDM8vMx0K2jS37bJ9iK82ooSazBx\r\nd0k3CZqI6CA3tQPuF0uzbQmFtUYIi9yfBe9X5+j8TabJMKnmCNcwRPvDOHzm\r\nkJFwKs5y69xfc60P4Q803YIbRx3fTZAWnx28Qz8FIxHUM1tApPC9KHc4X9ZJ\r\nWjDyS0SNKwhChHc3psvIv3hST7vVozGRLuQmLhM7HmiTQAbbmicKNtbmRvte\r\nYwD/DmRaZUqNsu8YKoajCxfnayHylkWoARf1+X6mJftZyV00h2P8dxkv0Jl0\r\n7066t/hudFM/ghZUGhXQUYDOVhzOzMcR7Dxx0uJST2H9H7kCHDUr+UdU/tli\r\n5X9x29t5izX3AUemwTr9lY+Ogs8PITRXv4r1t+sxvh+XiTIAivUqqVcnKVop\r\nmg08KzZsZsJflYIqSMeHbTxA7JE5VHf2QeQq+0ZL3aEvFf2kT3xB9Mn+HSb5\r\nbsvKiuesuumRCOM1ILDZ5LdqxSsW0sz447ysyVuJYP3Wmf218PvQ4kSWBUys\r\nUw0B2XnbTj+/JZ26sVChOE/EwDAWJ/kFkApwPip8v0UJQGmDXdJ1f5Jqg9T9\r\nsApmcmH+zt0tiLAerW0k7cp8jS/EcS02Mdo=\r\n=nXT6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"directories":{},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hexgrid_2.0.0_1658687408783_0.6351005113997474"},"_hasShrinkwrap":false},"2.0.1":{"name":"react-hexgrid","description":"Interactive hexagon grids with React bindings","version":"2.0.1","main":"lib/index.js","author":{"name":"Hellenic"},"repository":{"type":"git","url":"git+https://github.com/Hellenic/react-hexgrid.git"},"license":"MIT","scripts":{"tsc":"tsc","tsc:watch":"tsc --watch","test:watch":"jest --watch --coverage","test":"jest --coverage","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","format":"prettier --write src/**/*.* package.json"},"peerDependencies":{"react":">=16.8.0"},"devDependencies":{"@babel/core":"^7.18.6","@babel/preset-env":"^7.18.6","@babel/preset-typescript":"^7.18.6","@emotion/react":"^11.9.3","@emotion/styled":"^11.9.3","@storybook/addon-actions":"^6.5.9","@storybook/addon-essentials":"^6.5.9","@storybook/addon-interactions":"^6.5.9","@storybook/addon-links":"^6.5.9","@storybook/builder-webpack5":"^6.5.9","@storybook/manager-webpack5":"^6.5.9","@storybook/react":"^6.5.9","@storybook/testing-library":"^0.0.13","@testing-library/jest-dom":"^5.16.4","@testing-library/react":"13.3.0","@types/jest":"^28.1.5","babel-cli":"*","babel-jest":"^28.1.2","jest":"^28.1.3","jest-environment-jsdom":"^28.1.2","react":"^18.2.0","react-dom":"^18.2.0","react-test-renderer":"^18.2.0","react-transition-group":"^4.4.2","react-use":"17.4.0","ts-jest":"^28.0.6","ts-node":"^10.8.2","typescript":"^4.7.4","@changesets/cli":"^2.23.0"},"dependencies":{"classnames":"^2.3.1","fsevents":"^1.2.13"},"optionalDependencies":{"fsevents":"^1.2.13"},"types":"./lib/index.d.ts","gitHead":"e4894466d57777d66ba96f1c8118523827c4ae8c","bugs":{"url":"https://github.com/Hellenic/react-hexgrid/issues"},"homepage":"https://github.com/Hellenic/react-hexgrid#readme","_id":"react-hexgrid@2.0.1","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-5yBYUAhagw3SNeqgyzcRblxtQQHZFabCaNHufX1q6eXwaGHQx2wEaX+gNgBjB4RpC6VIMOBCjGE7AUK43k2rkg==","shasum":"295abbca4575338304e602f94161ac2aadeb7472","tarball":"https://registry.npmjs.org/react-hexgrid/-/react-hexgrid-2.0.1.tgz","fileCount":71,"unpackedSize":96149,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHBxIqIM7QLxJnvbpHnjXoGRHRwBqayGreH11rLosULTAiEArw8XesuTUuRTH3AcgE+JDWizk0e91Vy97weRyDsLQ5w="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjCTGqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYCw//cR9w8BaaVfcXzQec5zEJjdVWqiKEX3tOjku0t+lMj0QMH94i\r\nGhCa+e6pHzpUNNxiVLPOA4h4C+ozZUukILyawT21pCO9JVK4Ra9faHNqEpDY\r\nq5+J63EQqtCvL8cNbFW3F1jL3JZ9gEC6gouP8Qycb7co2XkUWUGasehMWuJS\r\nnw+/s3r5tZFGhnWymemnv8DPhNGLXE2Ic2Fc1QEGqOYgnVCYo6Db23ptVXtP\r\nP8WIBJ0najCw7rHTmnYNfkqmWZnLlfRhFSTuZENsKieD+tqhS/oCR/EViCUx\r\n5nZQ84pVGh9ce5jo2r7L5LOwVwvvJX0EZoQDYl92lrJ7R46bNFLV72Lpzz9H\r\ndbZlW0qkiVOo2jsi+Fa7bCn8UQyffDv0b6FclW9UP8fR1lWupIyYZw90zrRM\r\nSeMioxoBNts7tGze915d8oK+VmCN8YZiSwncyfJ4oMcHhvd8dgeGY4w7SO1+\r\nuytu3d5G92a9HrEfxNRJTN4vouvJHe4de/eb9lB3a+my43eytfezxe+bA1To\r\nxyKuWz/84NEPDrlun0BjS6HaC3s7oHcDm+tNRRDNNFkP0QBxjWzFW6wRv+9/\r\nUz6BsUCGLKNdp3aIcWQ+I5ZYr/qUeE9Xbpu0PeXU52MDlHi+CwsOLYoPEspb\r\n40mulMZVpb7hb5oANOKo1oTxP03Vxo8j4H0=\r\n=2qO2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"hellenic","email":"hannu.karkkainen@gmail.com"},"directories":{},"maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-hexgrid_2.0.1_1661546922242_0.332004232810835"},"_hasShrinkwrap":false}},"readme":"# react-hexgrid\n\n> Note, I am not maintaining this library but happy to invite collaborators. Let me know!\n\n![Downloads](https://img.shields.io/npm/dt/react-hexgrid.svg)\n![npm version](https://img.shields.io/npm/v/react-hexgrid.svg)\n![dependencies Status](https://img.shields.io/librariesio/github/hellenic/react-hexgrid)\n[![Live demo](https://img.shields.io/badge/live-demo-brightgreen.svg?style=flat-square)](https://hellenic.github.io/react-hexgrid/examples/)\n![License](https://img.shields.io/npm/l/react-hexgrid.svg)\n\nReact components to build interactive hexagon grids. This library uses SVG and allows you to create fully customizable and scalable interactive hexagon grids with a simple api.\n\nThe component based approach allows you to customize the grid shape to suit your needs or even apply your own components or SVG elements to it. You can use the pre-defined generator to create certain grid shapes or you may build your own grid as you wish, while still keeping it under control and interactive.\n\nYou could easily use this library to build a nice portfolio, image library or even a game (just to name a few)! [![youtube video about hexagons](Hexagons are the bestagons)](https://www.youtube.com/watch?v=thOifuHs6eY), enjoy!\n\n> With inspiration from\n> [http://www.redblobgames.com/grids/hexagons](http://www.redblobgames.com/grids/hexagons).\n\n> 🖊️ Codepen to play around with: https://codepen.io/hellenic/project/editor/AYMbMM#\n\n## Upcoming Version 2\n\nThe new version should not contain any breaking changes. There is typescript support, some storybook examples for easy development and testing. The new version uses the newer react context api under the hood.\nThough there should not be any breaking changes, there could be issues. Feel free to checkout the current beta release and give feedback.\n\nInstall via:\n\n```\nnpm install react-hexgrid@beta\n```\n\n## Getting Started\n\nInstall it via npm:\n\n```shell\nnpm install --save react-hexgrid\n```\n\nMore documentation in the [Wiki](https://github.com/Hellenic/react-hexgrid/wiki).\n\n## Coordinate system\n\nThis hexagonal grid uses a cubic coordinate system with three coordinates q, r and s.\n![cubic Coordinates](https://raw.githubusercontent.com/Hellenic/react-hexgrid/add-typescript-and-storybook/coordinates.png \"Coordinates\"). If you want to read about some hexagon mathematics and different coordinate systems maybe have a look at https://www.redblobgames.com/grids/hexagons/\n\n## Example\n\n```html\nimport { HexGrid, Layout, Hexagon, Text, Pattern, Path, Hex } from 'react-hexgrid';\nimport './App.css';\n\nclass App extends Component {\n  render() {\n    return (\n      <div>\n        <HexGrid width={1200} height={800} viewBox=\"-50 -50 100 100\">\n          {/* Grid with manually inserted hexagons */}\n          <Layout size={{ x: 10, y: 10 }} flat={true} spacing={1.1} origin={{ x: 0, y: 0 }}>\n            <Hexagon q={0} r={0} s={0} />\n            {/* Using pattern (defined below) to fill the hexagon */}\n            <Hexagon q={0} r={-1} s={1} fill=\"pat-1\" />\n            <Hexagon q={0} r={1} s={-1} />\n            <Hexagon q={1} r={-1} s={0}>\n              <Text>1, -1, 0</Text>\n            </Hexagon>\n            <Hexagon q={1} r={0} s={-1}>\n              <Text>1, 0, -1</Text>\n            </Hexagon>\n            {/* Pattern and text */}\n            <Hexagon q={-1} r={1} s={0} fill=\"pat-2\">\n              <Text>-1, 1, 0</Text>\n            </Hexagon>\n            <Hexagon q={-1} r={0} s={1} />\n            <Hexagon q={-2} r={0} s={1} />\n            <Path start={new Hex(0, 0, 0)} end={new Hex(-2, 0, 1)} />\n          </Layout>\n          <Pattern id=\"pat-1\" link=\"http://cat-picture\" />\n          <Pattern id=\"pat-2\" link=\"http://cat-picture2\" />\n        </HexGrid>\n      </div>\n    );\n  }\n}\n```\n\nWill look something like this (custom CSS applied):\n![HexGrid image](https://raw.githubusercontent.com/Hellenic/react-hexgrid/master/react-hexgrid.png \"HexGrid\")\n\n# Styling\n\nThere are many options on how to apply css styling. Examples of inline styling, classic css styling and css-in-js styling with emotion are shown in the storybook examples (under /src/stories/).\n\n# Drag and drop\n\nThere are examples of drag and drop implementations with native html5 drag and drop api, however these are not yet really well worked out. Feel free to jump in and maybe provide implementations with other drag and drop libraries.\n\n## Examples / Storybook\n\nTo run storybook run `npm i` and then `npm run storybook`. Other examples are available in the examples (standalone versions based on create react app).\n\n### Basics\n\n1. [basic-board](https://github.com/Hellenic/react-hexgrid/tree/master/examples/basic-board) - Basic usage of react-hexgrid\n2. [custom-grid](https://github.com/Hellenic/react-hexgrid/tree/master/examples/custom-grid) - Simple custom grid\n3. [templates](https://github.com/Hellenic/react-hexgrid/tree/master/examples/templates) - Ready-made grid templates\n\n### Advanced\n\n1. [pathfinding](https://github.com/Hellenic/react-hexgrid/tree/master/examples/pathfinding) - Pathfinding\n2. [drag & drop](https://github.com/Hellenic/react-hexgrid/tree/master/examples/drag-and-drop) - Drag & drop with two grids\n3. [animations](https://github.com/Hellenic/react-hexgrid/tree/master/examples/animations) - Animations & effects\n\n## Testing changes locally\n\nYou can test changes locally by running storybook. You can also use something like npm 7 workspaces to link this library on your local file system side by side with your application.\n\n## License\n\nMIT\n","maintainers":[{"name":"hellenic","email":"hannu.karkkainen@gmail.com"}],"time":{"modified":"2022-08-26T20:48:42.457Z","created":"2016-03-28T08:16:42.637Z","0.1.0":"2016-03-28T08:16:42.637Z","0.1.1":"2016-03-28T11:42:49.042Z","0.1.2":"2016-03-29T06:49:01.632Z","0.1.5":"2016-05-13T15:19:41.346Z","0.1.6":"2016-12-12T12:40:26.065Z","0.1.7":"2016-12-12T12:59:26.710Z","0.1.8":"2016-12-28T12:44:11.973Z","0.1.9":"2017-02-16T11:54:18.168Z","0.1.10":"2017-02-16T12:42:16.456Z","0.1.11":"2017-02-18T01:21:00.119Z","1.0.0-rc1":"2017-04-04T11:53:20.949Z","1.0.0-rc3":"2017-04-26T11:22:50.198Z","1.0.0-rc4":"2017-05-02T09:39:32.770Z","1.0.0":"2017-05-21T06:55:00.500Z","1.0.1":"2017-11-07T05:31:10.676Z","1.0.2":"2018-01-10T06:02:54.436Z","1.0.3":"2018-02-24T12:35:49.291Z","1.0.4":"2022-01-28T15:03:04.879Z","2.0.0-beta.0":"2022-07-02T10:19:14.208Z","2.0.0-beta.1":"2022-07-03T09:49:04.635Z","2.0.0-beta.2":"2022-07-03T10:24:17.233Z","2.0.0-beta.3":"2022-07-03T12:31:06.897Z","2.0.0-beta.4":"2022-07-03T14:37:01.048Z","2.0.0":"2022-07-24T18:30:09.061Z","2.0.1":"2022-08-26T20:48:42.377Z"},"homepage":"https://github.com/Hellenic/react-hexgrid#readme","repository":{"type":"git","url":"git+https://github.com/Hellenic/react-hexgrid.git"},"author":{"name":"Hellenic"},"bugs":{"url":"https://github.com/Hellenic/react-hexgrid/issues"},"license":"MIT","readmeFilename":"README.md","users":{"malloryerik":true,"arcticicestudio":true}}