react-autocomplete
Advanced tools
Comparing version 0.0.2 to 0.1.0
{ | ||
"name": "react-autocomplete", | ||
"version": "0.0.2", | ||
"description": "", | ||
"main": "lib/main.js", | ||
"scripts": { | ||
"test": "echo \"no tests yet, just trust me\" && exit 0" | ||
"version": "0.1.0", | ||
"description": "Accessible, extensible, Autocomplete for React.js", | ||
"main": "./lib/index.js", | ||
"repository": { | ||
"type": "git", | ||
"url": "https://github.com/rackt/react-autocomplete.git" | ||
}, | ||
"author": "", | ||
"homepage": "https://github.com/rackt/react-autocomplete", | ||
"bugs": "https://github.com/rackt/react-autocomplete/issues", | ||
"directories": { | ||
"example": "examples" | ||
}, | ||
"authors": [ | ||
"Ryan Florence <rpflorence@gmail.com>" | ||
], | ||
"license": "MIT", | ||
"dependencies": { | ||
"react": "^0.10.0" | ||
}, | ||
"devDependencies": { | ||
"jsx-loader": "^0.10.2", | ||
"webpack": "^1.3.0-beta5", | ||
"rf-release": "^0.1.2" | ||
}, | ||
"tags": [ | ||
@@ -24,3 +24,7 @@ "react", | ||
"a11y" | ||
] | ||
} | ||
], | ||
"keywords": [], | ||
"dependencies": { | ||
"dom-scroll-into-view": "1.0.1" | ||
} | ||
} |
@@ -1,74 +0,7 @@ | ||
react-autocomplete (combobox) | ||
============================= | ||
React Autocomplete | ||
================== | ||
[WAI-ARIA][wai-aria] accessible [React][react] autocomplete component (combobox). | ||
Accessible, extensible, Autocomplete for React.js. | ||
Installation | ||
------------ | ||
Docs coming soon, for now just look at the `propTypes` and examples :) | ||
`npm install react-autocomplete` | ||
Demo | ||
---- | ||
http://rpflorence.github.io/react-autocomplete/example/ | ||
Usage | ||
----- | ||
```js | ||
var Autocomplete = require('react-autocomplete'); | ||
// its actually called a combobox, but noboby searches for that | ||
var Combobox = Autocomplete.Combobox; | ||
var Option = Autocomplete.Option; | ||
var comboboxinItUp = ( | ||
// Just like <select><option/></select>, this component is a | ||
// composite component. This gives you complete control over | ||
// What is displayed inside the <Option>s as well as allowing | ||
// you to render whatever you want inside, like a "no results" | ||
// message that isn't interactive like the <Options> are. | ||
// Start with the <Combobox/> and give it some handlers. | ||
<Combobox | ||
onInput={handleInput} | ||
onSelect={handleSelect} | ||
autocomplete="both" | ||
> | ||
// `onInput` is called when the user is typing, it gets passed the | ||
// value from the input. This is your chance to filter the Options | ||
// and redraw. More realistically, you'd make a request to get data | ||
// and then redraw when it lands. | ||
// | ||
// `onSelect` is called when the user makes a selection, you probably | ||
// want to reset the Options to your full dataset again, or maybe | ||
// deal with the value and then clear it out if this is used to | ||
// populate a list. | ||
// | ||
// `autocomplete` defaults to 'both'. 'inline' will autocomplete the | ||
// first matched Option into the input value, 'list' will display a | ||
// list of choices, and of course, both does both. | ||
// When this option is selected, `onSelect` will be called with the | ||
// value `"foo"`. | ||
<Option value="foo">Foo</Option> | ||
// `label` is the text to display in the input when the Option is | ||
// selected. It defaults to the content of the Option just like a | ||
// real <option>. (Maybe the value should too, now that I'm writing | ||
// this, but it doesn't yet) | ||
<Option value="bar" label="not bar at all">Bar</Option> | ||
</Combobox> | ||
); | ||
``` | ||
This is not realistic code, check out the examples directory for a real | ||
implementation. | ||
[wai-aria]:http://www.w3.org/TR/wai-aria/roles#combobox | ||
[react]:http://facebook.github.io/react/ | ||
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
No contributors or author data
MaintenancePackage does not specify a list of contributors or an author in package.json.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
Found 1 instance in 1 package
No tests
QualityPackage does not have any tests. This is a strong signal of a poorly maintained or low quality package.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
0
1
0
12457
5
313
8
1
+ Addeddom-scroll-into-view@1.0.1
+ Addeddom-scroll-into-view@1.0.1(transitive)
- Removedreact@^0.10.0
- Removedamdefine@1.0.1(transitive)
- Removedbase62@0.1.1(transitive)
- Removedenvify@1.2.1(transitive)
- Removedesprima-fb@3001.1.0-dev-harmony-fb(transitive)
- Removedjstransform@3.0.0(transitive)
- Removedobject-keys@0.4.0(transitive)
- Removedreact@0.10.0(transitive)
- Removedsource-map@0.1.31(transitive)
- Removedthrough@2.3.8(transitive)
- Removedxtend@2.1.2(transitive)