jql-autocomplete-input

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