epam / TimeBaseGrafanaPluginConditional 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 49 units with 1,009 lines of code in units (24.5% of code).

0 very complex units (0 lines of code)
1 complex units (274 lines of code)
1 medium complex units (51 lines of code)
4 simple units (58 lines of code)
43 very simple units (626 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 49 most complex units

Unit	# lines	McCabe index	# params
render() in src/components/QueryEditor.tsx	274	26	0
export function CustomAsyncSelect() in src/components/view/SegmentSelect/CustomAsyncSelect.tsx	51	11	1
static getDerivedStateFromProps() in src/components/view/Filter/Filter.tsx	21	7	2
selectedItem: toOption() in src/components/view/Filter/Filter.tsx	11	7	1
private createIntervalChangeAlert() in src/datasource.ts	12	6	2
static getDerivedStateFromProps() in src/components/QueryEditor.tsx	14	6	2
async metricFindQuery() in src/datasource.ts	20	5	2
type: extractType() in src/datasource.ts	48	5	1
render() in src/components/view/SegmentFrame/SegmentFrame.tsx	22	5	0
render() in src/components/view/Filter/Filter.tsx	49	5	0
render() in src/components/view/LabelWithAlias/LabelWithAlias.tsx	39	5	0
export default defineConfig() in playwright.config.ts	24	4	20
filterType: getServerFilterType() in src/utils/query.ts	10	4	1
private static versionCheck() in src/datasource.ts	26	4	2
query: getReplacedValue() in src/datasource.ts	8	4	2
private emitChangeVariables() in src/datasource.ts	10	4	0
loadSchema() in src/components/QueryEditor.tsx	17	4	1
export function FieldValidation() in src/components/view/FieldValidation/FieldValidation.tsx	14	4	1
render() in src/components/view/Function/Function.tsx	46	4	0
handleClickOutside() in src/components/view/LabelWithAlias/LabelWithAlias.tsx	5	4	1
constructor() in src/datasource.ts	9	3	1
stream: getReplacedValue() in src/datasource.ts	16	3	2
async testDatasource() in src/datasource.ts	20	3	0
constructor() in src/components/ConfigEditor.tsx	6	3	1
componentDidMount() in src/components/QueryEditor.tsx	17	3	0
operators: getOperators() in src/components/view/Filter/Filter.tsx	10	3	1
export function SegmentSelect() in src/components/view/SegmentSelect/SegmentSelect.tsx	14	3	1
functions: getFunctions() in src/datasource.ts	10	2	2
filters: getFilters() in src/datasource.ts	8	2	2
rawQuery: getReplacedValue() in src/datasource.ts	9	2	2
private sendGrafanaRequest() in src/datasource.ts	11	2	3
private fetchGrafanaBackend() in src/datasource.ts	11	2	3
private fetch() in src/datasource.ts	19	2	5
static getDerivedStateFromProps() in src/components/view/TimeGrouping/TimeGrouping.tsx	6	2	1
render() in src/components/view/TimeGrouping/TimeGrouping.tsx	21	2	0
getGroupByViewOptions() in src/datasource.ts	3	1	0
query: getReplacedValue() in src/datasource.ts	7	1	2
private createAlert() in src/datasource.ts	3	1	1
private sendRequest() in src/datasource.ts	9	1	5
private getUrl() in src/datasource.ts	3	1	1
private getGrafanaUrl() in src/datasource.ts	3	1	1
render() in src/components/ConfigEditor.tsx	40	1	0
static getDerivedStateFromProps() in src/components/view/Function/Function.tsx	3	1	1
static getDerivedStateFromProps() in src/components/view/Function/FunctionHeader.tsx	3	1	1
export function CustomSelect() in src/components/view/SegmentSelect/CustomAsyncSelect.tsx	13	1	1
constructor() in src/components/view/LabelWithAlias/LabelWithAlias.tsx	5	1	1
static getDerivedStateFromProps() in src/components/view/LabelWithAlias/LabelWithAlias.tsx	3	1	1
componentDidMount() in src/components/view/LabelWithAlias/LabelWithAlias.tsx	3	1	0
componentWillUnmount() in src/components/view/LabelWithAlias/LabelWithAlias.tsx	3	1	0