reactjs / react-docgen

Conditional Complexity

The distribution of complexity of units (measured with McCabe index).

Intro

Conditional complexity (also called cyclomatic complexity) is a term used to measure the complexity of software. The term refers to the number of possible paths through a program function. A higher value ofter means higher maintenance and testing costs (infosecinstitute.com).
Conditional complexity is calculated by counting all conditions in the program that can affect the execution path (e.g. if statement, loops, switches, and/or operators, try and catch blocks...).
Conditional complexity is measured at the unit level (methods, functions...).
Units are classified in four categories based on the measured McCabe index: 1-5 (simple units), 6-10 (medium complex units), 11-25 (complex units), 26+ (very complex units).

Learn more...

Conditional Complexity Overall

There are 237 units with 4,308 lines of code in units (80.9% of code).

0 very complex units (0 lines of code)
2 complex units (168 lines of code)
21 medium complex units (1,001 lines of code)
43 simple units (1,118 lines of code)
171 very simple units (2,021 lines of code)

Legend:

51+

26-50

11-25

6-10

1-5

Alternative Visuals

3D view of all units

Conditional Complexity per Extension

51+

26-50

11-25

6-10

1-5

Conditional Complexity per Logical Component

primary logical decomposition

51+

26-50

11-25

6-10

1-5

Most Complex Units

Top 50 most complex units

Unit	# lines	McCabe index	# params
export default function resolveToValue() in src/utils/resolveToValue.ts	101	35	2
export function resolveObjectToPropMap() in src/utils/resolveObjectValuesToArray.ts	67	26	3
function resolvesToJSXElementOrReactCall() in src/utils/isStatelessComponent.ts	87	23	3
export function resolveObjectToNameArray() in src/utils/resolveObjectKeysToArray.ts	53	20	3
export default function isReactComponentClass() in src/utils/isReactComponentClass.ts	44	17	2
function handleGenericTypeAnnotation() in src/utils/getFlowType.ts	61	17	3
export default function resolveToModule() in src/utils/resolveToModule.ts	41	16	2
export default function isReactBuiltinCall() in src/utils/isReactBuiltinCall.ts	34	16	3
function findScopePath() in src/utils/resolveToValue.ts	42	15	3
export default function displayNameHandler() in src/handlers/displayNameHandler.ts	52	15	3
function getType() in src/utils/parseJsDoc.ts	47	14	1
raw: printValue() in src/utils/getFlowType.ts	53	14	1
export default function getPropType() in src/utils/getPropType.ts	43	14	2
function toArray() in src/utils/expressionTo.ts	64	13	2
function getDocblockFromComponent() in src/handlers/componentDocblockHandler.ts	39	13	2
visitExportNamedDeclaration() in src/importer/makeFsImporter.ts	29	12	1
function handleTSTypeReference() in src/utils/getTSType.ts	51	12	3
function resolveName() in src/utils/getMemberExpressionValuePath.ts	40	12	2
export default function getPropertyName() in src/utils/getPropertyName.ts	30	12	2
export default function componentMethodsHandler() in src/handlers/componentMethodsHandler.ts	55	12	3
export function applyToFlowTypeProperties() in src/utils/getFlowTypeFromReactComponent.ts	57	11	4
raw: printValue() in src/utils/getTSType.ts	37	11	1
export default function normalizeClassDefinition() in src/utils/normalizeClassDefinition.ts	42	11	1
function getTSTypeWithResolvedTypes() in src/utils/getTSType.ts	36	10	3
function getFlowTypeWithResolvedTypes() in src/utils/getFlowType.ts	31	10	3
export default function resolveHOC() in src/utils/resolveHOC.ts	32	10	2
export function getDocblock() in src/utils/docblock.ts	25	10	2
function setPropDescriptor() in src/handlers/flowTypeHandler.ts	67	10	4
export function isSupportedDefinitionType() in src/utils/getMemberValuePath.ts	13	9	1
export default function getTypeParameters() in src/utils/getTypeParameters.ts	31	9	4
function amendPropTypes() in src/handlers/propTypeHandler.ts	43	9	1
export default function match() in src/utils/match.ts	18	8	2
function tryResolveGenericTypeAnnotation() in src/utils/resolveGenericTypeAnnotation.ts	30	8	2
function applyExtends() in src/utils/getFlowTypeFromReactComponent.ts	30	8	5
function isRenderMethod() in src/utils/isReactComponentClass.ts	10	8	1
value: getTSTypeWithResolvedTypes() in src/utils/getTSType.ts	33	8	1
function handleTSTypeOperator() in src/utils/getTSType.ts	29	8	3
visitAssignmentExpression: function() in src/utils/resolveToValue.ts	22	8	2
function isJSXElementOrReactCall() in src/utils/isStatelessComponent.ts	12	8	2
function getDefaultValuesFromProps() in src/handlers/defaultPropsHandler.ts	43	8	4
function resolveImportedValue() in src/importer/makeFsImporter.ts	37	7	3
export default function getMemberValuePath() in src/utils/getMemberValuePath.ts	28	7	3
function isObjectValuesCall() in src/utils/resolveObjectValuesToArray.ts	11	7	1
function isObjectKeysCall() in src/utils/resolveObjectKeysToArray.ts	11	7	1
function getMethodModifiers() in src/utils/getMethodDocumentation.ts	20	7	1
function handleKeysHelper() in src/utils/getFlowType.ts	25	7	2
function getPropTypeShapish() in src/utils/getPropType.ts	36	7	3
function returnsJSXElementOrReactCall() in src/utils/isStatelessComponent.ts	36	7	3
function getDefaultValue() in src/handlers/defaultPropsHandler.ts	29	7	2
function getDefaultPropsPath() in src/handlers/defaultPropsHandler.ts	30	7	2