From edbcb63f33fa0a933fed6f7b0fc82f41a17dee99 Mon Sep 17 00:00:00 2001 From: Andy Date: Tue, 21 Mar 2017 13:06:14 -0700 Subject: [PATCH] react-autosuggest: Fix lint errors (#15288) --- react-autosuggest/react-autosuggest-tests.tsx | 78 +++++++++---------- 1 file changed, 39 insertions(+), 39 deletions(-) diff --git a/react-autosuggest/react-autosuggest-tests.tsx b/react-autosuggest/react-autosuggest-tests.tsx index f5ecaedc63..1488163ba0 100644 --- a/react-autosuggest/react-autosuggest-tests.tsx +++ b/react-autosuggest/react-autosuggest-tests.tsx @@ -5,19 +5,19 @@ import Autosuggest = require('react-autosuggest'); // endregion interface Language { - name : string; - year : number; + name: string; + year: number; } // https://developer.mozilla.org/en/docs/Web/JavaScript/Guide/Regular_Expression // s#Using_Special_Characters -function escapeRegexCharacters(str : string) : string { +function escapeRegexCharacters(str: string): string { return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); } export class ReactAutosuggestBasicTest extends React.Component { // region Fields - static languages : Language[] = [ + static languages: Language[] = [ { name: 'C', year: 1972 @@ -63,7 +63,7 @@ export class ReactAutosuggestBasicTest extends React.Component { } ]; // endregion region Constructor - constructor(props : any) { + constructor(props: any) { super(props); this.state = { @@ -72,7 +72,7 @@ export class ReactAutosuggestBasicTest extends React.Component { }; } // endregion region Rendering methods - render() : JSX.Element { + render(): JSX.Element { const {value, suggestions} = this.state; const inputProps = { placeholder: `Type 'c'`, @@ -101,25 +101,25 @@ export class ReactAutosuggestBasicTest extends React.Component { theme={theme}/>; } - protected onSuggestionsSelected(event : React.FormEvent, data : Autosuggest.SuggestionSelectedEventData) : void { + protected onSuggestionsSelected(event: React.FormEvent, data: Autosuggest.SuggestionSelectedEventData): void { alert(`Selected language is ${data.suggestion.name} (${data.suggestion.year}).`); } - protected renderSuggestion(suggestion : Language) : JSX.Element { + protected renderSuggestion(suggestion: Language): JSX.Element { return {suggestion.name}; } // endregion region Event handlers - protected onChange(event : React.FormEvent, {newValue, method} : any) : void { + protected onChange(event: React.FormEvent, {newValue, method}: any): void { this.setState({value: newValue}); } - protected onSuggestionsFetchRequested({value}: any) : void { + protected onSuggestionsFetchRequested({value}: any): void { this.setState({ suggestions: this.getSuggestions(value) }); } // endregion region Helper methods - protected getSuggestions(value: string) : Language[] { + protected getSuggestions(value: string): Language[] { const escapedValue = escapeRegexCharacters(value.trim()); if (escapedValue === '') { @@ -133,7 +133,7 @@ export class ReactAutosuggestBasicTest extends React.Component { .filter(language => regex.test(language.name)); } - protected getSuggestionValue(suggestion: Language) : string {return suggestion.name;} + protected getSuggestionValue(suggestion: Language): string { return suggestion.name; } // endregion } @@ -141,13 +141,13 @@ ReactDOM.render( , document.getElementById('app')); interface LanguageGroup { - title : string; - languages : Language[]; + title: string; + languages: Language[]; } -export class ReactAutosuggestMultipleTest extends React.Component { +export class ReactAutosuggestMultipleTest extends React.Component { // region Fields - static languages : LanguageGroup[] = [ + static languages: LanguageGroup[] = [ { title: '1970s', languages: [ @@ -218,7 +218,7 @@ export class ReactAutosuggestMultipleTest extends React.Component { } ]; // endregion region Constructor - constructor(props : any) { + constructor(props: any) { super(props); this.state = { @@ -227,7 +227,7 @@ export class ReactAutosuggestMultipleTest extends React.Component { }; } // endregion region Rendering methods - render() : JSX.Element { + render(): JSX.Element { const {value, suggestions} = this.state; const inputProps = { placeholder: `Type 'c'`, @@ -251,31 +251,31 @@ export class ReactAutosuggestMultipleTest extends React.Component { inputProps={inputProps}/>; } - protected onSuggestionSelected(event : React.FormEvent, data : Autosuggest.SuggestionSelectedEventData) : void { + protected onSuggestionSelected(event: React.FormEvent, data: Autosuggest.SuggestionSelectedEventData): void { const language = data.suggestion as Language; alert(`Selected language is ${language.name} (${language.year}).`); } - protected renderSuggestion(suggestion : Language) : JSX.Element { + protected renderSuggestion(suggestion: Language): JSX.Element { return {suggestion.name}; } - protected renderSectionTitle(section : LanguageGroup) : JSX.Element { + protected renderSectionTitle(section: LanguageGroup): JSX.Element { return {section.title}; } // endregion region Event handlers - protected onChange(event : React.FormEvent, {newValue, method} : any) : void { + protected onChange(event: React.FormEvent, {newValue, method}: any): void { this.setState({value: newValue}); } - protected onSuggestionsFetchRequested({value} : any) : void { + protected onSuggestionsFetchRequested({value}: any): void { this.setState({ suggestions: this.getSuggestions(value) }); } // endregion region Helper methods - protected getSuggestions(value : string) : LanguageGroup[] { + protected getSuggestions(value: string): LanguageGroup[] { const escapedValue = escapeRegexCharacters(value.trim()); if (escapedValue === '') { @@ -297,11 +297,11 @@ export class ReactAutosuggestMultipleTest extends React.Component { .filter(section => section.languages.length > 0); } - protected getSuggestionValue(suggestion : Language) { + protected getSuggestionValue(suggestion: Language) { return suggestion.name; } - protected getSectionSuggestions(section : LanguageGroup) { + protected getSectionSuggestions(section: LanguageGroup) { return section.languages; } // endregion @@ -311,14 +311,14 @@ ReactDOM.render( , document.getElementById('app')); interface Person { - first : string; - last : string; - twitter : string; + first: string; + last: string; + twitter: string; } -export class ReactAutosuggestCustomTest extends React.Component { +export class ReactAutosuggestCustomTest extends React.Component { // region Fields - static people : Person[] = [ + static people: Person[] = [ { first: 'Charlie', last: 'Brown', @@ -338,7 +338,7 @@ export class ReactAutosuggestCustomTest extends React.Component { } ]; // endregion region Constructor - constructor(props : any) { + constructor(props: any) { super(props); this.state = { @@ -347,7 +347,7 @@ export class ReactAutosuggestCustomTest extends React.Component { }; } // endregion region Rendering methods - render() : JSX.Element { + render(): JSX.Element { const {value, suggestions} = this.state; const inputProps = { placeholder: "Type 'c'", @@ -365,12 +365,12 @@ export class ReactAutosuggestCustomTest extends React.Component { inputProps={inputProps}/>; } - protected renderSuggestion(suggestion : Person, {value, valueBeforeUpDown} : any) : JSX.Element { + protected renderSuggestion(suggestion: Person, {value, valueBeforeUpDown}: any): JSX.Element { const suggestionText = `${suggestion.first} ${suggestion.last}`; const query = (valueBeforeUpDown || value).trim(); const parts = suggestionText .split(' ') - .map((part : string) => { + .map((part: string) => { return { highlight: (Math.ceil(Math.random() * 10)) % 2, text: part @@ -391,17 +391,17 @@ export class ReactAutosuggestCustomTest extends React.Component { ; } // endregion region Event handlers - protected onChange(event : React.FormEvent, {newValue, method} : any) : void { + protected onChange(event: React.FormEvent, {newValue, method}: any): void { this.setState({value: newValue}); } - protected onSuggestionsFetchRequested({value} : any) : void { + protected onSuggestionsFetchRequested({value}: any): void { this.setState({ suggestions: this.getSuggestions(value) }); } // endregion region Helper methods - protected getSuggestions(value : string) : Person[] { + protected getSuggestions(value: string): Person[] { const escapedValue = escapeRegexCharacters(value.trim()); if (escapedValue === '') { @@ -415,7 +415,7 @@ export class ReactAutosuggestCustomTest extends React.Component { .filter(person => regex.test(this.getSuggestionValue(person))); } - protected getSuggestionValue(suggestion : Person) : string {return `${suggestion.first} ${suggestion.last}`;} + protected getSuggestionValue(suggestion: Person): string { return `${suggestion.first} ${suggestion.last}`; } // endregion }