File tree Expand file tree Collapse file tree 6 files changed +20
-13
lines changed Expand file tree Collapse file tree 6 files changed +20
-13
lines changed Original file line number Diff line number Diff line change @@ -29,16 +29,17 @@ class App extends React.Component {
2929
3030 render ( ) {
3131 return (
32- < React . Fragment >
32+ < >
3333 < p > Select the countries you have visited using React Tags below:</ p >
3434 < ReactTags
3535 tags = { this . state . tags }
3636 suggestions = { this . state . suggestions }
3737 onDelete = { this . onDelete . bind ( this ) }
38- onAddition = { this . onAddition . bind ( this ) } />
38+ onAddition = { this . onAddition . bind ( this ) }
39+ />
3940 < p > Output:</ p >
4041 < pre > < code > { JSON . stringify ( this . state . tags , null , 2 ) } </ code > </ pre >
41- </ React . Fragment >
42+ </ >
4243 )
4344 }
4445}
Original file line number Diff line number Diff line change @@ -19,11 +19,11 @@ const plugins = [
1919 resolve ( ) ,
2020 // Use CommonJS plugin to include non-ES modules
2121 commonjs ( )
22- ] ;
22+ ]
2323
2424if ( process . env . NODE_ENV === 'production' ) {
25- // Use Uglify plugin to minify output
26- plugins . push ( uglify ( ) )
25+ // Use Uglify plugin to minify output
26+ plugins . push ( uglify ( ) )
2727} else {
2828 plugins . push ( serve ( { open : true , contentBase : 'example' , port : 8080 } ) )
2929}
Original file line number Diff line number Diff line change @@ -80,7 +80,8 @@ class Input extends React.Component {
8080 aria-owns = { id }
8181 aria-activedescendant = { index > - 1 ? `${ id } -${ index } ` : null }
8282 aria-expanded = { expanded }
83- style = { { width : this . state . inputWidth } } />
83+ style = { { width : this . state . inputWidth } }
84+ />
8485 < div ref = { this . sizer } style = { SIZER_STYLES } > { query || placeholderText } </ div >
8586 </ div >
8687 )
Original file line number Diff line number Diff line change @@ -221,14 +221,16 @@ class ReactTags extends React.Component {
221221 < div
222222 className = { this . props . classNames . selected }
223223 aria-relevant = 'additions removals'
224- aria-live = 'polite' >
224+ aria-live = 'polite'
225+ >
225226 { this . props . tags . map ( ( tag , i ) => (
226227 < TagComponent
227228 key = { i }
228229 tag = { tag }
229230 removeButtonText = { this . props . removeButtonText }
230231 classNames = { this . props . classNames }
231- onDelete = { this . deleteTag . bind ( this , i ) } />
232+ onDelete = { this . deleteTag . bind ( this , i ) }
233+ />
232234 ) ) }
233235 </ div >
234236 < div className = { this . props . classNames . search } >
@@ -241,15 +243,17 @@ class ReactTags extends React.Component {
241243 inputEventHandlers = { this . inputEventHandlers }
242244 autoresize = { this . props . autoresize }
243245 expanded = { expanded }
244- placeholderText = { this . props . placeholderText } />
246+ placeholderText = { this . props . placeholderText }
247+ />
245248 < Suggestions
246249 { ...this . state }
247250 id = { this . props . id }
248251 ref = { this . suggestions }
249252 classNames = { this . props . classNames }
250253 expanded = { expanded }
251254 addTag = { this . addTag . bind ( this ) }
252- suggestionComponent = { this . props . suggestionComponent } />
255+ suggestionComponent = { this . props . suggestionComponent }
256+ />
253257 </ div >
254258 </ div >
255259 )
Original file line number Diff line number Diff line change @@ -43,7 +43,8 @@ class Suggestions extends React.Component {
4343 role = 'option'
4444 className = { classNames . join ( ' ' ) }
4545 aria-disabled = { item . disabled === true }
46- onMouseDown = { this . onMouseDown . bind ( this , item ) } >
46+ onMouseDown = { this . onMouseDown . bind ( this , item ) }
47+ >
4748 { item . disableMarkIt ? item . name
4849 : < SuggestionComponent item = { item } query = { this . props . query } /> }
4950 </ li >
Original file line number Diff line number Diff line change 99 "prepare" : " npm run build" ,
1010 "prepublish" : " npm run build" ,
1111 "pretest" : " npm run lint && npm run build" ,
12- "lint" : " standard ' lib/*.js spec/*.js" ,
12+ "lint" : " standard lib/*.js spec/*.js" ,
1313 "test" : " jasmine" ,
1414 "coverage" : " nyc --include 'dist-es5/**' npm test" ,
1515 "dev" : " NODE_ENV=development rollup -c example/rollup.config.js --watch" ,
You can’t perform that action at this time.
0 commit comments