{"_id":"@5stones/react-native-progress","_rev":"1-36f7ce335c5e8aa747f0a87f75ff3b05","name":"@5stones/react-native-progress","dist-tags":{"latest":"5.0.2"},"versions":{"5.0.1":{"name":"@5stones/react-native-progress","version":"5.0.1","description":"Progress indicators and spinners for React Native using ReactART","main":"index.js","scripts":{"test":"eslint *.js Shapes","format":"prettier --write {,Shapes/,Example/}*.js README.md *.ts"},"keywords":["react-native","react-component","react-native-component","react","mobile","ios","ui","progress","progressindicator","circle","pie","bar","progressbar","indeterminate","spinner","animation"],"author":{"name":"Joel Arvidsson","email":"joel@oblador.se"},"homepage":"https://github.com/5-stones/react-native-progress","bugs":{"url":"https://github.com/5-stones/react-native-progress/issues"},"repository":{"type":"git","url":"git://github.com/5-stones/react-native-progress.git"},"license":"MIT","devDependencies":{"babel-eslint":"^10.0.1","eslint":"5.3.0","eslint-config-airbnb":"17.1.0","eslint-config-prettier":"^4.1.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.11.0","prettier":"^1.16.4","react-native-svg":"^12.1.1"},"dependencies":{"prop-types":"^15.7.2"},"peerDependencies":{"react-native-svg":"*"},"typings":"index.d.ts","gitHead":"c21540fe479ea1155524307c94355a13a30d1cf0","_id":"@5stones/react-native-progress@5.0.1","_nodeVersion":"18.2.0","_npmVersion":"8.9.0","dist":{"integrity":"sha512-kFsKZc+LlasyW9hgjpy7wZEKvgrDsBwqMmAPLQ8MbwVm2B7WRV5EvfOt50spYGckOr3CGFTsmtaSgRQGEp/36w==","shasum":"0bad67c9825bfafee2c17a1390996a7a9197934e","tarball":"https://registry.npmjs.org/@5stones/react-native-progress/-/react-native-progress-5.0.1.tgz","fileCount":14,"unpackedSize":45252,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFG9Lm4UpJkkEvaN6dr0irOf2pGU604YzsHSKoS1UHCrAiA+B2aDhLU8jQcbrpL/m4UrWfCN4puGSW9amcSvD7tk1w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBv9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpllA//Twxzccn/2PALG7lgQXak2P8+B2RqV0aucAqGDqI6taaKfYsB\r\n0tch+gJzp/6lTbkSv5aAV5v7OXmWhvfLlUuaiOz4eyNQlhYG+Pcqc7QHX2I1\r\nhiVifPmUyVulxz02G+QN8j9w2Lk+TitUnfYTEveaOvjo3BZQl+jqtPGYJmdI\r\n4cjH3IaFft88YLfohAMrKpa5AdBsd+RVUcOmgC16khbSb4zN79+HpjBpWdUH\r\n2Fy2GNmAALVoLWyIWaFtpX+T6na/5t6kGPrKnA/X0wnXAPp232SR2W8BimSp\r\neu8cGNnr43F2/vumwoPJjRdUyfpJuk5zTDnM7MREPp4oRp3NX8ByM6Rs8m20\r\n8Rlk3YH+B03wYD4+Lc/VxwZGBgAmgyqRK91YS5EaYIhUryFq3D+lsLJQTb+O\r\nH7ZVRWqPScN7XyV9yHFOl34ZipUipSTWm+/G1a+JuLCR+sGnSK82hJJ+zfNH\r\nK/YNpDV3nlEJU+ii9kyy819JVLYJ0tznTD1pWPUv+OdPH7hNp8xe0FUTU7Fe\r\njVnla8bVKu7T9YXuARxZE/ikGl/Mk+vEQkqbcZm59tMei7iUPTfP3DlLeXAN\r\nd4W23SivIJEjAe2N/MU42CQUeD3wvcTcsAemzIbH6PLLI8VV2/7tI+TsAtXB\r\nlL8w06oDQlDQO2700Z1h5YOV+36UZD2aNUk=\r\n=cPVs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jspizziri","email":"jake_20@hotmail.com"},"directories":{},"maintainers":[{"name":"jspizziri","email":"jake_20@hotmail.com"},{"name":"ken-michalak","email":"Ken.Michalak@gmail.com"},{"name":"abourge","email":"abourge@weare5stones.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-progress_5.0.1_1673534461592_0.5840303376757596"},"_hasShrinkwrap":false},"5.0.2":{"name":"@5stones/react-native-progress","version":"5.0.2","description":"Progress indicators and spinners for React Native using ReactART","main":"index.js","scripts":{"test":"eslint *.js Shapes","format":"prettier --write {,Shapes/,Example/}*.js README.md *.ts"},"keywords":["react-native","react-component","react-native-component","react","mobile","ios","ui","progress","progressindicator","circle","pie","bar","progressbar","indeterminate","spinner","animation"],"author":{"name":"Joel Arvidsson","email":"joel@oblador.se"},"homepage":"https://github.com/5-stones/react-native-progress","bugs":{"url":"https://github.com/5-stones/react-native-progress/issues"},"repository":{"type":"git","url":"git://github.com/5-stones/react-native-progress.git"},"license":"MIT","devDependencies":{"babel-eslint":"^10.0.1","eslint":"5.3.0","eslint-config-airbnb":"17.1.0","eslint-config-prettier":"^4.1.0","eslint-plugin-import":"^2.14.0","eslint-plugin-jsx-a11y":"^6.1.1","eslint-plugin-prettier":"^3.0.1","eslint-plugin-react":"^7.11.0","prettier":"^1.16.4","react-native-svg":"^12.1.1"},"dependencies":{"prop-types":"^15.7.2"},"peerDependencies":{"react-native-svg":"*"},"typings":"index.d.ts","gitHead":"51e253f270c8e3b845dd9a6b310dc49d23e536ce","_id":"@5stones/react-native-progress@5.0.2","_nodeVersion":"18.2.0","_npmVersion":"8.9.0","dist":{"integrity":"sha512-Ykd0GNcHoXHN8RGpaJlwj37X1I+5/c8gYWIfLr8BJjDtyj+vd6omdnbCty2M+pkTYopw0/7o3jt1S15M+0omvw==","shasum":"a30ca44cc380ad847b4beec99ad5950ce4ab3e95","tarball":"https://registry.npmjs.org/@5stones/react-native-progress/-/react-native-progress-5.0.2.tgz","fileCount":14,"unpackedSize":45261,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICYnIGg0MiJQnTK1Q5Q5oFsiNoEPcIyTbXWCmHaw2+BsAiEA8QgcAwHMuFd1LpfftF/zDr6HIOUO3OraN2jh/1HWsfI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBztACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6+xAAjT+l3m+gbaAtez+OY62YenZXspbuJsP5uh5ABdWRymaC/MmB\r\nuG0c62jPiT4FK0NsC4IFbCJ0TlBuIwtI9/BF8K3/7accspNbpLD/yYZvTiBv\r\n0ahwF1vYNv1E5NQvD9gqT+4TmGdSFi0qCONCTHdbxhP1E4Gt6PIuRnkk8URu\r\nrNxyyBBc+vIfJHn/HQnxQTGG2X0Ub8XfduNTstkUr4cuXketB9TMp2NL6Y74\r\nW5lTgb2YXG7D6mNkkrSugDN2tQsNqpqB/J+HicxU5/HfKRhmYjw4hnqjgHpU\r\nrd9LrjbBZWDzx+hQdFuVd3V7jVQ7mx0VdcffYXOKi177DXVvcg2NI1U4hLZ5\r\n7dEnPb/dmKYGCdKE0dYe5CrIbCYt4GVQRLuT5oyPwA1flUxn/DuIuCYZ/hQR\r\ncRvZDkUVFV+kywrLwc9sW9SWrseb1PeQrgEjtOtyG4Dj90GvUdJQqBUhYjkv\r\npudEkYZg27rbB+OZ/sWphSWy5dwQYoUAg3YfWOqzGoZNzcg0DGT4usRwAwv0\r\nEd4VJK6fOQEiTNYLIsn5wZkjdyqZmDwtHaCVRTWpmJ3rrD/ECV9fN/VtWz0x\r\nxgzYKKzFsOPMapsx7uVitdG4nLCleOjpz+HceIK+w08LG4lX9HvVRG1VFajH\r\n2FPyz14JrrgHKmqlbRTdcRnYd6x+QGtxmIo=\r\n=4lRh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jspizziri","email":"jake_20@hotmail.com"},"directories":{},"maintainers":[{"name":"jspizziri","email":"jake_20@hotmail.com"},{"name":"ken-michalak","email":"Ken.Michalak@gmail.com"},{"name":"abourge","email":"abourge@weare5stones.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-progress_5.0.2_1673534701102_0.17650633644852776"},"_hasShrinkwrap":false}},"time":{"created":"2023-01-12T14:41:01.525Z","5.0.1":"2023-01-12T14:41:01.786Z","modified":"2023-01-12T14:45:01.446Z","5.0.2":"2023-01-12T14:45:01.351Z"},"maintainers":[{"name":"jspizziri","email":"jake_20@hotmail.com"},{"name":"ken-michalak","email":"Ken.Michalak@gmail.com"},{"name":"abourge","email":"abourge@weare5stones.com"}],"description":"Progress indicators and spinners for React Native using ReactART","homepage":"https://github.com/5-stones/react-native-progress","keywords":["react-native","react-component","react-native-component","react","mobile","ios","ui","progress","progressindicator","circle","pie","bar","progressbar","indeterminate","spinner","animation"],"repository":{"type":"git","url":"git://github.com/5-stones/react-native-progress.git"},"author":{"name":"Joel Arvidsson","email":"joel@oblador.se"},"bugs":{"url":"https://github.com/5-stones/react-native-progress/issues"},"license":"MIT","readme":"# react-native-progress\n\nProgress indicators and spinners for React Native using React Native SVG.\n\n![progress-demo](https://cloud.githubusercontent.com/assets/378279/11212043/64fb1420-8d01-11e5-9ec0-5e175a837c62.gif)\n\n## Installation\n\n`$ npm install react-native-progress --save`\n\n### React Native SVG based components\n\nTo use the `Pie` or `Circle` components, you need to install [React Native SVG](https://github.com/react-native-svg/react-native-svg) in your project.\n\n## Usage\n\n_Note: If you don't want the React Native SVG based components and it's dependencies, do a deep require instead: `import ProgressBar from 'react-native-progress/Bar';`._\n\n```js\nimport * as Progress from 'react-native-progress';\n\n<Progress.Bar progress={0.3} width={200} />\n<Progress.Pie progress={0.4} size={50} />\n<Progress.Circle size={30} indeterminate={true} />\n<Progress.CircleSnail color={['red', 'green', 'blue']} />\n```\n\n### Properties for all progress components\n\n| Prop                                 | Description                                                                  | Default                |\n| ------------------------------------ | ---------------------------------------------------------------------------- | ---------------------- |\n| **`animated`**                       | Whether or not to animate changes to `progress`.                             | `true`                 |\n| **`indeterminate`**                  | If set to true, the indicator will spin and `progress` prop will be ignored. | `false`                |\n| **`indeterminateAnimationDuration`** | Sets animation duration in milliseconds when indeterminate is set.           | `1000`                 |\n| **`progress`**                       | Progress of whatever the indicator is indicating. A number between 0 and 1.  | `0`                    |\n| **`color`**                          | Fill color of the indicator.                                                 | `rgba(0, 122, 255, 1)` |\n| **`unfilledColor`**                  | Color of the remaining progress.                                             | _None_                 |\n| **`borderWidth`**                    | Width of outer border, set to `0` to remove.                                 | `1`                    |\n| **`borderColor`**                    | Color of outer border.                                                       | `color`                |\n\n### `Progress.Bar`\n\nAll of the props under _Properties_ in addition to the following:\n\n| Prop                  | Description                                                                    | Default             |\n| --------------------- | ------------------------------------------------------------------------------ | ------------------- |\n| **`width`**           | Full width of the progress bar, set to `null` to use automatic flexbox sizing. | `150`               |\n| **`height`**          | Height of the progress bar.                                                    | `6`                 |\n| **`borderRadius`**    | Rounding of corners, set to `0` to disable.                                    | `4`                 |\n| **`useNativeDriver`** | Use native driver for the animations.                                          | `false`             |\n| **`animationConfig`** | Config that is passed into the `Animated` function.                            | `{ bounciness: 0 }` |\n| **`animationType`**   | Animation type to animate the progress, one of: `decay`, `timing`, `spring`.   | `spring`            |\n\n### `Progress.Circle`\n\nAll of the props under _Properties_ in addition to the following:\n\n| Prop                       | Description                                                                                                                  | Default            |\n| -------------------------- | ---------------------------------------------------------------------------------------------------------------------------- | ------------------ |\n| **`size`**                 | Diameter of the circle.                                                                                                      | `40`               |\n| **`endAngle`**             | Determines the endAngle of the circle. A number between `0` and `1`. The final endAngle would be the number multiplied by 2π | `0.9`              |\n| **`thickness`**            | Thickness of the inner circle.                                                                                               | `3`                |\n| **`showsText`**            | Whether or not to show a text representation of current progress.                                                            | `false`            |\n| **`formatText(progress)`** | A function returning a string to be displayed for the textual representation.                                                | _See source_       |\n| **`textStyle`**            | Styles for progress text, defaults to a same `color` as circle and `fontSize` proportional to `size` prop.                   | _None_             |\n| **`allowFontScaling`**     | Whether or not to respect device font scale setting.                                                                         | _true_             |\n| **`direction`**            | Direction of the circle `clockwise` or `counter-clockwise`.                                                                  | `clockwise`        |\n| **`strokeCap`**            | Stroke Cap style for the circle `butt`, `square` or `round`.                                                                 | `butt`             |\n| **`fill`**                 | Fill color of the inner circle.                                                                                              | None (transparent) |\n\n### `Progress.Pie`\n\nAll of the props under _Properties_ in addition to the following:\n\n| Prop       | Description          | Default |\n| ---------- | -------------------- | ------- |\n| **`size`** | Diameter of the pie. | `40`    |\n\n### `Progress.CircleSnail`\n\n| Prop                   | Description                                                     | Default                |\n| ---------------------- | --------------------------------------------------------------- | ---------------------- |\n| **`animating`**        | If the circle should animate.                                   | `true`                 |\n| **`hidesWhenStopped`** | If the circle should be removed when not animating.             | `false`                |\n| **`size`**             | Diameter of the circle.                                         | `40`                   |\n| **`color`**            | Color of the circle, use an array of colors for rainbow effect. | `rgba(0, 122, 255, 1)` |\n| **`thickness`**        | Thickness of the circle.                                        | `3`                    |\n| **`duration`**         | Duration of animation.                                          | `1000`                 |\n| **`spinDuration`**     | Duration of spin (orbit) animation.                             | `5000`                 |\n| **`strokeCap`**        | Stroke Cap style for the circle `butt`, `square` or `round`.    | `round`                |\n\n## Examples\n\n- [`Example` project bundled with this module](https://github.com/oblador/react-native-progress/tree/master/Example)\n- [react-native-image-progress](https://github.com/oblador/react-native-image-progress)\n\n## [Changelog](https://github.com/oblador/react-native-progress/releases)\n\n## Thanks\n\nTo [Mandarin Drummond](https://github.com/MandarinConLaBarba) for giving me the NPM name.\n\n## License\n\n[MIT License](http://opensource.org/licenses/mit-license.html). © Joel Arvidsson 2015-\n","readmeFilename":"README.md"}