jql-autocomplete-input
v1.0.5
Published
Copy of @deviniti/[email protected] with fix
Downloads
118
Readme
#Jira JQLAutocomplete input component
Getting started
Example
import React from 'react';
import axios from 'axios';
import JQLAutocompleteInput from './JQLAutocompleteInput';
class App extends React.Component {
state = {
inputValue: ''
}
fetchbyAxios(resourceUrl) {
return axios.get(resourceUrl);
}
getSuggestionsRequest = fieldName => fetchbyAxios(`/rest/api/2/jql/autocompletedata/suggestions?fieldName=${fieldName}`);
validationRequest = jql => fetchbyAxios(`/rest/api/2/search?startAt=0&maxResults=1&validateQuery=strict&fields=summary&jql=${jql}`);
getAutocompleteDataRequest = () => fetchbyAxios('/rest/api/2/jql/autocompletedata');
onJQLChange = (event) => {
this.setState({
inputValue: event.target.value
})
};
render() {
return (
<JQLAutocompleteInput
getAutocompleteDataRequest={this.getAutocompleteDataRequest}
getSuggestionsRequest={this.getSuggestionsRequest}
inputStyle="ak-field-text"
initialValue={this.props.inputValue}
inputId={this.props.inputId}
label={'JQL'}
onChange={this.onJQLChange}
setValue={this.props.setValue}
validationRequest={this.validationRequest}
/>
);
}
}
Demo
Just open demo/index.html
in your browser.
Changelog
v1.0.0
- created