elastic / eui - Conditional 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 1,579 units with 50,984 lines of code in units (38.0% of code).

1 very complex units (449 lines of code)
9 complex units (1,659 lines of code)
32 medium complex units (2,441 lines of code)
62 simple units (2,447 lines of code)
1,475 very simple units (43,988 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
function getPropTypesForNode() in packages/eui/scripts/babel/proptypes-from-ts-props/index.js	449	95	3
render() in packages/eui/src/components/form/range/dual_range.tsx	360	49	0
render() in packages/eui/src/components/selectable/selectable.tsx	301	42	0
function resolveIdentifierToPropTypes() in packages/eui/scripts/babel/proptypes-from-ts-props/index.js	176	38	2
render() in packages/eui/src/components/combo_box/combo_box_input/combo_box_input.tsx	183	34	0
render() in packages/eui/src/components/form/file_picker/file_picker.tsx	170	33	0
render() in packages/eui/src/components/form/range/range.tsx	189	31	0
VariableDeclarator: function visitVariableDeclarator() in packages/eui/scripts/babel/proptypes-from-ts-props/index.js	100	27	2
var _findMutations = function() in packages/eui/scripts/jest/polyfills/mutation_observer.js	96	27	2
render() in packages/eui/src/components/icon/icon.tsx	84	27	0
render() in packages/eui/src/components/popover/popover.tsx	179	23	0
function blockStyle() in packages/eui/src/components/markdown_editor/markdown_actions.ts	110	22	2
tokenNames: formatSet() in packages/eui/scripts/eslint-plugin/i18n.js	125	21	1
paramNames: formatSet() in packages/eui/scripts/eslint-plugin/i18n.js	124	21	1
export default function DocSidebarItemCategory() in packages/docusaurus-theme/src/theme/DocSidebarItem/Category/index.tsx	112	21	6
componentDidUpdate() in packages/eui/src/components/datagrid/body/cell/data_grid_cell.tsx	48	20	1
renderTableHead() in packages/eui/src/components/basic_table/basic_table.tsx	110	18	0
static getDerivedStateFromProps() in packages/eui/src/components/basic_table/in_memory_table.tsx	85	17	2
componentDidUpdate() in packages/eui/src/components/selectable/selectable_list/selectable_list.tsx	58	17	1
export function parseRelativeParts() in packages/eui/src/components/date_picker/super_date_picker/relative_utils.ts	34	15	1
export function findPopoverPosition() in packages/eui/src/services/popover/popover_positioning.ts	87	15	12
ClassDeclaration: function visitClassDeclaration() in packages/eui/scripts/babel/proptypes-from-ts-props/index.js	42	14	2
Util.clone = function() in packages/eui/scripts/jest/polyfills/mutation_observer.js	29	14	2
JSXOpeningElement() in packages/eui/scripts/eslint-plugin/i18n.js	82	14	1
function isRangeInvalid() in packages/eui/src/components/date_picker/super_date_picker/super_date_picker.tsx	24	14	4
takeInitialFocus() in packages/eui/src/components/context_menu/context_menu_panel.tsx	38	14	0
renderItemRow() in packages/eui/src/components/basic_table/basic_table.tsx	119	13	3
render() in packages/eui/src/components/combo_box/combo_box.tsx	179	13	0
render() in packages/eui/src/components/datagrid/body/cell/data_grid_cell.tsx	120	13	0
function getCrossAxisPosition() in packages/eui/src/services/popover/popover_positioning.ts	97	13	13
var _resolveConflicts = function() in packages/eui/scripts/jest/polyfills/mutation_observer.js	35	12	5
render() in packages/eui/src/components/tree_view/tree_view.tsx	93	12	0
componentDidUpdate() in packages/eui/src/components/popover/popover.tsx	28	12	1
property: String() in packages/eslint-plugin/src/rules/no_css_color.ts	81	12	1
function resolveOmitToPropTypes() in packages/eui/scripts/babel/proptypes-from-ts-props/index.js	38	11	2
ArrowFunctionExpression() in packages/eui/scripts/eslint-plugin/rel.js	19	11	1
function reducer() in packages/eui/src/components/tour/useEuiTour.tsx	57	11	2
render() in packages/eui/src/components/context_menu/context_menu_panel.tsx	67	11	0
componentDidMount() in packages/eui/src/components/form/field_search/field_search.tsx	31	11	0
render() in packages/eui/src/components/side_nav/side_nav.tsx	102	11	0
export const formatDate:() in packages/eui/src/services/format/format_date.ts	35	11	2
line: String() in packages/eslint-plugin/src/rules/no_css_color.ts	53	11	1
enter: function visitProgram() in packages/eui/scripts/babel/proptypes-from-ts-props/index.js	48	10	2
MutationObserver.prototype.createMutationSearcher = function() in packages/eui/scripts/jest/polyfills/mutation_observer.js	24	10	2
renderTableMobileSort() in packages/eui/src/components/basic_table/basic_table.tsx	40	10	0
export function processStringToChildren() in packages/eui/src/components/i18n/i18n_util.tsx	40	10	3
refreshInterval: toMilliseconds() in packages/eui/src/components/date_picker/auto_refresh/refresh_interval.tsx	54	10	2
render() in packages/eui/src/components/date_picker/super_date_picker/super_date_picker.tsx	54	10	0
renderItems() in packages/eui/src/components/context_menu/context_menu.tsx	36	10	1
render() in packages/eui/src/components/form/field_search/field_search.tsx	86	10	0