uber / baseweb - 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 890 units with 17,587 lines of code in units (23.2% of code).

0 very complex units (0 lines of code)
12 complex units (2,047 lines of code)
42 medium complex units (3,105 lines of code)
111 simple units (4,107 lines of code)
725 very simple units (8,328 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
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
export default function FileUploader() in src/file-uploader/file-uploader.tsx	545	32	1
JSXIdentifier() in packages/eslint-plugin-baseui/src/deprecated-component-api.js	105	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 compareCellPlacement() in src/data-table/data-table.tsx	38	18	2
componentDidUpdate() in src/menu/stateful-container.tsx	34	18	2
function getBackgroundColor() in src/checkbox/styled-components.ts	43	18	1
JSXOpeningElement() in packages/eslint-plugin-baseui/src/no-shorthand-properties.js	43	18	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
ImportDeclaration() in packages/eslint-plugin-baseui/src/deprecated-component-api.js	52	17	1
buildFilter: function() in src/data-table/column-datetime.tsx	41	16	1
function Slider() in src/slider/slider.tsx	157	16	4
render() in src/datepicker/datepicker.tsx	125	15	0
function getRootPadding() in src/input/styled-components.ts	25	15	5
function filterParamsToInitialState() in src/data-table/column-datetime.tsx	57	15	1
export function customOnRamp() in src/tag/styled-components.ts	31	15	2
renderInput() in src/select/select-component.tsx	81	15	1
function getPaddingStyles() in src/button/styled-components.ts	33	14	3
render() in src/toast/toast.tsx	79	14	0
label: getWeekdayInLocale() in src/data-table/column-datetime.tsx	76	13	2
function getAnchorStyles() in src/drawer/styled-components.ts	42	13	1
render() in src/pagination/pagination.tsx	144	13	0
function position() in src/helper/styled-components.ts	60	13	4
handleKeyDown() in src/accordion/accordion.tsx	36	13	1
function renderHeader() in src/table-semantic/table-builder.tsx	80	13	3
function getOuterColor() in src/radio/styled-components.ts	36	12	1
isPseudoHighlighted() in src/datepicker/day.tsx	40	12	0
function getColorStyles() in src/button/styled-components.ts	85	12	7
function Header() in src/data-table/data-table.tsx	107	12	1
export function SegmentedControl() in src/segmented-control/segmented-control.tsx	122	12	11
componentDidUpdate() in src/layer/tether.ts	31	12	2
render() in src/progress-bar/progressbar.tsx	77	12	0
function StatelessAccordion() in src/accordion/stateless-accordion.tsx	55	12	8
render() in src/popover/popover.tsx	60	12	0
function getSize() in src/page-control/page-control.tsx	28	12	1
function updateDecorations() in packages/baseweb-vscode-extension/ext-src/coloring.ts	63	12	0
export function SideNavigationSection() in src/side-navigation/side-navigation-next.tsx	68	11	1
formatDate() in src/datepicker/datepicker.tsx	21	11	2