{"_id":"@density/ui-percentage-bar","_rev":"14-1fc033801355520f84c245b883d5e938","name":"@density/ui-percentage-bar","dist-tags":{"latest":"1.0.1"},"versions":{"0.0.1":{"name":"@density/ui-percentage-bar","version":"0.0.1","description":"Percentage Bar component","main":"dist/index.js","style":"dist/styles.css","scss":"dist/_styles.scss","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Density","email":"team+javascript@density.io"},"license":"MIT","dependencies":{},"_id":"@density/ui-percentage-bar@0.0.1","_npmVersion":"5.8.0","_nodeVersion":"8.11.1","_npmUser":{"name":"1egoman","email":"rsg1egoman@gmail.com"},"dist":{"integrity":"sha512-ydbSlS1d0helmw2sHsigMSGJXQ+Q5wPGiyhqiDkgmHDy4CBXBsAGzY15fvMLoc0GKDPxXMWmYHj+ZFV5uLL6QQ==","shasum":"a7a9971e6905587cabe1e6500bdcef649aa7d77d","tarball":"https://registry.npmjs.org/@density/ui-percentage-bar/-/ui-percentage-bar-0.0.1.tgz","fileCount":11,"unpackedSize":19981,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDGxPFFUWNs5LpxmlTLn/73dB7zx+VY0gnSHCA0Xz6SWAiBu3RFhNBoArCWlUhM54DTRZVHLu1IXTX1fqbY+Mp/Fkg=="}]},"maintainers":[{"name":"1egoman","email":"rsg1egoman@gmail.com"},{"name":"density-ci","email":"team+javascript@density.io"},{"name":"guscost","email":"guscost@gmail.com"},{"name":"jshanley","email":"john.michael.shanley@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-percentage-bar_0.0.1_1523567160076_0.9221180241013847"},"_hasShrinkwrap":false,"deprecated":"This component has moved to @density/ui"},"1.0.0":{"name":"@density/ui-percentage-bar","version":"1.0.0","description":"Percentage Bar component","main":"dist/index.js","style":"dist/styles.css","scss":"dist/_styles.scss","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Density","email":"team+javascript@density.io"},"license":"MIT","dependencies":{},"_id":"@density/ui-percentage-bar@1.0.0","_npmVersion":"6.4.0","_nodeVersion":"10.7.0","_npmUser":{"name":"1egoman","email":"rsg1egoman@gmail.com"},"dist":{"integrity":"sha512-R6IVypJxAHWW7YKDL9iqIq2vbFSoFZVuqbC1634u6S4d1u8MUctrfU7phqFxb3tJs1RJIjjDy3rLc3NJGo7cyw==","shasum":"0251a4d1a194bdf51b6d15d3592810881653b814","tarball":"https://registry.npmjs.org/@density/ui-percentage-bar/-/ui-percentage-bar-1.0.0.tgz","fileCount":6,"unpackedSize":36802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbrmP4CRA9TVsSAnZWagAANS8QAJ+JO3G8V8+v377rhd2E\nk8POVr0hjRpZtNcGrxB18tsd1gJ4PVQdndT2JGPUth1/io0thSwsGcow79fx\n7aQgWo6LZSTiglG0cWHNhQUayu/WpXV23kFarGG4dZE7IqjWBzW//P7vCdFU\nDgW1Ab9olhHk/N44aal5xdpXappR8WB0XRV9kzCw+RHUTOBve3dUZzdVAjQU\nDVm89YLWIRyL6pb5B2UbLfdA7qHpppHenxwLSvfCReVCDOWhrmSqO22vfkYh\no38XVeQIh7bVIVnOYqg9xDPvwK5Ew4gWPzhdi8e1DGr4tqkW5bN6q22syvjm\nr4z86laSHawkgW3A5UfoeMMeVvYZ8DNLmb9SGuZ72djWk0Jer/nAbgqqdrU4\nq6MIFwqHAyOLA6mRlSt8rsSH6H/gmUZpfdaC48/OGYlr1VR+eJ1N4QWF6zKj\nIpKJAD7fXrLYz25VDHhrY7AhF7/paVi/ZInCZ5NMYflPUyPAXnj6Saebg0mm\ncOWL3FTO6NSmt/RYTJPZf1HAcJ9Cvtg/qkUep1ZPNCfJ8ueUGyOai0L0xwRM\nEc/KMxwoGBU3ho6ymXa6fjnVNTwU4i9UgXCHZrAaKGHHFqLYJ+XtTwO1O5o2\nya+SLPUlK8EZ03WCrRQCZzPZ4ObH82WnYNM1/tMgfVkwNtXSUlaQCN0bCFc5\nJhIO\r\n=32fR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFpS1ns4DCp1SvL6woW60xkyO4Rn6bh1i8LrzGajXY/rAiBTHq7qLIo54Qt7Ddh5WseXY7AU4T2zqg/Sj/8JmjdKNg=="}]},"maintainers":[{"name":"1egoman","email":"rsg1egoman@gmail.com"},{"name":"density-ci","email":"team+javascript@density.io"},{"name":"guscost","email":"guscost@gmail.com"},{"name":"jshanley","email":"john.michael.shanley@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-percentage-bar_1.0.0_1538155511994_0.9969799484948807"},"_hasShrinkwrap":false,"deprecated":"This component has moved to @density/ui"},"1.0.1":{"name":"@density/ui-percentage-bar","version":"1.0.1","description":"Percentage Bar component","main":"dist/index.js","author":{"name":"Density","email":"engineering+javascript@density.io"},"license":"MIT","dependencies":{},"peerDependencies":{"react":"*","prop-types":"*"},"_id":"@density/ui-percentage-bar@1.0.1","_npmVersion":"6.1.0","_nodeVersion":"10.7.0","_npmUser":{"name":"density-ci","email":"team+javascript@density.io"},"dist":{"integrity":"sha512-1TB8fcd7eniv7QG8CDsN+usY7Rwsl6G6ObOZAxKQpdCCzlIPeSh6kw1AAQue+OCWvXCbTzBbXtp5zSynGqruzQ==","shasum":"4499695b008163a3d9e3180d2f21a385ac21c172","tarball":"https://registry.npmjs.org/@density/ui-percentage-bar/-/ui-percentage-bar-1.0.1.tgz","fileCount":6,"unpackedSize":37667,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2D3hCRA9TVsSAnZWagAAQOQP/1Pl73wh8dltF3CG9tKX\ny4P9DNly9SzASgiqS3q34z+z8L419QnToNMifPmuKR2enTESGpESOksFZb75\nBidoIliYbVmKckw25GDgP1/C/CSoPMbNX87ntdq9qarnA0KfewR80HEKWiRC\nJKtWDrkf3H/iDDZNzAT/PM+srGm79tvr+v6q4O1bOW0nEtWfSj0PG+4eJYCj\n8+KkuYUv7cpAxV2bAUhrHu6FYahKlEHEiesu5Ha4m3xArIPbx4ZyUFx76XLV\nElaQvBd7gp967EjjXY/1D3xSEkKW0e9AcWbInRbwv191MCUynFrKvbvP+nUZ\nvoeYfg0z9nQpoD5OzOyPEkaAt8H/q93cFkbPlIWb7C3lRbM1ZAbgdtzByC+z\nDJ2PaAa24C4DerWyw8paffJnCeccQmmeq0eJec6YJFq6QosSKID1IFpGmXez\nZ3+JcEYeG4yiajclgUDjy1JUB+HbY5g5tO4tofPe96wiUHI0LCDUBOd2jJOT\nxsN9mEec3IG6ASaBH7RGCBmFygEbPVUO4YoeNNJj5UA814nU7UTQXMCYphuj\ngUsvKYnzHwa0bSfg8xHJZ9X9lec8hF4zI86Ie1iTxzyePtVuc7O3RyMtrLxa\nK+KOvu5nFS25sYfNrQG1fWfj5mAngNVV2sXBWPCFHdniUkWxJprP7/pJ/KGl\nKo2k\r\n=5f0v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqwV51uHEL0zLTmdlWXbz/bisMH0yC4a4736BYlC4XqQIgWQhSFB1Qf7/zNkuBNysSCUIGh1hbgHOocASfsJ0tVd8="}]},"maintainers":[{"email":"rsg1egoman@gmail.com","name":"1egoman"},{"email":"team+javascript@density.io","name":"density-ci"},{"email":"guscost@gmail.com","name":"guscost"},{"email":"john.michael.shanley@gmail.com","name":"jshanley"},{"email":"robert@density.io","name":"rjgrazioli"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-percentage-bar_1.0.1_1549920114398_0.7110385689554239"},"_hasShrinkwrap":false,"deprecated":"This component has moved to @density/ui"}},"time":{"created":"2018-04-12T21:06:00.021Z","0.0.1":"2018-04-12T21:06:00.146Z","modified":"2022-12-21T22:27:37.611Z","1.0.0":"2018-09-28T17:25:12.211Z","1.0.1":"2019-02-11T21:21:54.511Z"},"maintainers":[{"email":"rsg1egoman@gmail.com","name":"1egoman"},{"email":"john.michael.shanley@gmail.com","name":"jshanley"},{"email":"team+javascript@density.io","name":"density-ci"},{"email":"robert@density.io","name":"rjgrazioli"},{"email":"cat@density.io","name":"cat.density"}],"description":"Percentage Bar component","author":{"name":"Density","email":"engineering+javascript@density.io"},"license":"MIT","readme":"# PercentageBar\n\nThis component renders a horizontal bar with a percentage on the right side of the bar. It's used on\nthe insights list and detail pages when rendering a space's utilization. It's a stateful component -\nit uses the react lifecycle to listen for window resize events, and if the windoe width goes below\n`breakWidth`, collapses the component.\n\nIf the `percentageFormatter` prop below returns `null`, the component renders its \"empty\" state.\nWhen in this state, the bar is rendered ampty and a gray dash is rendered instead of the percentage.\n\n## Component Props\n- `percentage: Number` - One-hot encoded percentage (0...1)\n- `percentageFormatter: (Number) => String` - A function to convert a numerical percentage into the\n  string representation of the percentage that is drawn to the right of the percentage bar. Defaults\n  to `n => n.toFixed(2)+'%'`\n- `breakWidth: Number` - When the window width (document.body.clientWidth) is less than this number,\n  only render the formatted percentage. If above this number, render the percentage bar too.\n  Defaults to `gridVariables.screenSmMin`.\n","readmeFilename":"README.md"}