aws / aws-northstar
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 20 units with 360 lines of code in units (2.2% of code).
    • 0 very complex units (0 lines of code)
    • 0 complex units (0 lines of code)
    • 2 medium complex units (125 lines of code)
    • 1 simple units (112 lines of code)
    • 17 very simple units (123 lines of code)
0% | 0% | 34% | 31% | 34%
Legend:
51+
26-50
11-25
6-10
1-5
Alternative Visuals
Conditional Complexity per Extension
51+
26-50
11-25
6-10
1-5
tsx0% | 0% | 36% | 32% | 30%
js0% | 0% | 0% | 0% | 100%
ts0% | 0% | 0% | 0% | 100%
Conditional Complexity per Logical Component
primary logical decomposition
51+
26-50
11-25
6-10
1-5
src/components0% | 0% | 37% | 33% | 29%
ROOT0% | 0% | 0% | 0% | 100%
src/charts0% | 0% | 0% | 0% | 100%
src/layouts0% | 0% | 0% | 0% | 100%
Most Complex Units
Top 20 most complex units
Unit# linesMcCabe index# params
name: getFieldKey()
in src/components/FormRenderer/components/FieldArray/components/FieldArrayItem/index.tsx
63 13 1
key: getFieldKey()
in src/components/FormRenderer/components/FieldArray/components/FieldArrayItem/index.tsx
62 13 1
export default function SettingBar()
in src/components/Table/components/SettingsBar/index.tsx
112 10 20
reactTableBodyProps: getTableBodyProps()
in src/components/Table/index.tsx
6 2 0
function SelectColumnFilter()
in src/components/Table/data/filterColumnDefinitions.tsx
25 2 2
export default function getFillColor()
in src/charts/utils/getFillColor/index.ts
3 2 1
export default function getStrokeColor()
in src/charts/utils/getStrokeColor/index.ts
3 2 1
function sleep()
in src/components/Autosuggest/index.stories.tsx
5 1 1
function TabPanel()
in src/components/Tabs/index.tsx
13 1 5
onChange: action()
in src/components/FormRenderer/index.stories.tsx
12 1 1
onChange: action()
in src/components/FormRenderer/index.stories.tsx
5 1 1
root: clsx()
in src/components/Alert/index.tsx
1 1 1
function sleep()
in src/components/Multiselect/index.stories.tsx
5 1 1
export default function BaseColumns()
in src/components/Table/components/BaseColumns/index.tsx
19 1 6
onButtonClick: action()
in src/components/Flashbar/index.stories.tsx
4 1 1
onButtonClick: action()
in src/components/Flashbar/index.stories.tsx
4 1 1
className: clsx()
in src/components/Popover/index.tsx
1 1 2
onButtonClick: action()
in src/layouts/AppLayout/index.stories.tsx
4 1 1
propsParser: require()
in styleguide.config.js
3 1 1
webpackConfig: require()
in styleguide.config.js
10 1 1