Function AsyncDualSelectWidget has 212 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const AsyncDualSelectWidget = (props: DualSelectWidgetProps): JSX.Element => {
  const {
    name,
    style,
    helpText,

Function WizardStepContainer has 141 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const WizardStepContainer = (props: WizardViewContainerProps): JSX.Element => {
  const wizardStepRef = React.useRef<WizardStepContainerRef>(null)
  const {
    wizard,
    wizardStep,

File filters.tsx has 383 lines of code (exceeds 250 allowed). Consider refactoring.

Open

// Это легаси
/* eslint-disable react/jsx-props-no-spreading */
import React, { useState } from 'react'
import InputMask, { Props as InputMaskProps } from 'react-input-mask'
import { Box } from '@chakra-ui/react'

Function Bottom has 106 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Bottom = (props: BottonProps): JSX.Element => {
  const {
    resourceName,
    pageIndex,
    canPreviousPage,

Function RenderDetail has 105 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const RenderDetail = (props: RenderDetailProps): JSX.Element => {
  /*
    Entry point for displaying components in https://myspa.com/some-url/100500 route format.

    Here we fetch data from the backend using the url that we specified in a

Function ForeignKeySelectWidget has 102 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ForeignKeySelectWidget = (props: ForeignKeySelectWidgetProps): JSX.Element => {
  const {
    name,
    mainDetailObject,
    provider,

Function DateTimeRangeListWidget has 96 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const DateTimeRangeListWidget = (props: DateTimeRangeWidgetProps): JSX.Element => {
  const {
    name,
    helpText,
    targetPayload,

Function ChipInput has 96 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const ChipInput = forwardRef<HTMLInputElement, ChipInputProps>((props, ref): JSX.Element => {
  const {
    value: inputValue,
    onChange,
    placeholder,

Function AsyncDualSelectWidget has a Cognitive Complexity of 22 (exceeds 5 allowed). Consider refactoring.

Open

const AsyncDualSelectWidget = (props: DualSelectWidgetProps): JSX.Element => {
  const {
    name,
    style,
    helpText,

• Read up
  Read up

Function MultiSelectWidget has 72 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const MultiSelectWidget = (props: MultiSelectWidgetProps): JSX.Element => {
  const {
    name,
    mainDetailObject,
    optionLabel,

Function DateTimeRangeWidget has 71 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const DateTimeRangeWidget = (props: DateTimeRangeWidgetProps): JSX.Element => {
  const {
    name,
    helpText,
    targetPayload,

Function ContainerWidget has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ContainerWidget = (props: any): JSX.Element => {
  const {
    setInitialValue,
    submitChange,
    resourceName,

Function InputWidget has 65 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const InputWidget = forwardRef<HTMLInputElement, InputWidgetProps>((props: InputWidgetProps, ref): JSX.Element => {
  const {
    name,
    helpText,
    targetPayload,

Function Wizard has 63 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Wizard = (props: WizardProps): JSX.Element => {
  const {
    wizard,
    provider,
    mainDetailObject,

Function BaseSelectWidget has 63 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  (props: BaseSelectWidgetProps, ref): JSX.Element => {
    const {
      name,
      helpText,
      description,

Function WizardStepControlPanel has 63 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const WizardStepControlPanel = (props: WizardStepControlPanelProps): JSX.Element => {
  const {
    wizardStep,
    wizard,
    submitChange,

Function SelectList has a Cognitive Complexity of 18 (exceeds 5 allowed). Consider refactoring.

Open

export const SelectList = ({
  values,
  selectedValues,
  getOptionLabel,
  getOptionValue,

• Read up
  Read up

Function useRecordValidation has 58 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function useRecordValidation<K extends ErrorsKey>(
  useRoot: (record: RecordErrors<K>, onChange: (updater: Updater<RecordErrors<K>>) => void) => RootProviderDesc,
  useCheck: (
    validator: RecordValidator
  ) => ValidationState<Record<K, ValidationError[] | null>> & { validate: RecordValidator },

Function ForeignKeySelectFilter has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ForeignKeySelectFilter = (params: ForeignKeySelectFilterProps): JSX.Element => {
  const {
    name,
    label,
    resourceName,

Function makeTable has 54 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function makeTable<Components extends TableComponents, Plugin extends TablePlugin>(
  tableComponents: Components,
  plugins: Plugin[] = []
): <T>(
  props: TableProps<