{"_id":"@axenuab/react-native-haptic-wheel-picker","_rev":"1-3e70a10fb7342b7d26d784bc08fa8924","name":"@axenuab/react-native-haptic-wheel-picker","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@axenuab/react-native-haptic-wheel-picker","version":"1.0.0","description":"A react-native animated scroll wheel picker for IOS/Android","scripts":{"test":"echo \"Error: no test specified\" && exit 1","lint":"eslint .","build":"tsc"},"main":"src/Picker.tsx","keywords":["picker","scroll","wheel","react","react-native","haptic"],"author":{"name":"Axenu-AB"},"license":"MIT","dependencies":{},"peerDependencies":{"react":"*","react-native":"*","react-native-gesture-handler":">=2.8.0","react-native-haptic-feedback":">=1.14.0","react-native-reanimated":">=2.13.0"},"devDependencies":{"@types/react":"^18.0.26","@types/react-native":"^0.70.7","react":">=18.1.0","react-native":">=0.70.6","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-config-airbnb-typescript":"^17.0.0","eslint-config-prettier":"^8.5.0","eslint-import-resolver-typescript":"^3.5.2","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react-native":"^4.0.0","eslint-plugin-sort-class-members":"^1.16.0","metro-react-native-babel-preset":"^0.73.3","prettier":"^2.8.0","typescript":"^4.9.3"},"gitHead":"16688775952a1f0b749fc65a30dd42a50a3bed2a","_id":"@axenuab/react-native-haptic-wheel-picker@1.0.0","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-PeuQO441yZyDFpcmxquVJ7H4Mtpo7a3+3yJpZMbrhgXlpW1Bv4Y2eVaVwW3b1MnFfK5XA1Zc7U3Vqin5hlwnmg==","shasum":"853e8c85ee7916146e050669918210a6ee6d513a","tarball":"https://registry.npmjs.org/@axenuab/react-native-haptic-wheel-picker/-/react-native-haptic-wheel-picker-1.0.0.tgz","fileCount":9,"unpackedSize":34884,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAhftrSCTU2MB/luLKaWUxAJYcmtsfhdSU/UvZICAazKAiEAshR2q6llJ6ALOKaQn7yAPe8ICLqx6nLMaKd/0txHoHw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEfXfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9PA/+P0h+DglQDzsQ8/JRbcMC9/RVdPk36It0+fa2Y52SV+/X2BSn\r\nt9HNEpgQ2DpxIOub4yDN8pMWyqZnOaYhnedNywetz+XbAT+qJ3QsO+s+7Fkr\r\n9bZnH6gLzyRm7dWrZVFVZC5qo6LQULXm4YH2yV7nb9J2OQ6ChnqWe7VnSk9f\r\n/GVZ31F2E2G3l6ygbyNM5DnUNTEWOjrqVUKd6B62z9tEBSXcUvmsWxyr+d9N\r\nzg+JlBeCfwL5d9+mQni6SLxV8RWez0xHHOgJiUQUHDZMjMDfFwfVIYHOhkZ1\r\nIP5UK2mL/bOwWHz2zKpOc1KsvKcAddRbwGdiPmX4z3Cf5+oQ5nPTg/lLXJ07\r\nzhvzhPEsggQ9stQE1Fk+elzLpOnKGgmPSI7HnpY3yCTAQQFhsJBrKiOq1AOB\r\nYBTageQ+g84NTwxdgSvyxBd+zUslvg5DjLUlkFh6KSJgQyftbu1K+WY9MDB3\r\ng83oSmh/l5/y5tmXZOG1Fd/fEZ68CrdEGqcW5kLPIQSmgOUATQEQXIyen1AE\r\nmqo8AjE+HI96rzw0mCvdGu7DOxbnxzhJ3v+yDlRgBowdConSS6KhcaJ6XV8V\r\nZj9x28jSHAq/BOYGmyBNNZ1tbYIL+KScSy/kXAaPk3BzXZNP1QnYlVVonZxp\r\ne7mpUa/iFYOR7krKge5pyF9v7k7T1hlLFKc=\r\n=726t\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"axenu","email":"simon@axenu.com"},"directories":{},"maintainers":[{"name":"anton_joymon","email":"anton@joymon.se"},{"name":"axenu","email":"simon@axenu.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-haptic-wheel-picker_1.0.0_1678898654782_0.6338379424987706"},"_hasShrinkwrap":false},"1.0.1":{"name":"@axenuab/react-native-haptic-wheel-picker","version":"1.0.1","description":"A react-native animated scroll wheel picker for IOS/Android","scripts":{"test":"echo \"Error: no test specified\" && exit 1","lint":"eslint .","build":"tsc"},"main":"src/Picker.tsx","keywords":["picker","scroll","wheel","react","react-native","haptic"],"author":{"name":"Axenu-AB"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Axenu-AB/react-native-haptic-wheel-picker.git"},"dependencies":{},"peerDependencies":{"react":"*","react-native":"*","react-native-gesture-handler":">=2.8.0","react-native-haptic-feedback":">=1.14.0","react-native-reanimated":">=2.13.0"},"devDependencies":{"@types/react":"^18.0.26","@types/react-native":"^0.70.7","react":">=18.1.0","react-native":">=0.70.6","eslint":"^8.28.0","eslint-config-airbnb":"^19.0.4","eslint-config-airbnb-typescript":"^17.0.0","eslint-config-prettier":"^8.5.0","eslint-import-resolver-typescript":"^3.5.2","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react-native":"^4.0.0","eslint-plugin-sort-class-members":"^1.16.0","metro-react-native-babel-preset":"^0.73.3","prettier":"^2.8.0","typescript":"^4.9.3"},"gitHead":"5ac296ebf7a2b6c232dd814510d8c28d76c527a9","bugs":{"url":"https://github.com/Axenu-AB/react-native-haptic-wheel-picker/issues"},"homepage":"https://github.com/Axenu-AB/react-native-haptic-wheel-picker#readme","_id":"@axenuab/react-native-haptic-wheel-picker@1.0.1","_nodeVersion":"16.19.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-xZLahE1YB5J+D5nspc0jBnoZ8NrRRFWFNaObtDZpBMfvTXI41f4E6dBzWGqSgJtth72IdLPfYVLTCOtTbKcHxg==","shasum":"dab6309e3b05a7beb02df4baf744aee8ac739075","tarball":"https://registry.npmjs.org/@axenuab/react-native-haptic-wheel-picker/-/react-native-haptic-wheel-picker-1.0.1.tgz","fileCount":8,"unpackedSize":14602,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCA67YPd8v5XxcJBcKVSJOPCS2Lmuj21vVW48m+k7dD7gIgGH8hz2+R0MNEjWgijsg7dFsqt0yczxxxFnNgSug+f5U="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEt8WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqluQ/9GhaiX17Vm7ag45/P6YvQWRs0I36O6dt6h5MH0QOsB/0iYai4\r\nv6pu+g6nDuy5rEr74eJN9oqiZytoFoEdTfBP8aKB5X3n0hCj1EuCXRl4VsF/\r\nRA8sTGkGQeaG13n9d6DJhjzvui8G20McRfsC8AoBmavxmHfo+lFwy4MaZY7Y\r\nCcA4eBArxmDYWAN/CxIC7JK+rF58k5IRLPCjlSdBUWYyXY63Npbc17P4JWDD\r\nh5Y5dwzi0Q8PiDJlGuooSqxTH6BAL9itM0ghZSo3zzMSnSFhGkXs2mzWZvO6\r\nPqcFWpUzslJ6qogRqdAA+G8LXcNF+kaOtxyMRycxurDTIQUS5Kov7OBEL1BY\r\nqFKScHOUG79vTVU/PadBvHdAdMqoXa1b+oNLqBfcXXo42nP7PVN2ZPo42pxJ\r\n6Yl6gInsyRNyIWSyuov84wuUncczWZmtdqqhf4SMCgQ6XNFHRmeDqPmdlgfa\r\nb5CIAHFw7SoBaIuHOr4D1sgFUXM3thUeK2fpG1BEXigbohRyeoLgkWT7oahS\r\nPFaxqp+F0TuWQdanRl+dl0heu4hPStoWQgNwcO9EeoDrx7apxqaXjHRSVGWT\r\nUxgovzif/ZJeiUkfahrGiIHQ5PHfQ8K/2azYAbYj5jd0VLI/vVchAmzpS6Qe\r\nl7opwKy4JEXvlSLGwCYVWj2oJPjS3O1znoQ=\r\n=qOne\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"axenu","email":"simon@axenu.com"},"directories":{},"maintainers":[{"name":"anton_joymon","email":"anton@joymon.se"},{"name":"axenu","email":"simon@axenu.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-haptic-wheel-picker_1.0.1_1678958357995_0.46979685890951073"},"_hasShrinkwrap":false}},"time":{"created":"2023-03-15T16:44:14.653Z","1.0.0":"2023-03-15T16:44:15.152Z","modified":"2023-03-16T09:19:18.370Z","1.0.1":"2023-03-16T09:19:18.168Z"},"maintainers":[{"name":"anton_joymon","email":"anton@joymon.se"},{"name":"axenu","email":"simon@axenu.com"}],"description":"A react-native animated scroll wheel picker for IOS/Android","keywords":["picker","scroll","wheel","react","react-native","haptic"],"author":{"name":"Axenu-AB"},"license":"MIT","readme":"# Haptic Wheel Picker\nReact native wheel picker for Android/IOS with haptic feedback and handles like a flatlist.\n\n\n![](https://github.com/Axenu-AB/react-native-haptic-wheel-picker/blob/main/example-text.png)  ![](https://github.com/Axenu-AB/react-native-haptic-wheel-picker/blob/main/example-image.png)\n\n\n## Installation\n`\nnpm install @axenuab/react-native-haptic-wheel-picker\n`\n\n## Usage\nThe component takes a list of data and displays it as a text per default.\n\n```js\nimport Picker from '@axenuab/react-native-haptic-wheel-picker'\n\nreturn (\n  <View>\n    <Picker\n      data={['list', 'grid', 'car', 'person', 'cog', 'flower', 'boat']}\n    />\n  </View>\n);\n```\n\nYou can send in any generic data and a custom render function to handle the displaying yourself.\n\n```js\nimport Picker from '@axenuab/react-native-haptic-wheel-picker'\n\nconst [image, setImage] = useState(image1);\n\nconst renderImage = (imageSource) => {\n  return (\n    <Image\n      source={imageSource}\n    />\n  );\n};\n\nreturn (\n  <View>\n    <Picker\n      data={[image1, image2, image3, image4, image5]}\n      defaultItem={image}\n      onItemSelect={setImage}\n      renderItem={renderImage}\n    />\n  </View>\n);\n```\n## Props\nComponent takes generic type T from items in data.\n| Prop  | Default  | Type | Description |\n| :------------ |:---------------:| :---------------:| :-----|\n| data | - | T[] | List of items that are selected |\n| defaultItem | data[0] | T | The currently selected item |\n| onItemSelect | undefined | function | Callback function when an item is selected |\n| textStyle | undefined | TextStyle | Style of text for default rendering |\n| renderItem | undefined | function | Custom render function for item |\n| keyExtractor | undefined | function | Custom key extractor function |\n| itemHeight | 40 | number | The height of items |\n| itemDistanceMultipier | 0.285 | number | Multiplier for distance between items|\n| wheelHeightMultiplier | 2.6 | number | Multiplier for wheel height |\n| selectorStyle | undefined | ViewStyle | Style for view of selecting item |\n","readmeFilename":"README.MD","homepage":"https://github.com/Axenu-AB/react-native-haptic-wheel-picker#readme","repository":{"type":"git","url":"git+https://github.com/Axenu-AB/react-native-haptic-wheel-picker.git"},"bugs":{"url":"https://github.com/Axenu-AB/react-native-haptic-wheel-picker/issues"}}