department-of-veterans-affairs/vets-website

File ReviewCardField.jsx has 552 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {
  getDefaultFormState,
  getDefaultRegistry,
} from '@department-of-veterans-affairs/react-jsonschema-form/lib/utils';
import * as Sentry from '@sentry/browser';

Function constructor has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  constructor(props) {
    super(props);
    // Throw an error if there’s no viewComponent (should be React component)
    if (
      !isReactComponent(get('ui:options.viewComponent', this.props.uiSchema))

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

Open

  render() {
    const pageDescription = (
      <>
        <h3 className="vads-u-font-size--h4">Shipping address</h3>
        <div className="vads-u-margin-top--2">

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

Open

    return (
      <div
        className={classnames({
          'review-card vads-u-margin-bottom--2 vads-u-background-color--gray-lightest': true,
          'vads-u-border-color--primary vads-u-border--3px':

• Read up
  Read up

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

Open

  getEditView = () => {
    const {
      disabled,
      errorSchema,
      formData,

• Read up
  Read up

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

Open

  update = event => {
    // Don't act like the continue button
    if (event) {
      // Apparently the unit tests don't send this event to the onClick handler
      event.preventDefault();

• Read up
  Read up

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

Open

  constructor(props) {
    super(props);
    // Throw an error if there’s no viewComponent (should be React component)
    if (
      !isReactComponent(get('ui:options.viewComponent', this.props.uiSchema))

• Read up
  Read up

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

Open

ReviewCardField.propTypes = {
  uiSchema: PropTypes.shape({
    'ui:options': PropTypes.shape({
      viewComponent: PropTypes.oneOfType([
        PropTypes.element,

• Read up
  Read up

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

Open

    if (this.props.formContext.onReviewPage) {
      // Check the data type and use the appropriate review field
      const dataType = this.props.schema.type;
      if (dataType === 'object') {
        const { ObjectField } = this.props.registry.fields;

• Read up
  Read up

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

Open

  componentDidUpdate() {
    if (this.state.permAddressShouldBeFocused && !this.state.editing) {
      focusElement('#permanentAddress');
      this.resetAddressFocus();
    } else if (this.state.tempAddressShouldBeFocused && !this.state.editing) {

• Read up
  Read up

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

Open

  cancelUpdate = event => {
    // Don't act like the continue button
    if (event) {
      // Apparently the unit tests don't send this event to the onClick handler
      event.preventDefault();

• Read up
  Read up

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

Open

  render() {
    const pageDescription = (
      <>
        <h3 className="vads-u-font-size--h4">Shipping address</h3>
        <div className="vads-u-margin-top--2">

• Read up
  Read up

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

Open

  startEditing = addressType => {
    const newState = { editing: true };
    if (addressType === 'permanentAddress') {
      newState.permAddressShouldBeFocused = true;
    } else if (addressType === 'temporaryAddress') {

• Read up
  Read up

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

Open

  onPropertyChange(name) {
    return value => {
      const formData = Object.keys(this.props.formData || {}).length
        ? this.props.formData
        : getDefaultFormState(

• Read up
  Read up

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

Open

  getDescription = () => {
    const {
      uiSchema: { 'ui:description': description },
      formData,
    } = this.props;

• Read up
  Read up

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

Open

  isRequired = name => {
    const { schema } = this.props;
    const schemaRequired =
      Array.isArray(schema.required) && schema.required.indexOf(name) !== -1;

• Read up
  Read up

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

Open

  resetFormData = oldData => {
    const formData =
      oldData !== undefined
        ? oldData
        : getDefaultFormState(

• Read up
  Read up

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

Open

  getSubtitle = () => {
    const { uiSchema, formData } = this.props;
    return typeof uiSchema['ui:subtitle'] === 'function'
      ? uiSchema['ui:subtitle'](formData)
      : uiSchema['ui:subtitle'];

• Read up
  Read up

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

Open

  getTitle = () => {
    const { uiSchema, formData } = this.props;
    return typeof uiSchema['ui:title'] === 'function'
      ? uiSchema['ui:title'](formData)
      : uiSchema['ui:title'];

• Read up
  Read up

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

Open

  onChange = (field, data) => {
    const newData = set(field, data, this.props.data);
    return this.props.setData(newData);
  };

• Read up
  Read up

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

Open

  static defaultProps = {
    uiSchema: {},
    errorSchema: {},
    idSchema: {},
    registry: getDefaultRegistry(),

• Read up
  Read up

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

Open

    const {
      viewComponent: ViewComponent,
      volatileData,
      reviewTitle,
      itemName,

• Read up
  Read up