DeloitteAU / rhythm-uiConditional Complexity

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 145 units with 1,145 lines of code in units (14.0% of code).

0 very complex units (0 lines of code)
0 complex units (0 lines of code)
1 medium complex units (52 lines of code)
7 simple units (157 lines of code)
137 very simple units (936 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
render: function() in www/src/utils/particles.ts	52	15	1
private _renderPaginationItems() in components/RuiPagination/src/RuiPagination.ts	22	9	0
private _calculatePageStartEnd() in components/RuiPagination/src/RuiPagination.ts	46	8	0
public componentDidMount() in adapters/react/RuiPaginationReact/src/RuiPagination.tsx	28	7	0
public updated() in components/RuiExpandCollapse/src/RuiExpandCollapse.ts	12	7	1
function mouseMove() in www/src/utils/particles.ts	13	6	1
public connectedCallback() in components/RuiPagination/src/RuiPagination.ts	20	6	0
private _initialiseExpandCollapse() in components/RuiExpandCollapse/src/RuiExpandCollapse.ts	16	6	0
public render() in adapters/react/RuiScrollToReact/src/RuiScrollTo.tsx	24	5	0
public firstUpdated() in components/RuiExpandCollapse/src/RuiExpandCollapse.ts	11	5	0
set: function() in www/src/utils/particles.ts	9	4	2
private _shouldAnimate() in components/RuiScrollTo/src/RuiScrollTo.ts	9	4	0
public constructor() in tools/rhythm-ui/src/LazyElement.ts	15	3	0
function Vector() in www/src/utils/particles.ts	4	3	2
function GravityPoint() in www/src/utils/particles.ts	10	3	4
function mouseDown() in www/src/utils/particles.ts	12	3	1
function mouseUp() in www/src/utils/particles.ts	8	3	1
function doubleClick() in www/src/utils/particles.ts	8	3	1
public componentDidMount() in www/src/pages/index.tsx	7	3	0
public componentWillUnmount() in adapters/react/RuiPaginationReact/src/RuiPagination.tsx	9	3	0
public componentDidMount() in adapters/react/RuiExpandCollapseReact/src/RuiExpandCollapse.tsx	8	3	0
public render() in components/RuiAlert/src/RuiAlert.ts	17	3	0
public firstUpdated() in components/RuiButton/src/RuiButton.ts	5	3	0
public render() in components/RuiButton/src/RuiButton.ts	23	3	0
private _renderPaginationItem() in components/RuiPagination/src/RuiPagination.ts	27	3	2
public connectedCallback() in components/RuiBreadcrumbs/src/RuiBreadcrumbs.ts	15	3	0
public render() in components/RuiBreadcrumbs/src/RuiBreadcrumbs.ts	12	3	0
public render() in components/RuiAccordion/src/RuiAccordion.ts	13	3	0
public render() in components/RuiHeroBanner/src/RuiHeroBanner.ts	11	3	0
private _triggerCollapseAnimation() in components/RuiExpandCollapse/src/RuiExpandCollapse.ts	16	3	0
function _updateLitElement() in tools/rhythm-ui/src/LazyElement.ts	7	2	2
function onCreateWebpackConfig() in www/gatsby-node.js	21	2	2
normalize: function() in www/src/utils/particles.ts	8	2	0
_draw: function() in www/src/utils/particles.ts	20	2	1
update: function() in www/src/utils/particles.ts	7	2	0
function addParticle() in www/src/utils/particles.ts	12	2	1
public connectedCallback() in components/RuiScrollTo/src/RuiScrollTo.ts	8	2	0
public focus() in components/RuiButton/src/RuiButton.ts	3	2	0
public blur() in components/RuiButton/src/RuiButton.ts	3	2	0
private _renderEllipsesItem() in components/RuiPagination/src/RuiPagination.ts	15	2	1
private _handleClick() in components/RuiExpandCollapse/src/RuiExpandCollapse.ts	9	2	0
private _triggerExpandAnimation() in components/RuiExpandCollapse/src/RuiExpandCollapse.ts	10	2	0
public focus() in components/RuiExpandCollapse/src/RuiExpandCollapse.ts	3	2	0
public blur() in components/RuiExpandCollapse/src/RuiExpandCollapse.ts	3	2	0
module.exports = function() in tools/babel-preset-rhythm-ui-react/index.js	8	1	0
public static async load() in tools/rhythm-ui/src/stubs/Button.ts	3	1	0
public render() in tools/rhythm-ui/src/LazyElement.ts	3	1	0
module.exports = function() in tools/babel-preset-rhythm-ui-vue/index.js	11	1	0
module.exports = function() in tools/babel-preset-rhythm-ui/index.js	12	1	0
validate: isNotEmpty() in plopfile.js	4	1	1