{"_id":"@candlefinance/slider","_rev":"3-6157fa284a2b8acab0ee48505d9bcea9","name":"@candlefinance/slider","description":"A little (horizontal) animated slider component for React Native.","dist-tags":{"latest":"0.1.4"},"versions":{"0.1.3":{"name":"@candlefinance/slider","version":"0.1.3","keywords":["react-native","ios","android"],"author":{"url":"https://github.com/candlefinance/slider","name":"Gary Tokman","email":"contact@trycandle.com"},"license":"MIT","_id":"@candlefinance/slider@0.1.3","maintainers":[{"name":"6ary","email":"gary@trycandle.com"},{"name":"gtokman","email":"contact@trycandle.com"}],"homepage":"https://github.com/candlefinance/slider#readme","bugs":{"url":"https://github.com/candlefinance/slider/issues"},"dist":{"shasum":"ae52e83f1f37dae8de774635d28f29822de49d17","tarball":"https://registry.npmjs.org/@candlefinance/slider/-/slider-0.1.3.tgz","fileCount":10,"integrity":"sha512-RPqr9cubAoe/F/S3TOLPTUnwq2QJOtBu5dT0DSwqvlx0HfBHg0djZ2I8WbqC2Dqe0LlOCF7+DbGUPgXeV093iw==","signatures":[{"sig":"MEUCIQCCJx+duSq/1WQI6Je6iX9tYtadvejl2UFojcOyxWvwmQIgVq5EFkpdiTLIlTMUsrxk/IWUQDFmgCq0KmTMIgMrFxU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36262,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje70VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVSg//bhYjEM+mOmUoDbQXADQfauqqqPveOHm3fEpvepbl/x9CO2/z\r\nck3uZExo/t457+Mx1SkWQZH1dJneDv6vYud1AhD27fA3RWy1WTpu7/OI8dza\r\na3LZIdXgLcTwsPMbiVnzaYb5TF6KVNTVQiY9mMGnl5YKEF2Sq6LSVvZxMohP\r\n2e0FpVHGy99GGa1c3O8wgIHjFc3ZGi5RxRqZo2IbCH4IrTnF5mLDwhfDayDX\r\nYzFYDiIm0y1R91Scyd7OVLUnPRB4UpKsOImCsBRmEnmMaRRClqUVrg+PTkSf\r\nL0JE7NQTHni8oI2pvlU3Sd6UVjLUUfsJLjzPRxKOC94JLiKpYUi5eBwNODoe\r\nUjbuvdy5VlaP2D3zn8mFTZJbClKE1lkdkZKhH5ReDwZQ32lL2MVSKkTywURM\r\n2yHk+/S24cu133NafKkDTs+iwml9gcNGlJlwiriGr9C7d0hjhx6YSmzfM26O\r\nRSoMTaVOd4/hcZheWokafE1BgOkch26A3NO+RqsWoqXwTgcyCiQlV3iW6sl/\r\nGBMy7PR0pZvnoVzxkgglm0OJoTCfqnwi03cZfLZmP9iGPtfdvGPbEc2a2yva\r\nZ6lZogAqatzy1HRnX6/Vq8EJWz4FryX9iMhVU4dBRozs+wZNHr/431X/81d4\r\n3R1NNIZIODfqHFvhRp/KYXBJOPwa3eQXyIM=\r\n=CLX0\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"d676e516eef46ca9d24a1d5460017ee7dd0b9dfe","scripts":{"lint":"eslint \"**/*.{js,ts,tsx}\"","test":"jest","example":"yarn --cwd example","prepare":"bob build","release":"release-it","bootstrap":"yarn example && yarn install","typescript":"tsc --noEmit"},"_npmUser":{"name":"gtokman","email":"contact@trycandle.com"},"prettier":{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"tagName":"v${version}","commitMessage":"chore: release ${version}"},"npm":{"publish":true},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":"angular"}}},"repository":{"url":"git+https://github.com/candlefinance/slider.git","type":"git"},"_npmVersion":"8.5.0","description":"test","directories":{},"resolutions":{"@types/react":"17.0.21"},"_nodeVersion":"16.14.2","eslintConfig":{"root":true,"rules":{"prettier/prettier":["error",{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"}]},"extends":["@react-native-community","prettier"]},"eslintIgnore":["node_modules/","lib/"],"react-native":"src/index","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^28.1.1","react":"18.1.0","eslint":"^8.4.1","del-cli":"^5.0.0","prettier":"^2.0.5","commitlint":"^17.0.2","release-it":"^15.0.0","typescript":"^4.5.2","@types/jest":"^28.1.2","pod-install":"^0.1.0","@types/react":"~17.0.21","react-native":"0.70.5","@arkweid/lefthook":"^0.7.7","@types/react-native":"0.70.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","react-native-builder-bob":"^0.20.1","@commitlint/config-conventional":"^17.0.2","@release-it/conventional-changelog":"^5.0.0","@react-native-community/eslint-config":"^3.0.2"},"peerDependencies":{"react":"*","react-native":"*"},"_npmOperationalInternal":{"tmp":"tmp/slider_0.1.3_1669053717198_0.11942757822213457","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module",["typescript",{"project":"tsconfig.build.json"}]]}},"0.1.4":{"name":"@candlefinance/slider","version":"0.1.4","keywords":["react-native","ios","android"],"author":{"url":"https://github.com/candlefinance/slider","name":"Gary Tokman","email":"contact@trycandle.com"},"license":"MIT","_id":"@candlefinance/slider@0.1.4","maintainers":[{"name":"liambutler-lawrence","email":"liam@trycandle.com"},{"name":"6ary","email":"gary@trycandle.com"},{"name":"gtokman","email":"contact@trycandle.com"}],"homepage":"https://github.com/candlefinance/slider#readme","bugs":{"url":"https://github.com/candlefinance/slider/issues"},"dist":{"shasum":"9dfdcf79b99562c681c7d43f075400c84d8b619d","tarball":"https://registry.npmjs.org/@candlefinance/slider/-/slider-0.1.4.tgz","fileCount":10,"integrity":"sha512-qKKf6Rbrl6e3YpgbSRTJgW85txZ5gZp+6Rs5gu7QeG9XLYIDZcYIYyk0HGoEUi06vgnteFok9d/dDi2NZe4//A==","signatures":[{"sig":"MEQCIEBi1S3XcJpW/6TIEtOLtQLACTbHrDWAuo7qL1LQCsoSAiAM6BkDNdYFzK2vhUi333P8GJjz1swHQVqhzKsb9FRukA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36418,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfTu1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6/Q//atiLar3QXcTZsSeRauBtUaMI4zHFQS16F7eAgdn89+7z8Zm5\r\nVB4fVrHtkjd/4hZ1GILceP2jKw38kEC71/FKQlO7wpusxyFOzbWBNcJ+Bm7r\r\nTDVkXSgcLq15PHiSwiU5nXA1Xaer8XWrA3UqZRdRSBhzHNkPZRpYmTiGBLBA\r\nvzngr0YCS6X7MOFAz64P02kikEMgSr9znVtT53jwHFlqUBDXVIM0vHmJJ7ek\r\npnz8b8Pbw6MXIRForuQv1n01NEd6fOlr7Ka8Un8IPgtrciVhlsMXqrL8zlU4\r\nzjDuZWAEpkacddYI3e3ASFDEmHhNloCSrM+/WkFXVnvyF0qTlnJ0HGx2KNVJ\r\nRqRW8uqWHv6O4XE+EB/OcmaPirH6EGgryU50+JEs6aNzgC8NIm6pw448LZrZ\r\nJZ42ig2+OSnw0VLLlWNjtlmZjRhMJweBRC1FzSXKfFXK63VZ80OiXEORfuIv\r\nUl0vJPJqgM89hvyP2ENpPBEscfNOksvUHn0WEz2TlOqlTgu5o/w6uskJyM4q\r\nkpnZJdUJrUQ3nGKju/2AVr3eaMREgnCP9BW/IkrSojQtFjCPZuzSxciV4k6d\r\nQ5y7M8DcG7iLHde6jaatqc+Hxv3GwQeAz8Gqps6/zTNAh/baLSkpJx/t0/A3\r\n6LkxljuUAKmi1rD45Dl8ukciu6xr141SKAE=\r\n=o8IA\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"207fa566dea1a6a79d0578eac2cdea246c945b84","scripts":{"lint":"eslint \"**/*.{js,ts,tsx}\"","test":"jest","example":"yarn --cwd example","prepare":"bob build","release":"release-it","bootstrap":"yarn example && yarn install","typescript":"tsc --noEmit"},"_npmUser":{"name":"gtokman","email":"contact@trycandle.com"},"prettier":{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"tagName":"v${version}","commitMessage":"chore: release ${version}"},"npm":{"publish":true},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":"angular"}}},"repository":{"url":"git+https://github.com/candlefinance/slider.git","type":"git"},"_npmVersion":"8.5.0","description":"A little (horizontal) animated slider component for React Native.","directories":{},"resolutions":{"@types/react":"17.0.21"},"_nodeVersion":"16.14.2","eslintConfig":{"root":true,"rules":{"prettier/prettier":["error",{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"}]},"extends":["@react-native-community","prettier"]},"eslintIgnore":["node_modules/","lib/"],"react-native":"src/index","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^28.1.1","react":"18.1.0","eslint":"^8.4.1","del-cli":"^5.0.0","prettier":"^2.0.5","commitlint":"^17.0.2","release-it":"^15.0.0","typescript":"^4.5.2","@types/jest":"^28.1.2","pod-install":"^0.1.0","@types/react":"~17.0.21","react-native":"0.70.5","@arkweid/lefthook":"^0.7.7","@types/react-native":"0.70.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","react-native-builder-bob":"^0.20.1","@commitlint/config-conventional":"^17.0.2","@release-it/conventional-changelog":"^5.0.0","@react-native-community/eslint-config":"^3.0.2"},"peerDependencies":{"react":"*","react-native":"*"},"_npmOperationalInternal":{"tmp":"tmp/slider_0.1.4_1669151669414_0.058726664776969306","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module",["typescript",{"project":"tsconfig.build.json"}]]}}},"time":{"created":"2022-11-21T18:01:57.126Z","modified":"2024-06-06T15:49:02.686Z","0.1.3":"2022-11-21T18:01:57.344Z","0.1.4":"2022-11-22T21:14:29.574Z"},"maintainers":[{"email":"wottonn@gmail.com","name":"nikolai-wotton"},{"email":"liam@trycandle.com","name":"liambutler-lawrence"},{"email":"gary@trycandle.com","name":"6ary"},{"email":"contact@trycandle.com","name":"gtokman"}],"author":{"url":"https://github.com/candlefinance/slider","name":"Gary Tokman","email":"contact@trycandle.com"},"repository":{"url":"git+https://github.com/candlefinance/slider.git","type":"git"},"keywords":["react-native","ios","android"],"license":"MIT","homepage":"https://github.com/candlefinance/slider#readme","bugs":{"url":"https://github.com/candlefinance/slider/issues"},"readme":"# Slider\n\nA little (horizontal) animated slider component for React Native. Inspired by [rn-vertical-slider](https://github.com/sacmii/rn-vertical-slider).\n\n<img center width=\"400px\" src=\"https://user-images.githubusercontent.com/12258850/202975094-f3547c27-7b1c-42e8-8edc-6efc71766f21.gif\" />\n\n## Features\n* Vanilla React Native animation API\n* Compatible with Expo, try it out in the [snack](https://snack.expo.dev/@candlefinance/candle-slider-demo)\n\n## Caveats\n* This implementation of the pan gesture animation runs on the JS thread.\n\n## Installation\n\n```sh\nyarn add @candlefinance/slider\n```\n\n## Usage\n\nCheck out the [example](./example/) project for a demo project.\n\n```jsx\nimport Slider from '@candlefinance/slider';\n\n<Slider\n  value={myValue}\n  disabled={false}\n  min={1}\n  max={99}\n  onChange={(value) => {\n    console.log('CHANGE', value);\n    setMyValue(value);\n  }}\n  onComplete={(value) => {\n    console.log('COMPLETE', value);\n  }}\n  width={300}\n  height={54}\n  step={1}\n  maximumTrackTintColor=\"#c7c7c7\"\n  minimumTrackTintColor=\"#ff0067\"\n  ballIndicatorColor=\"#4f4f4f\"\n  ballIndicatorTextColor=\"#ffffff\"\n/>\n```\n\n## Contributing\n\nSee the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.\n\n## License\n\nMIT","readmeFilename":"README.md"}