{"_id":"@aicccia/react-histogram-slider","_rev":"3-19a1db943a41fc9c934c4029fde3c523","name":"@aicccia/react-histogram-slider","dist-tags":{"latest":"0.2.1"},"versions":{"0.1.0":{"name":"@aicccia/react-histogram-slider","version":"0.1.0","description":"React Histogram Slider that accommodates negative and positive numbers.","main":"./lib/React-Histogram-Slider.js","license":"MIT","scripts":{"build":"webpack"},"peerDependencies":{"prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.24.1","css-loader":"^3.2.0","path":"^0.12.7","prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0","style-loader":"^1.0.0","webpack":"^4.5.0","webpack-cli":"^3.2.1"},"dependencies":{"node-sass":"^4.12.0","sass-loader":"^7.3.1"},"_id":"@aicccia/react-histogram-slider@0.1.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.1","_npmUser":{"name":"aicccia","email":"nicholas@englemaninvest.com"},"dist":{"integrity":"sha512-+sktWbsVT0LETrPpUPw6nRePmbmRrvRn7Z6tFuH7I+awlPLkig891npgP4GnZlM9l9DA5CQBCOPPb2omY+AlTw==","shasum":"bf75b92498823c8f49f33622c2fdb0548d820605","tarball":"https://registry.npmjs.org/@aicccia/react-histogram-slider/-/react-histogram-slider-0.1.0.tgz","fileCount":15,"unpackedSize":62217,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZ0K7CRA9TVsSAnZWagAAa64P/R7pOPYH4GxEYC2dUW9K\n/gFeIP1VCzMczz7q4gUMHVNPTEulInioK97qNlaph7uyPyk33ijiKmJxGkw8\n66o5WPm1sxEVln4xx0UoUxLpTUUFbMq5M/CadbU6btEz/FkCOv2zrW6Sv2UV\nzPFdHqjY7yUEeV8EoYKWb+t0HircSclFy4hQkwLpLupBd0yG78wuXXaUscip\nNa32vDZGnG7obpatzW7gNxelLmZQpojpPUFo5qTZ4DD6Xnys2C47FUK3dMMy\nZS4FdHaloX0v6qHyyZYuHNToW1qZ1c3D3GDAjGtrO/FLIKnNUA7bKfgMQmGu\nsPmpp6rL9mmcyB/xZUqtz/1tS15Rc93lZRu0UokhLWfPKJIBhkHqG5cC8tGJ\nIcba4vkTU+pZ/n33WcrHZeHxC5WNyKy7HWvdLcDGh/xGzhvU7C/jW1DO+0dS\nVoohNWBMxCD/CAiDO1aGbMNayOMIh8kX0/D2oBs6pa6h64uaXFVXqT7hloiu\nhvQVn92ju5/zYNuerxoycS/RLwSOh3chVJc96b7fYFQHFQc9v3Hg6+cnDYiS\nv1GFJ6ahpN+HFJMKYv1YuWgSMJid2AGtxxkaj+2JNYFK+VCG+9I2PTG4FShN\nsypa/AZEt6V0MQJJOyMk9q/I9YILP819oO/hGsq/GXhr/ch8MO6MYgUxse00\nXdGX\r\n=HCcD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDFSO+igjYAfgqmSblrxSjn5f+qDpVb/HTmGBZfWvx7ogIgbfawpuURD7qoxkFBRUuj56XZuRb5qu60pkM075fR9k4="}]},"maintainers":[{"name":"aicccia","email":"nicholas@englemaninvest.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-histogram-slider_0.1.0_1567048378527_0.9134810527611292"},"_hasShrinkwrap":false},"0.2.0":{"name":"@aicccia/react-histogram-slider","version":"0.2.0","description":"React Histogram Slider that supports negative and positive numbers.","main":"./lib/React-Histogram-Slider.js","license":"MIT","scripts":{"build":"webpack"},"peerDependencies":{"prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.24.1","css-loader":"^3.2.0","path":"^0.12.7","prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0","style-loader":"^1.0.0","webpack":"^4.5.0","webpack-cli":"^3.2.1"},"dependencies":{"node-sass":"^4.12.0","sass-loader":"^7.3.1"},"_id":"@aicccia/react-histogram-slider@0.2.0","_nodeVersion":"10.15.1","_npmVersion":"6.11.2","dist":{"integrity":"sha512-3bwdpWPbdt1Cctvsemis0oZ+A9zSPHj0Dxcr7mOiHsdWDZHzt5eS6rL3zp4+l5sTSql+MQ49v1VFAmSQTh9kyw==","shasum":"f14dc4d0cfaeb5f5b96639d7cefb208229ab6115","tarball":"https://registry.npmjs.org/@aicccia/react-histogram-slider/-/react-histogram-slider-0.2.0.tgz","fileCount":15,"unpackedSize":71327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxOMiCRA9TVsSAnZWagAAItkP/1A7x0K5dKb2dL672Eg0\nUjbr4PPt4BseOIDX+jnp1cUzl+U+cbAIwH9fPqJVK4rsag2igPtTQWyABfWL\naLqD2ugt9NMPFTorW74YmpqVeN3nbk8wDRbn1nAFJyEdO+64igqv/S46uz2O\nHM0QBUyNN27Ub+ORZZrHNuBaubqmytSFXX3n9x5M9YizCOpOWdGOMNNnH2Tu\n9cXraE3Vja9/IBBvTQVt+WnbL4H4RD9CG/lfY66VYx/V81wh44dXwgLn6H5y\nZigceWArjHLu3GLyhO1pI4mbxyoKpxdMUqrWaTsbOK8NCySRIewR75vig6Dr\nu7ZKkgntqJiMiIiK2v8y+vB0bbPOhpCnGMN1Tddj6Y3ihl67b0AkBbZIQZ1R\nfL7rn5zQQFEZRyh26snflRZEZb9zqNkJWYfqCSiguwm7mTdlEDkn3mmP1m9u\npzXMV3hgcHygYSRBP8FdAXqHhbnVkfM6Vc41BTA2O6D4BU3OCzAt9ZaJFgU7\ncwetaj7vWqpDeSPDp8ieLk3K7xZv2UijRynVI1ups2PliuHkHIlAbs36BxRH\nOdM7O5T/PtVIkfp2wN7ilrd4NtgYs8o14JHjGu5duU8egdBx1kEYJAaYUNfn\n1thHiUQ8DrRW6wlpPH68qq9lOz9NWUMHWD+lKTRr+/alPRpk6sQdzE7QzyUT\n8BAc\r\n=CIb9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEuKokOqFCnDGTsRZyJwcKWlxFYCL9x9uSgrTyGtW/KPAiEAnLNBznytl7mdY87Uk29to6JHmTMwQqwsQA5RPvE/zbI="}]},"maintainers":[{"name":"aicccia","email":"nicholas@englemaninvest.com"}],"_npmUser":{"name":"aicccia","email":"nicholas@englemaninvest.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-histogram-slider_0.2.0_1573184290155_0.6045521138173429"},"_hasShrinkwrap":false},"0.2.1":{"name":"@aicccia/react-histogram-slider","version":"0.2.1","description":"React Histogram Slider that supports negative and positive numbers.","main":"./lib/React-Histogram-Slider.js","license":"MIT","scripts":{"build":"webpack"},"keywords":["react","charting"],"peerDependencies":{"prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.24.1","css-loader":"^3.2.0","path":"^0.12.7","prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0","style-loader":"^1.0.0","webpack":"^4.5.0","webpack-cli":"^3.2.1"},"dependencies":{"node-sass":"^4.12.0","sass-loader":"^7.3.1"},"_id":"@aicccia/react-histogram-slider@0.2.1","_nodeVersion":"10.15.1","_npmVersion":"6.11.2","dist":{"integrity":"sha512-3bt+KiecN17uVceLtOPrCsFAZBLKwwO0KmZOWHlmKVLwDB7CkNQqXHrQZ3vWNmJ70ayksi9xbLhHsWt/XVqZbA==","shasum":"9439a2250010c7fab6553ad8a3a9790dd09ff120","tarball":"https://registry.npmjs.org/@aicccia/react-histogram-slider/-/react-histogram-slider-0.2.1.tgz","fileCount":15,"unpackedSize":70890,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyMmYCRA9TVsSAnZWagAAxswP/36liFIVPojpJ4niwmvd\nTjKSEa6XUrT7gQOPwZ+bCNNO8nmePXYWk9USmGYOZkhzG9szEjIKG4qYPGZp\n7ePtRh+nQuIEObD9OqP9J5L6i1BzrzxakSoVJ54TWezUXzV35USHPV8oauif\nrOKqSfHk97ta85CaiqgLIlpgT4PV76SV6wMzLQXZwxKmkKtymbukECicXMBV\njtGrn7T7U/B9EpMtQMk+/Vhi2Y3RYR4fUwzqlbMxNde9UpVwic1PPSfeflTO\nD4WZ7Owf7B5fMwrAU6XT7ihYXiL4/11afWoUhbgwD19Wja1O/87YhwXV5q7R\nGmiexgjQcUlQT0lOLqKj5K/HUFLaWPaPJ4B5BNpuE4EUNxXYsW3KG2+WhB0t\nmKrLE0YTn9ahas8yDmhiBeP1o8SGCwg6k5JhVYD2Ocus+cYTI2UjUwNb1jiF\nno8xI8RpQ/ZMr3Ai/idhA4U6T2vx4lhjC6Vg1JFmfXSb5B/YBOZT2raABDYk\naqZBv9T5XxkKhkZHp8t1xbIy0rLggQy71o7Am4RkXQYABXDzM1J7dNP19nW9\nw3Drf4UarV7mJP1j+POl9BQ1zdepiBz/M0UPJKfajmNEHRC2UfjnspxK7UXc\n8aGIDGWypNML/9SqBZPMmltAMn/f3DsdF9BmLtBJNCMki0MNk+fii+WRcWg0\nluo5\r\n=gYUd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCgGblN4uTG5cHGPpyI9wbg2nORo8UbCX8EESlr/MgPAIga8n0N2znLWlJjAkXc9dIkiCBaxTjU1Y8d4AqYWhRNzs="}]},"maintainers":[{"name":"aicccia","email":"nicholas@englemaninvest.com"}],"_npmUser":{"name":"aicccia","email":"nicholas@englemaninvest.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-histogram-slider_0.2.1_1573439896278_0.3905336454110666"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-29T03:12:58.299Z","0.1.0":"2019-08-29T03:12:58.635Z","modified":"2022-04-04T12:15:48.062Z","0.2.0":"2019-11-08T03:38:10.341Z","0.2.1":"2019-11-11T02:38:16.431Z"},"maintainers":[{"name":"aicccia","email":"nicholas@englemaninvest.com"}],"description":"React Histogram Slider that supports negative and positive numbers.","license":"MIT","readme":"### [Demo](https://coxps.csb.app/)\r\n\r\n### [Github](https://github.com/nicholasengleman/React-Histogram-Slider)\r\n\r\n### Features\r\n\r\n-   Supports negative and positive, or only negative or only positive values\r\n-   Supports tooltips\r\n-   Responsive, fills its container\r\n-   Subscribe to filtered data by passing a function to the getBoundries prop\r\n-   Pass in button/filter presets by passing an object to the buttonPresets prop\r\n-   Slider and input elements can be hidden\r\n\r\n### Interface/Props\r\n\r\n1. Data Prop(array):   \r\n   -  to enable tooltips, include an array of strings in each object named 'tooltip'. Each string will be a different line in the tooltop. CSS customization for each line coming later.\r\n\r\n```\r\n  data = [\r\n     {\r\n       value: 23,\r\n       tooltip: [\"Line 1\", \"Line 2\"]\r\n     },\r\n     {\r\n       value: 10,\r\n       tooltip: [\"Line 1\", \"Line 2\"]\r\n     },\r\n     {\r\n       value: -50,\r\n       tooltip: [\"Line 1\", \"Line 2\"]\r\n     }\r\n  ]\r\n```\r\n\r\n2. barMargin Prop(number):\r\n   - percentage of max available space available to bar. 100% means each bar will touch its neighbor. Default is 0.7;\r\n\r\n3. getBoundries(function):\r\n   - subscription function returning the min and max of the selected range\r\n\r\n4.  buttonPresets(object):\r\n    - prop object for passing in preset positions for the buttons with keys of \"selectionMin\" and \"selectionMax\".\r\n\r\n          preSets = {\r\n            selectionMin : 0.1,\r\n            selectionMax : 2\r\n          }\r\n\r\n5) showSlider(boolean)\r\n   - set to false to hide the slider. Default is true.\r\n\r\n6. showInputs(boolean)\r\n   - set to false to hide the inputs. Default is true.\r\n\r\n7. scaleIncrements(number)\r\n   - controls how many numbers appear on the scale. Default is 5.\r\n\r\n#### Example\r\n    <Histogram data={data}\r\n               barMargin={0.8}\r\n               getBoundries={this.getBoundries}\r\n               buttonPresets={{ \"selectionMin\" : 0.3, \"selectionMax: 2}}\r\n               showSlider={false}\r\n               showInputs={false}\r\n               scaleIncrements={3}\r\n    />\r\n\r\n### Changelog\r\n\r\n0.2.1\r\n  - mobile improvements\r\n  - improved readme\r\n\r\n0.2.0\r\n\r\n-   improved tooltips.\r\n-   greatly improved performance\r\n-   added animation to bars\r\n-   added ability to pass in presets via the buttonPresets prop\r\n-   made slider and inputs optional\r\n-   made number of number on scale customizable\r\n-   added proptypes\r\n\r\n0.1.0\r\n\r\n-   fixed many bugs\r\n-   added tooltips\r\n-   improved responsiveness\r\n-\r\n\r\n0.0.9\r\n\r\n-   updated readme\r\n\r\n0.0.8\r\n\r\n-   lots of bug fixes\r\n\r\n0.0.7\r\n\r\n-   bug fix so component will update when new props are passed to it\r\n\r\n0.0.6\r\n\r\n-   bars now take up entire vertical space of histogram\r\n\r\n0.0.3\r\n\r\n-   bug fix\r\n\r\n0.0.2\r\n\r\n-   added default proptypes\r\n\r\n0.0.1\r\n\r\n-   initial publish\r\n","readmeFilename":"readme.md","keywords":["react","charting"]}