{"analyzedAt":"2022-06-29T16:37:28.451Z","collected":{"metadata":{"name":"react-leaflet-box-select-measurement-private","scope":"unscoped","version":"1.0.1","description":"React Leaflet box select tool with measurements","date":"2019-07-17T01:40:40.222Z","author":{"name":"ChrisLowe-Takor"},"publisher":{"username":"alpal94","email":"alasdair@takor.com.au"},"maintainers":[{"username":"alpal94","email":"alasdair@takor.com.au"}],"links":{"npm":"https://www.npmjs.com/package/react-leaflet-box-select-measurement-private"},"license":"MIT","dependencies":{"@turf/area":"^6.0.1","@turf/circle":"^6.0.1","@turf/nearest-point-on-line":"^6.0.2","leaflet-rotatedmarker":"^0.2.0","react-style-object-to-css":"^1.1.2","turf":"^3.0.14"},"devDependencies":{"babel-core":"^6.26.3","babel-eslint":"^8.2.5","babel-plugin-external-helpers":"^6.22.0","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","cross-env":"^5.1.4","eslint":"^5.0.1","eslint-config-standard":"^11.0.0","eslint-config-standard-react":"^6.0.0","eslint-plugin-import":"^2.13.0","eslint-plugin-node":"^6.0.1","eslint-plugin-promise":"^3.8.0","eslint-plugin-react":"^7.10.0","eslint-plugin-standard":"^3.1.0","gh-pages":"^1.2.0","react":"^16.4.1","react-dom":"^16.4.1","react-scripts":"^1.1.4","rollup":"^0.62.0","rollup-plugin-babel":"^3.0.7","rollup-plugin-commonjs":"^9.1.3","rollup-plugin-node-resolve":"^3.3.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-postcss":"^1.6.2","rollup-plugin-url":"^1.4.0"},"peerDependencies":{"leaflet":"^1.3.4","prop-types":"^15.5.4","react":"^15.0.0 || ^16.0.0","react-dom":"^15.0.0 || ^16.0.0","react-leaflet":"^2.1.2"},"releases":[{"from":"2022-05-30T00:00:00.000Z","to":"2022-06-29T00:00:00.000Z","count":0},{"from":"2022-03-31T00:00:00.000Z","to":"2022-06-29T00:00:00.000Z","count":1},{"from":"2021-12-31T00:00:00.000Z","to":"2022-06-29T00:00:00.000Z","count":1},{"from":"2021-06-29T00:00:00.000Z","to":"2022-06-29T00:00:00.000Z","count":1},{"from":"2020-06-29T00:00:00.000Z","to":"2022-06-29T00:00:00.000Z","count":1}],"hasTestScript":true,"hasSelectiveFiles":true,"readme":"# react-leaflet-box-zoom\n\n> A Box zoom tool for React Leaflet\n\n[![NPM](https://img.shields.io/npm/v/rreact-leaflet-box-zoom.svg)](https://www.npmjs.com/package/react-leaflet-box-zoom) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n### About\n\nA box zoom tool for React Leaflet.\n\n![](https://i.imgur.com/hTRmOuV.gif)\n\n### Installation\n\n\n```\nnpm install --save react-leaflet-box-zoom\n\nyarn install\n```\n\n### Usage\n\n```javascript\nimport React, { Component } from 'react'\nimport { Map, TileLayer, ZoomControl } from 'react-leaflet'\n\nimport { BoxZoomControl } from 'react-leaflet-box-zoom'\n\nexport default class App extends Component {\n\n  render () {\n\n    return (\n      <div className=\"map\">\n        <Map\n          center={[44.635, 22.653]}\n          zoom={12}\n          zoomControl={false} >\n\n          <TileLayer\n            attribution=\"\"\n            url=\"https://mt0.google.com/vt/lyrs=s&x={x}&y={y}&z={z}\"/>\n\t\t\t\n          <ZoomControl position=\"topright\" />\n\n          <BoxZoomControl \n            position=\"topright\"\n            sticky={true}\n          />\n\n        </Map>\n      </div>\n    )\n  }\n}\n```\n\n### Ref control\n\nYou can programatically start and stop the box zoom tool by using a ref\n```javascript\n<BoxZoomControl ref={(ref) => this.boxZoomControlRef = ref} />\n\n// elsewhere\nthis.boxZoomControlRef.stop();\nthis.boxZoomControlRef.start();\n```\n\n\n### Props\n\nName | Default | Description\n--- | --- | ---\nsticky | `false` | Setting to `true` will cause the zoom control to remain active after the user has zoomed\nposition | `topleft` | Position of the control.  Valid values are `topleft`, `topright`, `bottomleft`, or `bottomright`\nstyle | | A react css style prop for the button.  You can pass in your own style such as a custom background image. The default is set to match the default Leaflet style with a box zoom icon\nactiveStyle | | A react css style prop for the active state of the button. This appends to the `style` prop.\n\n\n\n\n\n### License\n\nMIT © [ChrisLowe-Takor](https://github.com/ChrisLowe-Takor)"},"npm":{"downloads":[{"from":"2022-06-28T00:00:00.000Z","to":"2022-06-29T00:00:00.000Z","count":0},{"from":"2022-06-22T00:00:00.000Z","to":"2022-06-29T00:00:00.000Z","count":8},{"from":"2022-05-30T00:00:00.000Z","to":"2022-06-29T00:00:00.000Z","count":11},{"from":"2022-03-31T00:00:00.000Z","to":"2022-06-29T00:00:00.000Z","count":33},{"from":"2021-12-31T00:00:00.000Z","to":"2022-06-29T00:00:00.000Z","count":53},{"from":"2021-06-29T00:00:00.000Z","to":"2022-06-29T00:00:00.000Z","count":117}],"starsCount":0},"source":{"files":{"readmeSize":2086,"testsSize":0},"badges":[{"urls":{"original":"https://img.shields.io/npm/v/rreact-leaflet-box-zoom.svg","shields":"https://img.shields.io/npm/v/rreact-leaflet-box-zoom.svg","content":"https://img.shields.io/npm/v/rreact-leaflet-box-zoom.json"},"info":{"service":"npm","type":"version","modifiers":{"type":"v"}}}],"linters":["eslint"]}},"evaluation":{"quality":{"carefulness":0.9199999999999999,"tests":0,"health":1,"branding":0.15},"popularity":{"communityInterest":0,"downloadsCount":11,"downloadsAcceleration":0.00500380517503804,"dependentsCount":0},"maintenance":{"releasesFrequency":0.28664383561643836,"commitsFrequency":0,"openIssues":0,"issuesDistribution":0}},"score":{"final":0.3051190233761043,"detail":{"quality":0.6260158693112648,"popularity":0.002627713730236156,"maintenance":0.33255589364897764}}}