uber / baseweb File Size

Intro

File size measurements show the distribution of size of files.
Files are classified in four categories based on their size (lines of code): 1-100 (very small files), 101-200 (small files), 201-500 (medium size files), 501-1000 (long files), 1001+(very long files).
It is a good practice to keep files small. Long files may become "bloaters", code that have increased to such gargantuan proportions that they are hard to work with.

Learn more...

File Size Overall

There are 1,113 files with 80,111 lines of code.

1 very long files (5,626 lines of code)
11 long files (7,515 lines of code)
77 medium size files (22,962 lines of codeclsfd_ftr_w_mp_ins)
149 small files (20,622 lines of code)
875 very small files (23,386 lines of code)

Legend:

1001+

501-1000

201-500

101-200

1-100

explore: grouped by folders | grouped by size | sunburst | 3D view

File Size per Extension

1001+

501-1000

201-500

101-200

1-100

File Size per Logical Decomposition

primary

1001+

501-1000

201-500

101-200

1-100

Longest Files (Top 50)

File	# lines	# units
cheat-sheet.jsx in documentation-site	5626	-
data-table.tsx in src/data-table	960	14
select-component.tsx in src/select	909	20
styled-components.ts in src/button	830	11
types.ts in src/themes	706	-
calendar.tsx in src/datepicker	680	5
file-uploader.tsx in src/file-uploader	595	2
styled-components.ts in src/datepicker	584	3
column-datetime.tsx in src/data-table	580	11
datepicker_DO_NOT_USE.tsx in src/datepicker	567	8
datepicker.tsx in src/datepicker	558	7
calendar-header.tsx in src/datepicker	546	7
routes.jsx in documentation-site	495	-
styled-components.ts in src/map-marker	488	1
column-numerical.tsx in src/data-table	473	8
styled-components.ts in src/tag	470	7
styled-components.ts in src/input	458	9
tabs.tsx in src/tabs-motion	455	4
deprecated-theme-api.js in packages/eslint-plugin-baseui/src	453	6
styled-components.ts in src/select	444	7
tzdata.ts in src/timezonepicker	426	-
select.ts in documentation-site/components/yard/config	426	-
datepicker.ts in documentation-site/components/yard/config	424	-
popover.tsx in src/popover	413	21
gallery.jsx in documentation-site/components	396	-
day.tsx in src/datepicker	386	8
stateful-container.tsx in src/menu	382	5
index.tsx in src/typography	382	-
date-helpers.ts in src/datepicker/utils	372	1
styled-components.tsx in src/progress-bar	370	7
segmented-control.tsx in src/segmented-control	364	2
deprecated-component-api.js in packages/eslint-plugin-baseui/src	362	19
types.ts in src/block	358	-
color-component-tokens.ts in src/themes/dark-theme	355	1
color-component-tokens.ts in src/themes/light-theme	355	1
styled-components.ts in src/block	332	55
styled-components.ts in src/progress-steps	330	-
base-input.tsx in src/input	321	7
styled-components.ts in src/badge	314	1
constants.ts in src/map-marker	314	-
constants.ts in src/phone-input	310	-
timepicker.tsx in src/timepicker	308	3
side-navigation-next.tsx in src/side-navigation	304	5
stateful-data-table.tsx in src/data-table	302	6
filter-menu.tsx in src/data-table	300	3
posts.jsx in documentation-site	293	-
color-primitive-tokens.ts in src/tokens	283	-
types.ts in src/tokens	277	-
input.ts in documentation-site/components/yard/config	277	-
types.ts in src/datepicker	274	-

Files With Most Units (Top 50)

File	# lines	# units
styled-components.ts in src/block	332	55
popover.tsx in src/popover	413	21
select-component.tsx in src/select	909	20
deprecated-component-api.js in packages/eslint-plugin-baseui/src	362	19
v9-theme-scale.js in packages/baseui-codemods/src	117	16
data-table.tsx in src/data-table	960	14
styled-v8-themedStyled.js in packages/baseui-codemods/src	126	13
drawer.tsx in src/drawer	250	12
modal.tsx in src/modal	258	11
column-datetime.tsx in src/data-table	580	11
styled-components.ts in src/button	830	11
toaster.tsx in src/toast	243	10
styled-components.tsx in src/table	242	10
snackbar-context.tsx in src/snackbar	179	10
coloring.ts in packages/baseweb-vscode-extension/ext-src	180	9
focusVisible.ts in src/utils	99	9
utils.ts in src/popover	78	9
stateful-container.ts in src/data-table	125	9
deprecated-styles.ts in src/tag	125	9
styled-components.ts in src/input	458	9
extension.ts in packages/baseweb-vscode-extension/ext-src	114	8
styled-components.ts in src/radio	220	8
overrides.tsx in src/helpers	153	8
tether.ts in src/layer	104	8
day.tsx in src/datepicker	386	8
datepicker_DO_NOT_USE.tsx in src/datepicker	567	8
combobox.tsx in src/combobox	270	8
column-categorical.tsx in src/data-table	231	8
column-numerical.tsx in src/data-table	473	8
toast.tsx in src/toast	229	7
styled-components.ts in src/select	444	7
calendar-header.tsx in src/datepicker	546	7
datepicker.tsx in src/datepicker	558	7
build-icons.js in src/icon	90	7
column-boolean.tsx in src/data-table	97	7
app-nav-bar.tsx in src/app-nav-bar	212	7
styled-components.ts in src/tag	470	7
styled-components.tsx in src/progress-bar	370	7
base-input.tsx in src/input	321	7
deprecated-theme-api.js in packages/eslint-plugin-baseui/src	453	6
styled-components.ts in src/layout-grid	147	6
styled-components.ts in src/checkbox	244	6
svg-icons.ts in src/rating	61	6
stateful-data-table.tsx in src/data-table	302	6
utils.ts in src/app-nav-bar	48	6
styled-components.ts in src/helper	160	6
banner.tsx in src/banner	224	6
styled-v7-type-arguments.js in packages/baseui-codemods/src	55	5
side-navigation-next.tsx in src/side-navigation	304	5
styled-components.ts in src/radio-v2	205	5

Files With Long Lines (Top 50)

There are 324 files with lines longer than 120 characters. In total, there are 431 long lines.

File	# lines	# units	# long lines
styled-components.ts in src/button	830	11	18
unionpay.tsx in src/payment-card/icons	75	-	15
elo.tsx in src/payment-card/icons	49	-	9
slack-logo.jsx in documentation-site/components	36	-	8
messages.js in packages/eslint-plugin-baseui/src	51	-	7
svg-icons.ts in src/rating	61	6	7
datepicker.ts in documentation-site/components/yard/config	424	-	7
discover.tsx in src/payment-card/icons	50	-	5
amex.tsx in src/payment-card/icons	35	-	4
message-card.ts in documentation-site/components/yard/config	107	-	4
tr_TR.ts in src/locale	126	-	3
styled-components.tsx in src/progress-bar	370	7	3
uatp.tsx in src/payment-card/icons	46	-	3
jcb.tsx in src/payment-card/icons	25	-	3
bottom-navigation.ts in documentation-site/components/yard/config	75	-	3
popover.ts in documentation-site/components/yard/config	213	-	3
timezonepicker.ts in documentation-site/components/yard/config	61	-	3
cli.js in packages/baseui-codemods/src	103	2	2
es_AR.ts in src/locale	126	-	2
timepicker.tsx in src/timepicker	308	3	2
select-component.tsx in src/select	909	20	2
styled-components.ts in src/link	48	-	2
layers-manager.tsx in src/layer	200	5	2
form-control.tsx in src/form-control	196	2	2
spinner.tsx in src/icon	36	-	2
mastercard.tsx in src/payment-card/icons	23	-	2
dinersclub.tsx in src/payment-card/icons	21	-	2
posts.jsx in documentation-site	293	-	2
Tag.jsx in documentation-site/components/thumbs/components	37	-	2
Spinner.jsx in documentation-site/components/thumbs/components	29	-	2
button-group.ts in documentation-site/components/yard/config	148	-	2
form-control.ts in documentation-site/components/yard/config	76	-	2
radio-v2.ts in documentation-site/components/yard/config	180	-	2
file-uploader.ts in documentation-site/components/yard/config	165	-	2
mobile-header.ts in documentation-site/components/yard/config	81	-	2
timepicker.ts in documentation-site/components/yard/config	99	-	2
extension.ts in packages/baseweb-vscode-extension/ext-src	114	8	1
no-deep-imports.js in packages/eslint-plugin-baseui/src	18	2	1
deprecated-component.tsx in src/utils	12	-	1
toaster.tsx in src/toast	243	10	1
overrides.tsx in src/helpers	153	8	1
timezone-picker.tsx in src/timezonepicker	121	3	1
styled-components.ts in src/switch	206	2	1
styled-components.ts in src/checkbox	244	6	1
layer.tsx in src/layer	139	5	1
FlagSI.tsx in src/phone-input/flags	7	-	1
FlagMM.tsx in src/phone-input/flags	7	-	1
FlagMU.tsx in src/phone-input/flags	7	-	1
FlagGT.tsx in src/phone-input/flags	7	-	1
FlagKE.tsx in src/phone-input/flags	7	-	1