nexxtway/react-rainbow

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

Open

        terms: [
            { offset: 0, value: 'Cubbon Park' },
            { offset: 13, value: 'Sampangi Rama Nagara' },
            { offset: 35, value: 'Bengaluru' },
            { offset: 46, value: 'Karnataka' },

• Read up
  Read up

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

Open

    ${props =>
        props.status === 'success' &&
        `
            border: 1px solid ${props.palette.success.main};
            transition-property: border;

• Read up
  Read up

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

Open

            <ButtonGroup>
                <Button label="Add" variant="neutral" />
                <Button label="Edit" variant="neutral" />
                <Button label="Paste" variant="neutral" />
            </ButtonGroup>

• Read up
  Read up

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

Open

    it('should return true when the element has zero size and content, but overflow style is other than visible', () => {
        const element = {
            offsetWidth: 0,
            offsetHeight: 0,
            innerHTML: 'some content',

• Read up
  Read up

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

Open

    handleFocusMinutes() {
        const { minutes } = this.state;
        this.prevMinutes = minutes || this.prevMinutes;
        this.setState({
            inputFocusedIndex: 1,

• Read up
  Read up

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

Open

    ${props =>
        props.isVisible &&
        props.isFirstInRange &&
        props.isLastDayOfWeek &&
        `

• Read up
  Read up

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

Open

            <g fill="none" fillRule="nonzero">
                <circle cx="9.981" cy="9.981" r="9.981" fill="#01B6F5" />
                <path
                    fill="#02AEEA"
                    d="M19.961 9.98c0 5.49-4.491 9.981-9.98 9.981-3.182 0-5.989-1.435-7.798-3.743 1.684 1.373 3.868 2.184 6.238 2.184 5.49 0 9.98-4.492 9.98-9.98 0-2.371-.81-4.555-2.183-6.239 2.308 1.81 3.743 4.616 3.743 7.798z"

• Read up
  Read up

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

Open

    it('should return right', () => {
        const values = ['right', null, undefined, {}, '', 0, 31];
        values.forEach(value => {
            expect(getSlideFrom(value, 'right')).toBe('right');
        });

• Read up
  Read up

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

Open

    handleFocusHour() {
        const { hour } = this.state;
        this.prevHour = hour || this.prevHour;
        this.setState({
            inputFocusedIndex: 0,

• Read up
  Read up

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

Open

    it('should set the prop arrowAscendent to true when direction is asc', () => {
        const component = mount(<SortArrowIcon direction="asc" />);
        expect(component.find(StyledSortArrowIcon).prop('arrowAscendent')).toBe(true);
    });

• Read up
  Read up

Function ButtonMenu has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function ButtonMenu(props) {
    const {
        label,
        icon,
        iconPosition,

Function Label has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function Label(props) {
    const {
        className,
        label,
        required,

Function handleSelectRow has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    handleSelectRow(event, isMultiple, rowKeyValue) {
        const { onRowSelection } = this.props;
        const { indexes } = this;
        const { rows } = this.state;
        const maxRowSelection = this.getMaxRowSelection();

Function getRowsWithInitalSelectedRows has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function getRowsWithInitalSelectedRows(params = {}) {
    const { rows = [], selectedRows, maxRowSelection, indexes, selectedRowsKeys = {} } = params;

    if (Array.isArray(selectedRows) && maxRowSelection > 0) {
        const previousSelectionLength = getCurrentSelectionLength(selectedRowsKeys);

Function cells has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    const cells = columns.map((column, index) => {
        const {
            header,
            component,
            field,

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

Open

    render() {
        const {
            id,
            options,
            required,

Function Avatar has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Avatar = props => {
    const { className } = props;
    return (
        <svg className={className} width="20px" height="20px" viewBox="0 0 20 20" version="1.1">
            <g id="pages" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">

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

Open

    render() {
        const {
            style,
            className,
            value,

Function FolderClose has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const FolderClose = props => {
    const { className, style } = props;
    return (
        <svg className={className} style={style} width="20px" height="16px" viewBox="0 0 20 16">
            <g id="components" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">

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

Open

    render() {
        const { liveUrl, previewUrl } = this.props;
        const { isVisible } = this.state;

        return (