{"_id":"react-drop-down-searcher","_rev":"28-a7ad84f91208da096c32c1faf96bf078","time":{"1.0.0":"2020-02-22T06:14:19.314Z","1.0.1":"2020-02-22T06:14:19.314Z","1.0.10":"2020-02-22T06:14:19.314Z","1.0.11":"2020-02-22T06:14:19.314Z","1.0.12":"2020-02-22T06:14:19.314Z","1.0.13":"2020-02-22T06:14:19.314Z","1.0.15":"2020-02-22T06:14:19.314Z","1.0.17":"2020-02-22T06:14:19.314Z","1.0.18":"2020-02-22T06:14:19.314Z","1.0.19":"2020-02-22T06:14:19.314Z","1.0.2":"2020-02-22T06:14:19.314Z","1.0.20":"2020-02-22T06:14:19.314Z","1.0.21":"2020-02-22T06:14:19.314Z","1.0.22":"2020-02-22T06:14:19.314Z","1.0.23":"2020-02-22T06:14:19.314Z","1.0.24":"2020-02-22T06:14:19.314Z","1.0.25":"2020-02-22T06:14:19.314Z","1.0.3":"2020-02-22T06:14:19.314Z","1.0.4":"2020-02-22T06:14:19.314Z","1.0.5":"2020-02-22T06:14:19.314Z","1.0.6":"2020-02-22T06:14:19.314Z","1.0.7":"2020-02-22T06:14:19.314Z","1.0.8":"2020-02-22T06:14:19.314Z","1.0.9":"2020-02-22T06:14:19.314Z","created":"2020-02-23T06:46:25.048Z","2.0.0":"2020-02-23T06:46:25.238Z","modified":"2022-05-14T09:57:44.611Z","2.0.1":"2020-02-29T04:37:38.258Z","2.0.2":"2020-03-09T11:20:23.596Z"},"name":"react-drop-down-searcher","dist-tags":{"latest":"2.0.2"},"versions":{"2.0.0":{"name":"react-drop-down-searcher","version":"2.0.0","author":{"name":"Achsuthan Mahendran","email":"achsuthan@icloud.com"},"main":"./dist/ReactDropDown.js","keywords":["react","react component","select","multiselect","dropdown","single select","api dropdown"],"repository":{"type":"git","url":"git+https://github.com/Achsuthan/React-drop-down-searcher.git"},"license":"MIT","private":false,"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.4.0","@testing-library/user-event":"^7.2.1","react":"^16.12.0","react-dom":"^16.12.0","react-scripts":"3.4.0"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject","publish:npm":"rm -rf dist && mkdir dist &&  babel src/components -d dist --copy-files"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/cli":"^7.8.4","@babel/preset-react":"^7.8.3"},"babel":{"presets":["@babel/preset-react"]},"gitHead":"5228e0968ef88882ccae9b265808fc1c485b03a3","description":"Customisable dropdown select for react","bugs":{"url":"https://github.com/Achsuthan/React-drop-down-searcher/issues"},"homepage":"https://github.com/Achsuthan/React-drop-down-searcher#readme","_id":"react-drop-down-searcher@2.0.0","_nodeVersion":"12.14.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-uBUcWOVeoNfGRw/ZMS5IuMNUxLrhaH+4NokQNyJEUi2pjyuAcCYPGvl1h/RSSFRZccPitfYekpfNl0S0fuA9VQ==","shasum":"2d3fd1fa1c64622d3c1361abc5e2bac79d8724c4","tarball":"https://registry.npmjs.org/react-drop-down-searcher/-/react-drop-down-searcher-2.0.0.tgz","fileCount":40,"unpackedSize":1018198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUh/BCRA9TVsSAnZWagAAok8P/RdgtKwGQbnu1Fx7rc49\n1X0+k7oybyw8ciFeirQb8CfPgVuCaAB2ziDP1juaXSXDsksFLOXaE6HdBDPn\n31n+WYf48DH7xdpErvFjOywveckUQT2qA/gPJ3xO/Cd6/bImG6Uh57nQ/EPq\nMaMIfjBK4xk53AAAW3PtPGWH35bV3eXEvRAZ3gd51vJUUGfHNIyR+xW2tXbk\n9mfx7SFSvG0tUdlfrTxvcRqBygnqTxw9/S3u5V9R1KwJg7+bsKlou//ylIAp\n1ovzFd6YUz/wX1GtBYNjTLzOjGXOUfPOKc0y9wolmtPz4Mk0SbsY5G72UXsu\nbdfHqancF8zl0vNggr3YuNCUUlMhGLsMrw9iAEEJusawVV7yMCA+i0LHn1rk\n6aJwyf7F/lP8ZZgsoTDpI2cFDKFgVABiInlo+9ABhh5yAKrcdTLv5SVs8ukp\n7k3jSqLGUEOYKqgpDCwBwtS0p0WqzaLl+pz3cmsSbzoaTn4jlVi7UA2wWXlW\nOlK6xgiQoaOC8XP9q9jvHzAOdSzhXquvYOTfW/wnujybvJUQNEphvkR5n0Ag\nIdNoKVPxxCxo0rKjzDNaoQz+zFKh6lepisLq/aJ70zlty5ywcQelFqdkL7Ux\n6RNzTv9eyLQZRdXOWm6UYD2Zu10tqQ2fOux1rQyeokbrMfCGu/60V5mJLSjW\ndKtL\r\n=1OY2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICPuTIyiiQptmjynPJdXC5WS9HS0O57IG7QeTMOxwq+8AiBmO+6dS1R7UKBlcNSadtR9Y7Arwl0vnMXmelnYeGJJ5w=="}]},"maintainers":[{"name":"achsuthan","email":"achsuthan.m@gmail.com"}],"_npmUser":{"name":"achsuthan","email":"achsuthan.m@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-drop-down-searcher_2.0.0_1582440385049_0.4160155255835718"},"_hasShrinkwrap":false},"2.0.1":{"name":"react-drop-down-searcher","version":"2.0.1","author":{"name":"Achsuthan Mahendran","email":"achsuthan@icloud.com"},"main":"./dist/ReactDropDown.js","keywords":["react","react component","select","multiselect","dropdown","single select","api dropdown"],"repository":{"type":"git","url":"git+https://github.com/Achsuthan/React-drop-down-searcher.git"},"license":"MIT","private":false,"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.4.0","@testing-library/user-event":"^7.2.1","react":"^16.12.0","react-dom":"^16.12.0","react-scripts":"3.4.0"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject","publish:npm":"rm -rf dist && mkdir dist &&  babel src/components -d dist --copy-files"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/cli":"^7.8.4","@babel/preset-react":"^7.8.3"},"babel":{"presets":["@babel/preset-react"]},"gitHead":"b1f61c33910d5c3bed6bd75ae3a610990a21f760","description":"Customisable dropdown select for react","bugs":{"url":"https://github.com/Achsuthan/React-drop-down-searcher/issues"},"homepage":"https://github.com/Achsuthan/React-drop-down-searcher#readme","_id":"react-drop-down-searcher@2.0.1","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-zFzYHiZDfe2XK56MefC/VofR3+NGb471r5mL2B9vWZCvPdJEZqRpWE2YCqH18VWMc6THc3PH1fi29wMA6Dpkgw==","shasum":"a7bc256aeb4ec768a92791b1052f645bd9659bde","tarball":"https://registry.npmjs.org/react-drop-down-searcher/-/react-drop-down-searcher-2.0.1.tgz","fileCount":42,"unpackedSize":1021484,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWeqSCRA9TVsSAnZWagAA+vYP/2HqTlOudB+TiF9BFHQa\nQP5pkymoZj3iaJGTCuGHqFYC+lT7Gm3XXZwz9d87A+IqLQMAlL9bdihbONei\n4BpR4z2lnqPZEvjx7omf2LvyrbMtpydqBDJAD+hm7c3WkdnG4TFzvkN0Ba3s\nd3elFgm41c6HCZNYagy5fWOomWIDh/3i3moROjEjNgrdlbTF8dd917NbGdlo\nTWIn88I82EXXpjj10x7V4S6JcCOTkGr0RaxYazn4GOpM5889JJeDq+UQAilu\nx6n5yH/O2J02xyYUYxsjKZFBsbEjf55Zp93N7UP2ryPACpRcv1LSN9Oogy89\ngT5lbzZAFhHhE0a/zvtkU+T3K25eDXMxnVVtDmUpwa6bdxY8sMO+EwuJEzfT\nnnnB3dxBRbg+8GgfC56xIdDZYOF6SIEco66R2YeOSpcOEHfzZq+V61ZQysQI\n38wRWGVv2kU+OdX7Tv3Hr+dHJpBghui30WQsZXvqZXwk2Z2eFaiGNyzkZHS4\npePogV3am/jwOI4ABXCK8cq1oYTMlYvFTJ0OmbVXzo4irn+9o/Lq8aOvK1Bu\nyK2noARGm8aWo4gONrlM+1WZ1ES8dy6gkJKb6L0/A4IoqEZXWz7Ba+0QM0Zo\ncVc4EpDuNwhWZBZaUCyr0yuLkGKU07aTDZXRr2hFpiwg7hC9lbueQIh5qj6g\n+VRN\r\n=NFMr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGot9K8qqdI1feHwfovZCifrKr47yhsEZLQJZJd6GPObAiEAiIRWheo925MBwtnwyVhyjmR2Ml2SGtbhBvPhzv3lEjA="}]},"maintainers":[{"name":"achsuthan","email":"achsuthan.m@gmail.com"}],"_npmUser":{"name":"achsuthan","email":"achsuthan.m@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-drop-down-searcher_2.0.1_1582951058064_0.04321634459175172"},"_hasShrinkwrap":false},"2.0.2":{"name":"react-drop-down-searcher","version":"2.0.2","author":{"name":"Achsuthan Mahendran","email":"achsuthan@icloud.com"},"main":"./dist/ReactDropDown.js","keywords":["react","react component","select","multiselect","dropdown","single select","api dropdown"],"repository":{"type":"git","url":"git+https://github.com/Achsuthan/React-drop-down-searcher.git"},"license":"MIT","private":false,"dependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.4.0","@testing-library/user-event":"^7.2.1","react":"^16.12.0","react-dom":"^16.12.0","react-scripts":"3.4.0"},"scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scripts eject","publish:npm":"rm -rf dist && mkdir dist &&  babel src/components -d dist --copy-files"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/cli":"^7.8.4","@babel/preset-react":"^7.8.3"},"babel":{"presets":["@babel/preset-react"]},"gitHead":"a35915f074562da879d0d578f7e9a67d470ed70e","description":"Customisable dropdown select for react","bugs":{"url":"https://github.com/Achsuthan/React-drop-down-searcher/issues"},"homepage":"https://github.com/Achsuthan/React-drop-down-searcher#readme","_id":"react-drop-down-searcher@2.0.2","_nodeVersion":"12.10.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-Pza834WRH99w/hupNLhu2BqP6JtZEW5QzKrAzBRtH7/vwZp6M7DoHrIr2gj5MAs/P5R7O14dy+dXpkQPQ0sCFQ==","shasum":"307479d6bf603d37e86408d15c9b9dd7d2a8721f","tarball":"https://registry.npmjs.org/react-drop-down-searcher/-/react-drop-down-searcher-2.0.2.tgz","fileCount":42,"unpackedSize":1022719,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZiZ4CRA9TVsSAnZWagAAOUgP/2KxO11M8Y3PmgtCUTAP\nAlYPaQ2Hy43EVI4rvf1XCfx/CtHx1g6246npcKtHUXMuuT8ZJ24RhujC1wEL\nkvMTv16iqmgmOL7w69i1pNKQoaJ0571yiZdt6Uyj9Ip+6zUpUyWCAS0DevCc\n61vvKN6mVsgTCESmQmYv6d8dmr1Juni/QH+K/6Cn5hIQ5TFjijuJ+xzgOGf7\nl53BpIVHhDZNKSeSlZo26cqpszCIL66zcAQNfg82dyxY5/R7X+BDc3P8Oxxn\n8eiM60IiE0a7DH2F9pjPlC3yienSIepoVE9N9TPyeent0X5QSo9njh8T4HWY\nwvZTxUVDOipM6t7CpFtv12zustPrWDkySzRBqXDH6BA4MOPyqWNoTrpZNbBk\n+cWahb0Gi4XcfZR2lTGxHTp54L84MKsUq9RLAIM6ttnfc6qJ7f2QaAcPBVHF\na0SQ21zC2YiCyE73IF6Y6vOsGJhG6R673G0sCs1MUZ77H6BuLpNFCripoNOg\nTV2OHoztSNNCWlwRT8v6BGuCYKIIKo5eaFRcLhlB5nWWDnhKgpzxw9W9kiym\n3Ne3mW9ysQfq0OIcsxnBB56nSCvpYZjP8lIiLGwmNxeAhIRWn5y7PbI+QJWV\nAyw/PtAtsXu9BuRbgusIjAJiSEwF2xpRkVMZbsWsPdaAMhXfb5YIH+mFuubE\nx4ub\r\n=zM69\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF4azyez27asc0dLaxJ633iKVpyOwfcRRhlLkqYOm5kdAiEAtuCovwH9f3EfE51EYDw8KuSW65aFke9ZnpKDFi/cmTA="}]},"maintainers":[{"name":"achsuthan","email":"achsuthan.m@gmail.com"}],"_npmUser":{"name":"achsuthan","email":"achsuthan.m@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-drop-down-searcher_2.0.2_1583752823401_0.8127393679798283"},"_hasShrinkwrap":false}},"maintainers":[{"name":"achsuthan","email":"achsuthan.m@gmail.com"}],"description":"Customisable dropdown select for react","homepage":"https://github.com/Achsuthan/React-drop-down-searcher#readme","keywords":["react","react component","select","multiselect","dropdown","single select","api dropdown"],"repository":{"type":"git","url":"git+https://github.com/Achsuthan/React-drop-down-searcher.git"},"author":{"name":"Achsuthan Mahendran","email":"achsuthan@icloud.com"},"bugs":{"url":"https://github.com/Achsuthan/React-drop-down-searcher/issues"},"license":"MIT","readme":"# React-drop-down-searcher\n\nCustomisable dropdown select for react\n\n<img src=\"https://badge.fury.io/js/react-drop-down-searcher.svg\" alt=\"version badge\">\n\n[![NPM](https://nodei.co/npm/react-drop-down-searcher.png?mini=true)](https://nodei.co/npm/react-drop-down-searcher/)\n\n### &#x1F53A; Whats New\n\n- Customizable selected dropdown color added \n- Customizable tag color added  \n\n### Features\n\n- Configurable via props\n- Plugin is supportable for mouse outside click\n- Auto position\n- Small bundle size\n\n### Installation\n\n```sh\nnpm i react-drop-down-searcher\n```\n\n### Website\n\n[Demo](https://npmplugins.firebaseapp.com)\n<br/>\n[Npm Link](https://www.npmjs.com/package/react-drop-down-searcher)\n\n### Usage\n\nImport :\n\n```sh\nimport DropDown from \"react-drop-down-searcher\";\n```\n\nand use as\n\n```sh\n<DropDown list={list} selectedList={selectedItem} toggleItem={val => toggleItem(val)} handleInputChange= {(val)=>handleInputChange(val)}/>\n```\n\n### API\n\nComponent Props\n\n| Prop              | Type        | Default | Description                                                                                          |\n| ----------------- | ----------- | ------- | ---------------------------------------------------------------------------------------------------- |\n| list              | ArrayObject | []      | These array values will show in the dropdown                                                         |\n| placeholder       | String      | Search  | Input field placeholder                                               \n| searchKey       | String      | Empty  | Search Key for filter dropdown                                             |\n| isSingle          | bool        | false   | if true, only one value can be selected from dropdown otherwise multi value can be selected dropdown |\n| labelName         | String      | title   | This value used to show which value is from the object in dropdown                                   |\n| selectedlabelName | String      | title   | From which value from the object need to show in the taginput                                        |\n| selectedList      | ArrayOBject | []      | If values set, it will show those values as tag input                                                |\n| tagColor      | String | #0074D9      |  This color is used to set the background color to selected dropdown value in the text input                                                |\n| selectedDropdownColor      | String | #0074D9      | This color is used to set the background color to selected index in dropdown                                                |\n### Callback props\n\n> by using render props to override components some of the functionality will have to be >handled manually with a help of internal props, states and methods exposed\n\n| Prop         | Type | Default | Description                                            |\n| ------------ | ---- | ------- | ------------------------------------------------------ |\n| toggleItem   | func |         | This will return the selected values from dropdwon     |\n| inputChanged | func |         | When type something from the textfiled it will trigger |\n\n### Screenshots\n\n- Main Image\n  ![alt text](https://firebasestorage.googleapis.com/v0/b/npmplugins.appspot.com/o/main.png?alt=media&token=e6748fab-0087-41c1-9581-fcbb73a39fdf)\n- Single Dropdown\n  ![alt text](https://firebasestorage.googleapis.com/v0/b/npmplugins.appspot.com/o/singleSelect.png?alt=media&token=48f4424e-3e05-4587-972e-66ec597261d0)\n- Multi Dropdown\n  ![alt text](https://firebasestorage.googleapis.com/v0/b/npmplugins.appspot.com/o/multiSelect.png?alt=media&token=4f04b082-deaa-4647-bc94-23c0d8b8772d)\n  \n\n  <h3>Demo Gif</h3>\n<img src=\"./screenshots/demo.gif\"/>\n<hr>\n<a href = \"mailto: achsuthan@icloud.com\">Contact Me</a>\n\n\nLicense\n  [MIT](https://github.com/Achsuthan/React-drop-down-searcher/blob/master/LICENSE)\n","readmeFilename":"README.md"}