Uber / basewebConditional 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 864 units with 16,948 lines of code in units (23.0% of code).

0 very complex units (0 lines of code)
11 complex units (1,502 lines of code)
42 medium complex units (3,250 lines of code)
110 simple units (4,028 lines of code)
701 very simple units (8,168 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 function DataTable() in src/data-table/data-table.tsx	329	47	24
function lintStyleFunction() in packages/eslint-plugin-baseui/src/deprecated-theme-api.js	80	40	2
getSharedProps() in src/datepicker/day.tsx	64	38	0
render() in src/button-group/button-group.tsx	108	35	0
JSXIdentifier() in packages/eslint-plugin-baseui/src/deprecated-component-api.js	105	32	1
function InternalSegment() in src/segmented-control/segmented-control.tsx	179	32	13
export default function TreeView() in src/tree-view/tree-view.tsx	132	32	1
function NumericalFilter() in src/data-table/column-numerical.tsx	251	31	1
function InternalTab() in src/tabs-motion/tabs.tsx	140	29	13
function getControlPadding() in src/select/styled-components.ts	50	28	1
function lintUseStyletron() in packages/eslint-plugin-baseui/src/deprecated-theme-api.js	64	27	2
export function Tabs() in src/tabs-motion/tabs.tsx	203	25	12
function DatetimeFilter() in src/data-table/column-datetime.tsx	226	23	1
render() in src/pin-code/pin-code.tsx	89	22	0
function FileUploader() in src/file-uploader/file-uploader.tsx	180	19	1
JSXOpeningElement() in packages/eslint-plugin-baseui/src/no-shorthand-properties.js	43	18	1
function getBackgroundColor() in src/checkbox/styled-components.ts	43	18	1
componentDidUpdate() in src/menu/stateful-container.tsx	34	18	2
function compareCellPlacement() in src/data-table/data-table.tsx	38	18	2
ImportDeclaration() in packages/eslint-plugin-baseui/src/deprecated-component-api.js	52	17	1
export default function AppNavBar() in src/app-nav-bar/app-nav-bar.tsx	121	17	1
function Combobox() in src/combobox/combobox.tsx	160	17	1
function Slider() in src/slider/slider.tsx	157	16	4
buildFilter: function() in src/data-table/column-datetime.tsx	41	16	1
function getRootPadding() in src/input/styled-components.ts	25	15	5
render() in src/datepicker/datepicker.tsx	125	15	0
renderInput() in src/select/select-component.tsx	81	15	1
function filterParamsToInitialState() in src/data-table/column-datetime.tsx	57	15	1
render() in src/toast/toast.tsx	79	14	0
function getPaddingStyles() in src/button/styled-components.ts	33	14	3
function getAnchorStyles() in src/drawer/styled-components.ts	42	13	1
render() in src/pagination/pagination.tsx	144	13	0
function renderHeader() in src/table-semantic/table-builder.tsx	80	13	3
function position() in src/helper/styled-components.ts	60	13	4
label: getWeekdayInLocale() in src/data-table/column-datetime.tsx	76	13	2
function updateDecorations() in packages/baseweb-vscode-extension/ext-src/coloring.ts	63	12	0
function getOuterColor() in src/radio/styled-components.ts	36	12	1
export function SegmentedControl() in src/segmented-control/segmented-control.tsx	122	12	11
handleKeyDown() in src/accordion/accordion.tsx	36	12	1
function StatelessAccordion() in src/accordion/stateless-accordion.tsx	55	12	8
render() in src/progress-bar/progressbar.tsx	77	12	0
isPseudoHighlighted() in src/datepicker/day.tsx	40	12	0
function getSize() in src/page-control/page-control.tsx	28	12	1
render() in src/popover/popover.tsx	60	12	0
componentDidUpdate() in src/layer/tether.ts	31	12	2
function getColorStyles() in src/button/styled-components.ts	85	12	7
export function customOnRamp() in src/tag/styled-components.ts	28	12	2
function Header() in src/data-table/data-table.tsx	107	12	1
function lintCreateTheme() in packages/eslint-plugin-baseui/src/deprecated-theme-api.js	25	11	2
formatDate() in src/datepicker/datepicker.tsx	21	11	2