pedrojpj/recompose-extends

Function withForm has 354 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const withForm = (input, handlers, errors) => BaseComponent => {
  const factory = createFactory(BaseComponent);

  class WithForm extends Component {
    constructor(props) {

File WithForm.test.js has 698 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import Enzyme, { mount } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import { compose, withState, withHandlers } from 'recompose';

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

Open

  it('should update value of a field with updateField func', () => {
    const Form = ({ form, updateForm, updateField }) => (
      <form>
        <input
          type="text"

• Read up
  Read up

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

Open

  it('should not maintain any fields since they do not exist in the form', () => {
    const Form = ({ form, updateForm, updateField }) => (
      <form>
        <input
          type="text"

• Read up
  Read up

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

Open

    <div className="form-group">
      <label htmlFor="password">
        Password
        <input
          type="password"

• Read up
  Read up

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

Open

    <div className="form-group">
      <label htmlFor="email">
        Email
        <input
          type="email"

• Read up
  Read up

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

Open

    <div className="form-group">
      <label htmlFor="name">
        Name
        <input
          type="text"

• Read up
  Read up

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

Open

    <div className="form-group">
      <label htmlFor="password">
        Repeat Password
        <input
          type="password"

• Read up
  Read up

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

Open

    <div className="form-group">
      <label htmlFor="vat">
        Vat
        <input
          type="text"

• Read up
  Read up

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

Open

    <div className="form-group">
      <label htmlFor="copyName">
        Copy Name
        <input
          type="text"

• Read up
  Read up

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

Open

    const Component = compose(
      withForm({
        elements: {
          value: [{ id: 1, value: 1 }, { id: 2, value: 2 }],
          required: true

• Read up
  Read up

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

Open

    const Component = compose(
      withForm({
        elements: {
          value: [{ id: 1, value: 1 }, { id: 2, value: 2 }],
          required: true

• Read up
  Read up

File index.js has 358 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { createFactory, Component } from 'react';

const withForm = (input, handlers, errors) => BaseComponent => {
  const factory = createFactory(BaseComponent);

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

Open

    const Form = ({ form, updateForm, submitForm }) => (
      <form>
        <input name="name" value={form.name} onChange={updateForm} />
        <input name="copyName" value={form.copyName} onChange={updateForm} />
        <button type="submit" onClick={submitForm} />

• Read up
  Read up

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

Open

    const Form = ({ form, updateForm, submitForm }) => (
      <form>
        <input name="name" value={form.name} onChange={updateForm} />
        <input name="email" value={form.email} onChange={updateForm} />
        <button type="submit" onClick={submitForm} />

• Read up
  Read up

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

Open

    const Form = ({ form, updateForm, submitForm }) => (
      <form>
        <input name="name" value={form.name} onChange={updateForm} />
        <input name="email" value={form.email} onChange={updateForm} />
        <button type="submit" onClick={submitForm} />

• Read up
  Read up

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

Open

    const Form = ({ form, updateForm, submitForm }) => (
      <form>
        <input name="password" value={form.password} onChange={updateForm} />
        <input
          name="repeatPassword"

• Read up
  Read up

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

Open

    const Form = ({ form, updateForm, submitForm }) => (
      <form>
        <input
          type="email"
          name="email"

• Read up
  Read up

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

Open

    const Form = ({ form, updateForm, submitForm }) => (
      <form>
        <input
          type="checkbox"
          name="check"

• Read up
  Read up

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

Open

    const Form = ({ form, updateForm, submitForm }) => (
      <form>
        <input name="name" value={form.name} onChange={updateForm} />
        <button type="submit" onClick={submitForm} />
      </form>

• Read up
  Read up