appbaseio/reactivesearch

Function render has 142 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const {
            items,
            selectedItem,
            placeholder,

Avoid too many return statements within this function.

Open

        return value;

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    renderToString = (value) => {
        if (Array.isArray(value) && value.length) {
            const arrayToRender = value.map(item => this.renderToString(item));
            return arrayToRender.join(', ');
        } else if (value && typeof value === 'object') {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

Dropdown.propTypes = {
    innerClass: types.style,
    items: types.data,
    keyField: types.string,
    labelField: types.string,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                                {this.props.showSearch ? (
                                    <Input
                                        id={`${this.props.componentId}-input`}
                                        style={{
                                            border: 0,

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

                                {itemsToRender
                                    .filter((item) => {
                                        if (String(item[labelField]).length) {
                                            if (this.props.showSearch && this.state.searchTerm) {
                                                return String(item[labelField])

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                                        let selected
                                            = this.props.multi
                                            // MultiDropdownList
                                            && ((selectedItem && !!selectedItem[item[keyField]])
                                                // MultiDropdownRange

• Read up
  Read up

Identical blocks of code found in 5 locations. Consider refactoring.

Open

    handleStateChange = (changes) => {
        const { isOpen, type } = changes;
        if (type === Downshift.stateChangeTypes.mouseUp) {
            this.setState({
                isOpen,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    getBackgroundColor = (highlighted, selected) => {
        const isDark = this.props.themePreset === 'dark';
        if (highlighted) {
            return isDark ? '#555' : '#eee';
        } else if (selected) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        if (this.props.returnsObject) {
            this.props.onChange(item);
        } else {
            this.props.onChange(item[this.props.keyField]);
        }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                        <Select
                            {...getButtonProps()}
                            className={getClassName(this.props.innerClass, 'select') || null}
                            onClick={this.toggle}
                            title={selectedItem ? this.renderToString(selectedItem) : placeholder}

• Read up
  Read up

Identical blocks of code found in 5 locations. Consider refactoring.

Open

    handleInputChange = (e) => {
        const { value } = e.target;
        this.setState({
            searchTerm: value,
        });

• Read up
  Read up