{"_id":"@anasmasood94/react-native-material-dropdown","_rev":"4-2f27d0a3496842cbf9856f77adf902d7","name":"@anasmasood94/react-native-material-dropdown","dist-tags":{"latest":"0.11.4"},"versions":{"0.11.1":{"name":"@anasmasood94/react-native-material-dropdown","version":"0.11.1","license":"BSD-3-Clause","author":{"name":"Alexander Nazarov","email":"n4kz@n4kz.com"},"description":"Material dropdown","keywords":["react","react-component","react-native","ios","android","material","dropdown","spinner","select"],"main":"index.js","repository":{"type":"git","url":"git://github.com/anasmasood94/react-native-material-dropdown.git"},"peerDependencies":{"react":"*","react-native":"*"},"devDependencies":{"babel-eslint":"^8.0.0","eslint":"^4.5.0","eslint-plugin-react":"^7.0.0"},"scripts":{"lint":"eslint src example/app.js"},"dependencies":{"prop-types":"^15.5.9","react-native-material-buttons":"^0.5.0","react-native-material-ripple":"^0.8.0","@anasmasood94/react-native-material-textfield":"0.16.1"},"gitHead":"01e759e8c86ecd22c23437307cda891584937954","bugs":{"url":"https://github.com/anasmasood94/react-native-material-dropdown/issues"},"homepage":"https://github.com/anasmasood94/react-native-material-dropdown#readme","_id":"@anasmasood94/react-native-material-dropdown@0.11.1","_nodeVersion":"16.1.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-dkMteuwcyuubLuPILMGCpg/1vCENi6eY9uE8tJTgxSopvuGnogcy3Q0qjYcHm1KVMLjArwXrRYKSfQ2TBDzbnA==","shasum":"9f89abb742cac329eb86674e6ed29705bb9fc025","tarball":"https://registry.npmjs.org/@anasmasood94/react-native-material-dropdown/-/react-native-material-dropdown-0.11.1.tgz","fileCount":10,"unpackedSize":28129,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvgSLCRA9TVsSAnZWagAAz/gP/ApKjHYMUIN0QryMgT0Z\nM/ZwUwup0nK+PTX4+ul61yRWLQilzGRUxiX/orwEavMv2fxz06yFlD0Yk6/T\nOnk/as8ZSdt4+prTfxcNyMMSINXN9PuI0Ff7nXRPRdbdL6yVQSjcpsRYyZ3P\n269QCUMkOERncsc6kKx6qsqWP5uBH9aBgV91g4DkOvJb8ounVSmWC9N6VuJg\nSQ2K0zR9lyNjaHAGRTDkObTRJ8oBTsafRQGUWpJokllh8Ggb80kG59zL+5Yn\nZzLCEs98DjM6FPN2IUDSPXTfdOxkBJS7IiRje9gz7gDD1UtT0vJ2/30RODj2\nX4XxSgOZMU/4Qwtr4KAr3+bBaEgAfEwo8cev9a93fmViJJjpalz5musEk9ew\nl05jS3fQkTe1fvf9BDkfXfixpHE3qdw/5DOytYtivqUp55dJzdx/cqbaPm/f\ngubBGnF+FQhTGA4Vb/R6LMnL25gB5kWjNtZwId8SNQEi7VYnK3hpq6EjJj2D\nMdnTyL1J+RfXFiG0gbqE+DlrxZNoG1Tu5+pDwVZO0bGNgOmrGt2h7dKkRZKz\njJ+ZTz8GyFbadOqvV0RmwbfHaPdddDN4Pxk5PlPZ032ko9Z+NnAxxknJgQJ6\neKUxdd5dsVWLDewVB2Uu5/CCOh3A+6ELeZCL8OUYfxWahHOlY3UxSksFs2R2\nyYUz\r\n=7PNh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE26d9voDoueDmY7FFWnNGI2YXlgpqIHz0osnD4uO5vcAiEA4CdKKPcKDOr5VJlV+l51u+jOutnGi1vAlSzVgX7awwc="}]},"_npmUser":{"name":"anasmasood94","email":"anasmasood94@gmail.com"},"directories":{},"maintainers":[{"name":"anasmasood94","email":"anasmasood94@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-material-dropdown_0.11.1_1623065739622_0.05480195545673938"},"_hasShrinkwrap":false},"0.11.2":{"name":"@anasmasood94/react-native-material-dropdown","version":"0.11.2","license":"BSD-3-Clause","author":{"name":"Alexander Nazarov","email":"n4kz@n4kz.com"},"description":"Material dropdown","keywords":["react","react-component","react-native","ios","android","material","dropdown","spinner","select"],"main":"index.js","repository":{"type":"git","url":"git://github.com/anasmasood94/react-native-material-dropdown.git"},"peerDependencies":{"react":"*","react-native":"*"},"devDependencies":{"babel-eslint":"^8.0.0","eslint":"^4.5.0","eslint-plugin-react":"^7.0.0"},"scripts":{"lint":"eslint src example/app.js"},"dependencies":{"prop-types":"^15.5.9","react-native-material-buttons":"^0.5.0","react-native-material-ripple":"^0.8.0","@anasmasood94/react-native-material-textfield":"0.16.1"},"gitHead":"bc9d7730dd64dbdc9945c7a9c4da9da1e5743228","bugs":{"url":"https://github.com/anasmasood94/react-native-material-dropdown/issues"},"homepage":"https://github.com/anasmasood94/react-native-material-dropdown#readme","_id":"@anasmasood94/react-native-material-dropdown@0.11.2","_nodeVersion":"16.1.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-BJoqEmv7PIH07JAywjhkgWhE+x/HfoJwlKjAwZHPV5EBb8gmhyV9I2Suc6CQ6pkVMF7h3/HAOPiL8xtZoz6B+Q==","shasum":"d39d8f8c3170b54120fada84ee0646059c29ae3d","tarball":"https://registry.npmjs.org/@anasmasood94/react-native-material-dropdown/-/react-native-material-dropdown-0.11.2.tgz","fileCount":10,"unpackedSize":28143,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvipMCRA9TVsSAnZWagAAC6YP/3zpJ8B9vXZ7ZGpxf/SY\nHerOhL3BD1Q+hksgtiIIjmnr/f4683kjbZ1gcN/+s82tJB22y0Tf29xxdWOA\ntMZLKEkt9e2X9pzRqwK4syp13iU62xvmaOb6/VyTUDas5RFlVDyZYDtF/l12\nF4J62vyMruOUv0xfABNBhfT++mJ0nHShNC9wWQ8jVHvte8FqHkzzYi3Anlf9\nolH4l2di1sUy898L/zfQ4dt2mV4jcosvbuk11F1eRqZd/pYsyuxU2yWoozYf\nrWRVv5A83AojrsLcUHprWERignojWNWlKXo+HtKLJ8SYp7XD2N72YxsnwHoJ\nbHw4x+KEHdjabXr8aJg+rFsKeYHtkrY/nY/HbwPZvu4XRYChFlwmKUYzSiQQ\nGlsxY1fw7LWs7kSpP6alep8YfSgtY8RALJrZyZX+T/gScbpuGB0AOCg21mPH\nMwnf8hP8kVYj3rEasnTC82ZurxzBYu2pV8AWvU3mlBwjauleNQx+cKCFoh99\ni0KziCXHAuvOWsBMFjhFHBkDiVEE09TSddjw+7CmgPzEsPCkqVMnFx/1ikAj\n84bnCAPywURVL2oFRB5O/CrDGJoT0OmUN6z5Uhh7NhSeokONb4lgVuHnuj0t\njD0BB66I7i1JhAsLMlswe0rQB/AoLjk4C1/bRFM/HzG2haHhGDevU5M44ttc\nFwEX\r\n=8Jyl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF5hdqJ6lnYT/hXN7mDOtkTzj8LxHT63KKx9Z1XGmQYRAiEAlpjlxyg96HUdbAt/8k23+nEXVsXmNrBZ/qB5awlDq4w="}]},"_npmUser":{"name":"anasmasood94","email":"anasmasood94@gmail.com"},"directories":{},"maintainers":[{"name":"anasmasood94","email":"anasmasood94@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-material-dropdown_0.11.2_1623075404757_0.608719507350783"},"_hasShrinkwrap":false},"0.11.3":{"name":"@anasmasood94/react-native-material-dropdown","version":"0.11.3","license":"BSD-3-Clause","author":{"name":"Alexander Nazarov","email":"n4kz@n4kz.com"},"description":"Material dropdown","keywords":["react","react-component","react-native","ios","android","material","dropdown","spinner","select"],"main":"index.js","repository":{"type":"git","url":"git://github.com/anasmasood94/react-native-material-dropdown.git"},"peerDependencies":{"react":"*","react-native":"*"},"devDependencies":{"babel-eslint":"^8.0.0","eslint":"^4.5.0","eslint-plugin-react":"^7.0.0"},"scripts":{"lint":"eslint src example/app.js"},"dependencies":{"prop-types":"^15.5.9","react-native-material-buttons":"^0.5.0","react-native-material-ripple":"^0.8.0","@anasmasood94/react-native-material-textfield":"0.16.1"},"gitHead":"4ffd6c4a4898d63b915d861fbf1c1e1a1bad7064","bugs":{"url":"https://github.com/anasmasood94/react-native-material-dropdown/issues"},"homepage":"https://github.com/anasmasood94/react-native-material-dropdown#readme","_id":"@anasmasood94/react-native-material-dropdown@0.11.3","_nodeVersion":"16.1.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-haZKWk8vbOWxvupDxe0BI0BEejbYTXGwINjGdZZnoNe7nL0f2IWCDqglzLxMRYChgbNACMRRb59i3HSSqCRzgA==","shasum":"1df9092eb95f3ee28b6b88637dbeafef352f1c57","tarball":"https://registry.npmjs.org/@anasmasood94/react-native-material-dropdown/-/react-native-material-dropdown-0.11.3.tgz","fileCount":10,"unpackedSize":29292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv9UBCRA9TVsSAnZWagAAHTIP/jeS9eiXevuHjedbBFFf\nxaCt0jU2KBvYN1bXqRDGOPX7eK6qjy//BGsjHXv+bOn/wD5LOfCiBKiTF23+\nLZ3WTvtnR6Wcy3gWmDr84ZzY4E9DtbT+WdGGos5PE3BdkPhkBO68K0maeEnW\nckGDNGfynxJLIIk99z8Oj+aZviwp8fldeGgq5zSop995I4x9Mevewoizt5uF\nCrMI7N8+XSKb3tv/6xTEoGi3SlC31MrUtUBL1vNw1g3Dx/J1OkPdPceY2377\nfEfUFXh9PLIaXmEkpTEPlRCX0njBk/PgHP1K4sj9Y+B58D2SAZplgBEF6TIj\nbpSvjUpldZkttK5HUBHektEiPtRhARTgbbcQpEFDj7p2qAZfb/z1KwN17A6o\nyXrNwwkhE2eg6NlC36rzj1HA7t22sKI11J8+44+foM8piU8/NNC/D7anxpPH\nv2F0kYJjMheMkCxsU3/gGf+Z/JJZU8epHOBGmwIFfVEDAN0qDDF8+6z7odJ+\nekpPakqe52PCGxHuFRSosU/wQiIEHPoh60wGgeZ2HfYSHQ9iq8ocfpWHrGbc\nVFXkNVArS0XJ4Wa6US5fmSfbtmiOUhFh43zghKwlNyqrGeCP7fqVlEcW+OHM\nal2sQa2bEAxk8lF9T/Lxrp21hkCH1Ah08iyEugyRv6xUyn6MvuGdMxNMKfhC\niShw\r\n=l2sm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2V0BzUwpYMnizvQ3QmOVqaw0zo/BvfC2Y1UVgSl3sSgIhAMfi0VUBFHQLxsSgC8Q1ydCKCQU8DlgLa8URIyCyzxDt"}]},"_npmUser":{"name":"anasmasood94","email":"anasmasood94@gmail.com"},"directories":{},"maintainers":[{"name":"anasmasood94","email":"anasmasood94@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-material-dropdown_0.11.3_1623184641463_0.5711634503332748"},"_hasShrinkwrap":false},"0.11.4":{"name":"@anasmasood94/react-native-material-dropdown","version":"0.11.4","license":"BSD-3-Clause","author":{"name":"Alexander Nazarov","email":"n4kz@n4kz.com"},"description":"Material dropdown","keywords":["react","react-component","react-native","ios","android","material","dropdown","spinner","select"],"main":"index.js","repository":{"type":"git","url":"git://github.com/anasmasood94/react-native-material-dropdown.git"},"peerDependencies":{"react":"*","react-native":"*"},"devDependencies":{"babel-eslint":"^8.0.0","eslint":"^4.5.0","eslint-plugin-react":"^7.0.0"},"scripts":{"lint":"eslint src example/app.js"},"dependencies":{"prop-types":"^15.5.9","react-native-material-buttons":"^0.5.0","react-native-material-ripple":"^0.8.0","@anasmasood94/react-native-material-textfield":"0.16.2"},"gitHead":"f814096b32cabd710e302998aca9caaa342744a5","bugs":{"url":"https://github.com/anasmasood94/react-native-material-dropdown/issues"},"homepage":"https://github.com/anasmasood94/react-native-material-dropdown#readme","_id":"@anasmasood94/react-native-material-dropdown@0.11.4","_nodeVersion":"16.1.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-L5SBueRyxP6RexbAY3w6tQgIgb3AIPpwWDJmRzA+f+eUy/f1YQRlhGDnW+3sfoVPOJb2BZW0/BS2A7JYFHRi4A==","shasum":"4985a00ee656f1056466f9897277d981c19a5101","tarball":"https://registry.npmjs.org/@anasmasood94/react-native-material-dropdown/-/react-native-material-dropdown-0.11.4.tgz","fileCount":10,"unpackedSize":29284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyJs4CRA9TVsSAnZWagAAbEUP/A1u8eoq/AKoSC8mgaOf\nKrjnnF5sqD23+cWxqECfbNyYd5YjAUmxPdVeNq5MK/97wHos+kqvjrHAUNRD\nyKr5txhW8618bN6kBCP8I17+qxrGgZBFM8sqePcog28rNXS736xQoJVnKSO4\nGqZOOrRxSztdi1AokzpfBCUgWbGCwsPafsAY57H9CWUB1m3fLjvDlGtxX/GW\n4qXBVms4MFpw75WEzebVDEQZ8hPY1D5i8meluWtQ2LVJZ4KVHk7chqU0Zkk0\nXo3bofbPr/pxnFAcc2ihdGOVKkJ2LadVoRI7xVEwg5nJL0TBEp0M8POtdU5S\n5HicVpvN/DGa3Sypy0fHlcve6s9YHissd2mSefq203JsFo5axPJor7DA6PJk\nJHDtJuA6Cxwc2wnbqtLTNyyt0R0SGXZUajzTUGTOTEdn4E8erFq/iL7g1Enl\nwO9vmZ4e5lroN4dkPkUFHud4lpLkPyvOonQCLUvq85FNYJjXT9SaVZExK5Tx\nCLY4He3SkXPXiIxxcOzgrFpbXz6MFG8Yrwea6jHmx24db/qygvbLJiL562HE\nGnsDM9q5KVftt6S5Ejk+ek7SW2MvDMrX0CqAXuGGM/03atRV4XhgnaqD6ZwI\n6tA0TXy1HRaECcVIsT/sxv+eXhbdkehlwRj5UYl7oxz4wsbmeSV3P1XkUuv9\ndh2O\r\n=b2pV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2jPSw7PmXSOV98+2r662VZWLu6K6xH3lsVFDqSZHqigIgVj9C0NNvpA12uGXRg9QjpurSw+chSGQ8umxszNWFqeE="}]},"_npmUser":{"name":"anasmasood94","email":"anasmasood94@gmail.com"},"directories":{},"maintainers":[{"name":"anasmasood94","email":"anasmasood94@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-material-dropdown_0.11.4_1623759672576_0.4808532306207163"},"_hasShrinkwrap":false}},"time":{"created":"2021-06-07T11:35:39.558Z","0.11.1":"2021-06-07T11:35:39.732Z","modified":"2022-04-04T13:55:34.021Z","0.11.2":"2021-06-07T14:16:44.892Z","0.11.3":"2021-06-08T20:37:21.621Z","0.11.4":"2021-06-15T12:21:12.785Z"},"maintainers":[{"name":"anasmasood94","email":"anasmasood94@gmail.com"}],"description":"Material dropdown","homepage":"https://github.com/anasmasood94/react-native-material-dropdown#readme","keywords":["react","react-component","react-native","ios","android","material","dropdown","spinner","select"],"repository":{"type":"git","url":"git://github.com/anasmasood94/react-native-material-dropdown.git"},"author":{"name":"Alexander Nazarov","email":"n4kz@n4kz.com"},"bugs":{"url":"https://github.com/anasmasood94/react-native-material-dropdown/issues"},"license":"BSD-3-Clause","readme":"[npm-badge]: https://img.shields.io/npm/v/react-native-material-dropdown.svg?colorB=ff6d00\n[npm-url]: https://npmjs.com/package/react-native-material-dropdown\n[license-badge]: https://img.shields.io/npm/l/react-native-material-dropdown.svg?colorB=448aff\n[license-url]: https://raw.githubusercontent.com/n4kz/react-native-material-dropdown/master/license.txt\n[codeclimate-badge]: https://img.shields.io/codeclimate/maintainability/n4kz/react-native-material-dropdown.svg\n[codeclimate-url]: https://codeclimate.com/github/n4kz/react-native-material-dropdown\n[example-url]: https://user-images.githubusercontent.com/2055622/27727487-591a807a-5d87-11e7-89f6-f31a442db0c6.gif\n[textinput]: https://facebook.github.io/react-native/docs/textinput.html#props\n[touchable]: https://facebook.github.io/react-native/docs/touchablewithoutfeedback.html#props\n[textfield]: https://github.com/n4kz/react-native-material-textfield#properties\n\n# react-native-material-dropdown\n\n[![npm][npm-badge]][npm-url]\n[![license][license-badge]][license-url]\n[![codeclimate][codeclimate-badge]][codeclimate-url]\n\nMaterial dropdown with consistent behaviour on iOS and Android\n\n![example][example-url]\n\n## Features\n\n* Easy to use\n* Consistent look and feel on iOS and Android\n* Customizable font size, colors and animation duration\n* Dynamic dropdown size and position\n* Configurable visible item count\n* RTL support\n* Pure javascript implementation\n\n## Installation\n\n```bash\nnpm install --save @anasmasood94/react-native-material-dropdown\n```\n\n## Usage\n\n```javascript\nimport React, { Component } from 'react';\nimport { Dropdown } from '@anasmasood94/react-native-material-dropdown';\n\nclass Example extends Component {\n  render() {\n    let data = [{\n      value: 'Banana',\n    }, {\n      value: 'Mango',\n    }, {\n      value: 'Pear',\n    }];\n\n    return (\n      <Dropdown\n        label='Favorite Fruit'\n        data={data}\n      />\n    );\n  }\n}\n```\n\n## Properties\n\n name              | description                                   | type     | default\n:----------------- |:--------------------------------------------- | --------:|:------------------\n label             | Text field label text                         |   String | -\n error             | Text field error text                         |   String | -\n animationDuration | Text field animation duration in ms           |   Number | 225\n fontSize          | Text field font size                          |   Number | 16\n labelFontSize     | Text field label font size                    |   Number | 12\n baseColor         | Text field base color                         |   String | rgba(0, 0, 0, .38)\n textColor         | Text field text color                         |   String | rgba(0, 0, 0, .87)\n itemColor         | Dropdown item text color (inactive item)      |   String | rgba(0, 0, 0, .54)\n selectedItemColor | Dropdown item text color (active item)        |   String | rgba(0, 0, 0, .87)\n disabledItemColor | Dropdown item text color (disabled item)      |   String | rgba(0, 0, 0, .38)\n dropdownPosition  | Dropdown position (dynamic if undefined)      |   Number | -\n itemCount         | Dropdown visible item count                   |   Number | 4\n itemPadding       | Dropdown item vertical padding                |   Number | 8\n itemTextStyle     | Dropdown item text styles                     |   Object | -\n dropdownOffset    | Dropdown offset                               |   Object | { top: 32, left: 0 }\n dropdownMargins   | Dropdown margins                              |   Object | { min: 8, max: 16 }\n data              | Dropdown item data                            |    Array | []\n value             | Selected value                                |   String | -\n containerStyle    | Styles for container view                     |   Object | -\n overlayStyle      | Styles for overlay view                       |   Object | -\n pickerStyle       | Styles for item picker view                   |   Object | -\n shadeOpacity      | Shade opacity for dropdown items              |   Number | 0.12\n rippleOpacity     | Opacity for ripple effect                     |   Number | 0.54\n rippleInsets      | Insets for ripple on base component           |   Object | { top: 16, bottom: -8 }\n rippleCentered    | Ripple on base component should be centered   |  Boolean | false\n renderBase        | Render base component                         | Function | -\n renderAccessory   | Render text field accessory                   | Function | -\n valueExtractor    | Extract value from item (args: item, index)   | Function | ({ value }) => value\n labelExtractor    | Extract label from item (args: item, index)   | Function | ({ label }) => label\n propsExtractor    | Extract props from item (args: item, index)   | Function | () => null\n onChangeText      | Selection callback (args: value, index, data) | Function | -\n\nOther [TextField][textfield], [TextInput][textinput] and [TouchableWithoutFeedback][touchable] properties will also work\n\n## Methods\n\n name            | description                    | returns\n:--------------- |:------------------------------ |:--------\n focus()         | Acquire focus (open dropdown)  | -\n blur()          | Release focus (close dropdown) | -\n value()         | Get current value              | String\n selectedIndex() | Get selected index             | Number\n selectedItem()  | Get selected item              | Object\n isFocused()     | Get current focus state        | Boolean\n\n## Example\n\n```bash\ngit clone https://github.com/anasmasood94/react-native-material-dropdown.git\ncd react-native-material-dropdown/example\nnpm install\nnpm run ios # or npm run android\n```\n\n## Copyright and License\n\nBSD License\n\nCopyright 2017-2018 Alexander Nazarov. All rights reserved.\n","readmeFilename":"readme.md"}