{"_id":"@alexkuz/react-autocomplete","_rev":"29-8d6cad3c4d32f2421ca13022000f0f2e","name":"@alexkuz/react-autocomplete","time":{"modified":"2022-06-12T14:28:56.918Z","created":"2015-07-20T11:23:22.415Z","0.0.2":"2015-07-20T11:23:22.415Z","0.0.3":"2015-07-21T11:15:07.002Z","0.0.4":"2015-07-21T11:21:55.133Z","0.0.5":"2015-07-27T11:32:47.409Z","0.0.6":"2015-07-27T13:59:01.480Z","0.0.7":"2015-07-27T14:01:15.521Z","0.0.8":"2015-07-27T14:05:15.537Z","0.0.9":"2015-07-27T14:12:30.878Z","0.0.10":"2015-07-28T21:37:12.743Z","0.0.11":"2015-07-28T22:34:01.628Z","0.1.0":"2015-07-28T22:48:37.227Z","0.1.1":"2015-08-06T11:49:00.736Z","0.1.2":"2015-08-25T15:35:29.701Z","0.2.0-beta":"2015-08-27T09:21:30.245Z","0.2.0":"2015-09-01T11:32:04.947Z","0.2.1":"2015-09-01T11:56:55.406Z","0.2.2":"2015-11-11T17:16:00.238Z"},"maintainers":[{"name":"alexkuz","email":"alexkuz@gmail.com"}],"dist-tags":{"latest":"0.2.2","beta":"0.2.0-beta"},"description":"> Yes, this is another fork. Of the fork. I'm sorry. This fork enables bootstrap appearance, like this: ``` <Compobox appearance='bootstrap' ... /> ``` Also, it has a mode, in which it shrinks to it's content. Can be useful as inline component: ``` <Compo","readme":"> Yes, this is another fork. Of the fork. I'm sorry.\nThis fork enables bootstrap appearance, like this:\n```\n<Compobox appearance='bootstrap' ... />\n```\nAlso, it has a mode, in which it shrinks to it's content. Can be useful as inline component:\n```\n<Compobox shrink={true} shrinkMinSize={100}  ... />\n```\nInstallation: \n```\n$ npm install @alexkuz/react-autocomplete\n```\n\n#\n\n> A quick, friendly fork aimed at making the original lib easier to consume, when using with:\n* React v0.12.x or v0.13.x\n* many configurations of webpack/browserify/etc. (alternative: configure your loader to transform the lib's JSX).\n\n> `npm install colinhicks/react-autocomplete`\n```js\nimport {Combobox, Option} from 'react-autocomplete';\n```\n\n\n> Original readme preserved below ...\n\nreact-autocomplete (combobox)\n=============================\n\n[WAI-ARIA][wai-aria] accessible [React][react] autocomplete component (combobox).\n\nInstallation\n------------\n\n`npm install react-autocomplete`\n\nWIP\n---\n\nThis is not production ready, but I welcome use-cases opened in the\nissues :)\n\nDemo\n----\n\nhttp://rackt.github.io/react-autocomplete/example/\n\nUsage\n-----\n\n```js\nvar Autocomplete = require('react-autocomplete');\n\n// its actually called a combobox, but noboby searches for that\nvar Combobox = Autocomplete.Combobox; \nvar Option = Autocomplete.Option;\n\nvar comboboxinItUp = (\n\n  // Just like <select><option/></select>, this component is a\n  // composite component. This gives you complete control over\n  // What is displayed inside the <Option>s as well as allowing\n  // you to render whatever you want inside, like a \"no results\"\n  // message that isn't interactive like the <Options> are.\n\n  // Start with the <Combobox/> and give it some handlers.\n\n  <Combobox\n    onInput={handleInput}\n    onSelect={handleSelect}\n    autocomplete=\"both\"\n  >\n\n    // `onInput` is called when the user is typing, it gets passed the\n    // value from the input. This is your chance to filter the Options\n    // and redraw. More realistically, you'd make a request to get data\n    // and then redraw when it lands.\n    //\n    // `onSelect` is called when the user makes a selection, you probably\n    // want to reset the Options to your full dataset again, or maybe\n    // deal with the value and then clear it out if this is used to\n    // populate a list.\n    //\n    // `autocomplete` defaults to 'both'. 'inline' will autocomplete the\n    // first matched Option into the input value, 'list' will display a\n    // list of choices, and of course, both does both.\n \n    // When this option is selected, `onSelect` will be called with the\n    // value `\"foo\"`.\n    <Option value=\"foo\">Foo</Option>\n\n    // `label` is the text to display in the input when the Option is\n    // selected. It defaults to the content of the Option just like a\n    // real <option>. (Maybe the value should too, now that I'm writing\n    // this, but it doesn't yet)\n    <Option value=\"bar\" label=\"not bar at all\">Bar</Option>\n  </Combobox>\n);\n```\n\nThis is not realistic code, check out the examples directory for a real\nimplementation.\n\n  [wai-aria]:http://www.w3.org/TR/wai-aria/roles#combobox\n  [react]:http://facebook.github.io/react/\n\n","versions":{"0.1.0":{"name":"@alexkuz/react-autocomplete","version":"0.1.0","description":"> Yes, this is another fork. Of the fork. I'm sorry. This fork enables bootstrap appearance, like this: ``` <Compobox appearance='bootstrap' ... /> ``` Also, it has a mode, in which it shrinks to it's content. Can be useful as inline component: ``` <Compo","main":"lib/main.js","scripts":{"build":"babel src --out-dir lib --optional runtime && cp src/styles.css lib/styles.css","test":"echo \"no tests yet, just trust me\" && exit 0","prepublish":"npm run build"},"author":"","license":"MIT","peerDependencies":{"react":"^0.13.1"},"devDependencies":{"babel":"^4.6.6"},"tags":["react","autocomplete","combobox","a11y"],"gitHead":"030558dbc9e72601b97b7420358a2cc0d16404a8","_id":"@alexkuz/react-autocomplete@0.1.0","_shasum":"ad89035879d632d5e81486601b1cce61f95278a2","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"alexkuz","email":"alexkuz@gmail.com"},"maintainers":[{"name":"alexkuz","email":"alexkuz@gmail.com"}],"dist":{"shasum":"ad89035879d632d5e81486601b1cce61f95278a2","tarball":"https://registry.npmjs.org/@alexkuz/react-autocomplete/-/react-autocomplete-0.1.0.tgz","integrity":"sha512-F3CV13qjteTETgiKqBB6fVKF1vcxSET/Pz+ZYYs4221nPtdCUjhZuvnA3R5vpw+MK7bhOnhWoBAJ5psT/VljEg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIERieMX+3xgba0+4z0zJ9NHcggiNeZDGWZ4YvPPBOsdXAiEA6NI+SnIARgkrnBl9jFul2CFSLUTMkUZrGG9uiVaa/Gc="}]}},"0.1.1":{"name":"@alexkuz/react-autocomplete","version":"0.1.1","description":"> Yes, this is another fork. Of the fork. I'm sorry. This fork enables bootstrap appearance, like this: ``` <Compobox appearance='bootstrap' ... /> ``` Also, it has a mode, in which it shrinks to it's content. Can be useful as inline component: ``` <Compo","main":"lib/main.js","scripts":{"build":"babel src --out-dir lib --optional runtime && cp src/styles.css lib/styles.css","test":"echo \"no tests yet, just trust me\" && exit 0","prepublish":"npm run build"},"author":"","license":"MIT","peerDependencies":{"react":"^0.13.1"},"devDependencies":{"babel":"^4.6.6"},"tags":["react","autocomplete","combobox","a11y"],"gitHead":"b1773a1d48a366f05e6ddabe69e5a3c4c9a66ce3","_id":"@alexkuz/react-autocomplete@0.1.1","_shasum":"21641e9c344ddfae8c66464d6c4df5da89e21d7f","_from":".","_npmVersion":"2.13.2","_nodeVersion":"0.12.7","_npmUser":{"name":"alexkuz","email":"alexkuz@gmail.com"},"maintainers":[{"name":"alexkuz","email":"alexkuz@gmail.com"}],"dist":{"shasum":"21641e9c344ddfae8c66464d6c4df5da89e21d7f","tarball":"https://registry.npmjs.org/@alexkuz/react-autocomplete/-/react-autocomplete-0.1.1.tgz","integrity":"sha512-lz2GEXSwnPXz4zQd1RjLzjPjE1FtKhw59tjckC7P4JFbplkBrryuYSo9tLHDYhVGsVqKx/i2KECoKHJxXhi3WQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAaHh7IUKWuiSPNwAftPF+W9VQGdTC5cM1hLTnBr1ODqAiBfGwBKos/if4UF7awWnCo+LSd22dkC2j77/mIgNWU/lg=="}]}},"0.1.2":{"name":"@alexkuz/react-autocomplete","version":"0.1.2","description":"> Yes, this is another fork. Of the fork. I'm sorry. This fork enables bootstrap appearance, like this: ``` <Compobox appearance='bootstrap' ... /> ``` Also, it has a mode, in which it shrinks to it's content. Can be useful as inline component: ``` <Compo","main":"lib/main.js","scripts":{"build":"babel src --out-dir lib --optional runtime && cp src/styles.css lib/styles.css","test":"echo \"no tests yet, just trust me\" && exit 0","prepublish":"npm run build","version":"npm run build && git add -A .","postversion":"git push"},"author":"","license":"MIT","peerDependencies":{"react":"^0.13.1"},"devDependencies":{"babel":"^4.6.6"},"tags":["react","autocomplete","combobox","a11y"],"gitHead":"08227f3b6a1998db57ed0c0cc06aa29a09202a95","_id":"@alexkuz/react-autocomplete@0.1.2","_shasum":"3844c4319c9b0736e41dd750db9eff8d442ed7a9","_from":".","_npmVersion":"2.13.3","_nodeVersion":"3.0.0","_npmUser":{"name":"alexkuz","email":"alexkuz@gmail.com"},"maintainers":[{"name":"alexkuz","email":"alexkuz@gmail.com"}],"dist":{"shasum":"3844c4319c9b0736e41dd750db9eff8d442ed7a9","tarball":"https://registry.npmjs.org/@alexkuz/react-autocomplete/-/react-autocomplete-0.1.2.tgz","integrity":"sha512-Yp0CaLtAq+wNnPhWL3V4iLfiwQoVQ3bWRkt92484CoEx713JLuW6nCj0vho1atBpbsnou5p+WKDR3OPkOsDl7A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCyjZn+3Jc0I54UOP11XyeQJtpeXecHrD6iT2s6Ka9xIAIgNS1bODEOGZq/SKch7ugnoT4a1AK5cW1rhDVDwuiyOdo="}]}},"0.2.0-beta":{"name":"@alexkuz/react-autocomplete","version":"0.2.0-beta","description":"> Yes, this is another fork. Of the fork. I'm sorry. This fork enables bootstrap appearance, like this: ``` <Compobox appearance='bootstrap' ... /> ``` Also, it has a mode, in which it shrinks to it's content. Can be useful as inline component: ``` <Compo","main":"lib/main.js","scripts":{"build":"babel src --out-dir lib --optional runtime && cp src/styles.css lib/styles.css","test":"echo \"no tests yet, just trust me\" && exit 0","prepublish":"npm run build","version":"npm run build && git add -A .","postversion":"git push"},"author":"","license":"MIT","peerDependencies":{"react":">=0.13.1 || ^0.14.0-alpha","react-dom":">=0.13.1 || ^0.14.0-alpha"},"devDependencies":{"babel":"^5.8.21"},"tags":["react","autocomplete","combobox","a11y"],"gitHead":"a5d84efd384bc48c48bab2d9925d4461e5c47736","_id":"@alexkuz/react-autocomplete@0.2.0-beta","_shasum":"b2339dcb23e28107be78bddd1d51d15bd92b3add","_from":".","_npmVersion":"2.13.3","_nodeVersion":"3.0.0","_npmUser":{"name":"alexkuz","email":"alexkuz@gmail.com"},"maintainers":[{"name":"alexkuz","email":"alexkuz@gmail.com"}],"dist":{"shasum":"b2339dcb23e28107be78bddd1d51d15bd92b3add","tarball":"https://registry.npmjs.org/@alexkuz/react-autocomplete/-/react-autocomplete-0.2.0-beta.tgz","integrity":"sha512-DUUFMTRvMGy6aVLgYQIHAAD4HrBHYVn/hjpiUTbO/FswFOfabtkvUDri//KyV/1WO4yY7Zn57I9tl3Lpt0tyrA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG6Zge9mQOTbXoXEIeOMnHP9nt8Eqiq7nsMoeVlfZmJZAiEA3QyichUgUBC9nkg4X5Dmj9+AM65UUeaT/rWre772M30="}]}},"0.2.0":{"name":"@alexkuz/react-autocomplete","version":"0.2.0","description":"> Yes, this is another fork. Of the fork. I'm sorry. This fork enables bootstrap appearance, like this: ``` <Compobox appearance='bootstrap' ... /> ``` Also, it has a mode, in which it shrinks to it's content. Can be useful as inline component: ``` <Compo","main":"lib/main.js","scripts":{"build":"babel src --out-dir lib --optional runtime && cp src/styles.css lib/styles.css","test":"echo \"no tests yet, just trust me\" && exit 0","prepublish":"npm run build","version":"npm run build && git add -A .","postversion":"git push"},"author":"","license":"MIT","peerDependencies":{"react":">=0.13.1 || ^0.14.0-alpha","react-dom":">=0.13.1 || ^0.14.0-alpha"},"devDependencies":{"babel":"^5.8.21"},"tags":["react","autocomplete","combobox","a11y"],"gitHead":"ed1bf29a566f73dddbdd7ea56c7e7643d381b6b7","_id":"@alexkuz/react-autocomplete@0.2.0","_shasum":"d4ac0f9633ebbfc1adfe363c5b7bf23e621a0573","_from":".","_npmVersion":"2.13.3","_nodeVersion":"3.0.0","_npmUser":{"name":"alexkuz","email":"alexkuz@gmail.com"},"maintainers":[{"name":"alexkuz","email":"alexkuz@gmail.com"}],"dist":{"shasum":"d4ac0f9633ebbfc1adfe363c5b7bf23e621a0573","tarball":"https://registry.npmjs.org/@alexkuz/react-autocomplete/-/react-autocomplete-0.2.0.tgz","integrity":"sha512-TGf86ipaZw/zghHjWbZyXo0CGS4aJImcbU8pcrikLAPLw25An2JS6M+o7wIC7/TwLW0D/ZRrmW5FWJ57AOTaOA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTAccNoXP/FSFKLZ4YWWwMLsJbhDhXrM72fguFFeXJ9gIgBqftMjAjwYyUSuNJUDdmZ1WUGlUkNVzK55UwmJ3C/No="}]}},"0.2.1":{"name":"@alexkuz/react-autocomplete","version":"0.2.1","description":"> Yes, this is another fork. Of the fork. I'm sorry. This fork enables bootstrap appearance, like this: ``` <Compobox appearance='bootstrap' ... /> ``` Also, it has a mode, in which it shrinks to it's content. Can be useful as inline component: ``` <Compo","main":"lib/main.js","scripts":{"build":"babel src --out-dir lib --optional runtime && cp src/styles.css lib/styles.css","test":"echo \"no tests yet, just trust me\" && exit 0","prepublish":"npm run build","version":"npm run build && git add -A .","postversion":"git push"},"author":"","license":"MIT","peerDependencies":{"react":">=0.13.1 || ^0.14.0-alpha","react-dom":">=0.13.1 || ^0.14.0-alpha"},"devDependencies":{"babel":"^5.8.21"},"tags":["react","autocomplete","combobox","a11y"],"gitHead":"7488797929da134604f22da79006303193515f53","_id":"@alexkuz/react-autocomplete@0.2.1","_shasum":"3483b13a981bed9ee489b1af715564cafc262cc7","_from":".","_npmVersion":"2.13.3","_nodeVersion":"3.0.0","_npmUser":{"name":"alexkuz","email":"alexkuz@gmail.com"},"maintainers":[{"name":"alexkuz","email":"alexkuz@gmail.com"}],"dist":{"shasum":"3483b13a981bed9ee489b1af715564cafc262cc7","tarball":"https://registry.npmjs.org/@alexkuz/react-autocomplete/-/react-autocomplete-0.2.1.tgz","integrity":"sha512-Bvsf+pzmnDLtOcgO+F46RMyP7PHggSZi1ecGX/nhSIhv5KMeY0YozjpZqF2Nhk+TUwNIMOZsUK0APtsv6WBp4A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB7Epd1wT4TvFu7FTWTzbqFO1CIqsF/ysXRo3Axz0WHQAiBq0XsGHpO/dW3oIaC5WGWPyjlhwnS07uO6dkUg1kMz/A=="}]}},"0.2.2":{"name":"@alexkuz/react-autocomplete","version":"0.2.2","description":"> Yes, this is another fork. Of the fork. I'm sorry. This fork enables bootstrap appearance, like this: ``` <Compobox appearance='bootstrap' ... /> ``` Also, it has a mode, in which it shrinks to it's content. Can be useful as inline component: ``` <Compo","main":"lib/main.js","scripts":{"build":"babel src --out-dir lib --optional runtime && cp src/styles.css lib/styles.css","test":"echo \"no tests yet, just trust me\" && exit 0","prepublish":"npm run build","version":"npm run build && git add -A .","postversion":"git push"},"author":"","license":"MIT","peerDependencies":{"react":">=0.13.1 || ^0.14.0-alpha","react-dom":">=0.13.1 || ^0.14.0-alpha"},"devDependencies":{"babel":"^5.8.21"},"tags":["react","autocomplete","combobox","a11y"],"gitHead":"93639bb8d4310411fa9a19589dbf9ab2999634dc","_id":"@alexkuz/react-autocomplete@0.2.2","_shasum":"126975889dbe190f365e7fca95bbd8952c540f86","_from":".","_npmVersion":"2.14.5","_nodeVersion":"3.3.1","_npmUser":{"name":"alexkuz","email":"alexkuz@gmail.com"},"maintainers":[{"name":"alexkuz","email":"alexkuz@gmail.com"}],"dist":{"shasum":"126975889dbe190f365e7fca95bbd8952c540f86","tarball":"https://registry.npmjs.org/@alexkuz/react-autocomplete/-/react-autocomplete-0.2.2.tgz","integrity":"sha512-UxU73JgT2bBkvc0efr285vd1r1SOegSbazko0stoUrI1hLCM3QWc8I10LZyxdPl4vQsGTUBxXZKfII1QXq/wAA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCiDi4OhISFjLEtXykTdYfiJ1bIOMTe+U7mUw9c3p/Q7QIhAPuU+oNACPC0DXYlqf3WhYq/vvjz9AaLDDii4KvEtx9Y"}]}}},"license":"MIT","readmeFilename":"README.md"}