appbaseio/reactivesearch

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

Open

    render() {
        const { color, ...checkBoxStyles } = getInnerKey(this.props.innerStyle, 'checkbox');
        return (
            <View>
                {this.state.showModal ? (

File MultiDropdownRange.js has 308 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable */
import React, { Component } from 'react';
import { View, Modal, ListView, TouchableWithoutFeedback } from 'react-native';
import { CheckBox, Text, Body, Item, Header, Left, Button, Icon, Title, Right } from 'native-base';

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

Open

                        <Header {...getInnerKey(this.props.innerProps, 'header')}>
                            <Left style={getInnerKey(this.props.innerStyle, 'left')}>
                                <Button
                                    transparent
                                    onPress={this.toggleModal}

• Read up
  Read up

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

Open

MultiDropdownRange.propTypes = {
    addComponent: types.funcRequired,
    componentId: types.stringRequired,
    defaultSelected: types.stringArray,
    react: types.react,

• Read up
  Read up

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

Open

    defaultQuery = (values, props) => {
        const generateRangeQuery = (dataField, items) => {
            if (items.length > 0) {
                return items.map(value => ({
                    range: {

• Read up
  Read up

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

Open

                            <Text
                                numberOfLines={1}
                                ellipsizeMode="tail"
                                style={{
                                    flex: 1,

• Read up
  Read up

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

Open

    componentDidMount() {
        this.props.addComponent(this.props.componentId);
        this.setReact(this.props);

        if (this.props.selectedValue) {

• Read up
  Read up

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

Open

const mapDispatchtoProps = dispatch => ({
    addComponent: component => dispatch(addComponent(component)),
    removeComponent: component => dispatch(removeComponent(component)),
    watchComponent: (component, react) => dispatch(watchComponent(component, react)),
    updateQuery: updateQueryObject => dispatch(updateQuery(updateQueryObject)),

• Read up
  Read up

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

Open

    updateQuery = (value, props) => {
        const query = props.customQuery || this.defaultQuery;

        props.updateQuery({
            componentId: props.componentId,

• Read up
  Read up

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

Open

                    <Modal
                        supportedOrientations={this.props.supportedOrientations || null}
                        transparent={false}
                        visible={this.state.showModal}
                        onRequestClose={this.toggleModal}

• Read up
  Read up

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

Open

                                        <Text
                                            style={{
                                                color: this.props.theming.textColor,
                                                marginLeft: 20,
                                                ...getInnerKey(this.props.innerStyle, 'label'),

• Read up
  Read up

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

Open

const mapStateToProps = (state, props) => ({
    selectedValue: state.selectedValues[props.componentId]
        ? state.selectedValues[props.componentId].value
        : null,
});

• Read up
  Read up

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

Open

        checkPropChange(this.props.dataField, nextProps.dataField, () => {
            this.updateQuery(this.state.currentValue, nextProps);
        });

• Read up
  Read up

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

Open

            currentValue.forEach(value => {
                this.selectedValues = { ...this.selectedValues, [value.label]: true };
            });

• Read up
  Read up