uber / baseweb - Duplication

Intro

For duplication, we look at places in code where there are 6 or more lines of code that are exactly the same.
Before duplication is calculated, the code is cleaned to remove empty lines, comments, and frequently duplicated constructs such as imports.
You should aim at having as little as possible (<5%) of duplicated code as high-level of duplication can lead to maintenance difficulties, poor factoring, and logical contradictions.

Learn more...

Duplication Overall

12% duplication:

69,753 cleaned lines of cleaned code (without empty lines, comments, and frequently duplicated constructs such as imports)
8,778 duplicated lines

5,486 duplicates

dependency graphs: 2D graph | 3D graph | 3D graph (with duplicates)...

Duplication per Extension

Duplication per Component (primary)

Longest Duplicates

The list of 50 longest duplicates.

See data for all 5,486 duplicates...

Size	#	Folders	Files	Lines	Code
115	x 2	src/datepicker src/datepicker	datepicker.tsx datepicker_DO_NOT_USE.tsx	89:258 (24%) 94:263 (23%)	view
85	x 2	documentation-site/components/yard/config documentation-site/pages...ed-overrides-playground	tag.ts live-editor-tag.jsx	14:104 (45%) 16:106 (43%)	view
64	x 2	src/datepicker src/datepicker	datepicker.tsx datepicker_DO_NOT_USE.tsx	313:415 (13%) 317:418 (13%)	view
54	x 2	src/phone-input src/phone-input	phone-input-lite.tsx phone-input-next.tsx	18:75 (57%) 23:80 (55%)	view
37	x 2	src/phone-input src/phone-input	phone-input-lite.tsx phone-input-next.tsx	77:114 (39%) 82:118 (37%)	view
36	x 2	src/themes/dark-theme src/themes/light-theme	color-component-tokens.ts color-component-tokens.ts	53:102 (12%) 53:102 (12%)	view
34	x 2	documentation-site/components/yard/config documentation-site/components/yard/config	banner.ts system-banner.ts	75:109 (33%) 78:112 (32%)	view
30	x 2	documentation-site/components/yard/config documentation-site/pages...ed-overrides-playground	tag.ts live-editor-tag.jsx	136:165 (16%) 138:167 (15%)	view
30	x 2	src/table-semantic src/table-semantic	table-builder.tsx table.tsx	271:300 (12%) 106:135 (23%)	view
28	x 2	documentation-site/components/yard/config documentation-site/components/yard/config	hint-dot.ts notification-circle.ts	46:74 (44%) 72:100 (32%)	view
27	x 2	src/segmented-control src/tabs-motion	segmented-control.tsx tabs.tsx	53:84 (8%) 61:94 (6%)	view
26	x 2	src/datepicker src/datepicker	datepicker.tsx datepicker_DO_NOT_USE.tsx	260:292 (5%) 265:297 (5%)	view
25	x 2	documentation-site/components/yard/config documentation-site/components/yard/config	button-timed.ts button.ts	20:44 (24%) 23:47 (18%)	view
25	x 2	src/file-uploader-basic src/file-uploader-basic	file-uploader-basic.tsx file-uploader-basic.tsx	121:146 (10%) 170:195 (10%)	view
24	x 2	documentation-site/components/yard/config documentation-site/components/yard/config	button-group.ts button.ts	23:46 (20%) 21:44 (17%)	view
23	x 2	src/datepicker src/datepicker	datepicker.tsx datepicker_DO_NOT_USE.tsx	21:57 (4%) 21:59 (4%)	view
22	x 2	documentation-site/components/yard/config documentation-site/components/yard/config	file-uploader-basic.ts file-uploader.ts	78:100 (20%) 115:137 (13%)	view
22	x 2	documentation-site/components/yard/config documentation-site/components/yard/config	checkbox.ts radio.ts	24:45 (12%) 24:45 (13%)	view
22	x 2	documentation-site/components/yard/config documentation-site/components/yard/config	button-group.ts button-timed.ts	25:46 (18%) 20:41 (21%)	view
21	x 2	src/input src/input	styled-components.ts styled-components.ts	340:368 (4%) 402:430 (4%)	view
21	x 2	documentation-site/components/yard/config documentation-site/components/yard/config	badge.ts notification-circle.ts	93:114 (20%) 70:91 (24%)	view
21	x 2	src/drawer src/modal	drawer.tsx modal.tsx	166:200 (10%) 163:197 (9%)	view
21	x 2	documentation-site/components/yard/config documentation-site/components/yard/config	badge.ts notification-circle.ts	39:59 (20%) 39:59 (24%)	view
21	x 2	src/datepicker src/datepicker	datepicker.tsx datepicker_DO_NOT_USE.tsx	425:453 (4%) 433:461 (4%)	view
21	x 2	src/datepicker src/datepicker	datepicker.tsx datepicker_DO_NOT_USE.tsx	535:556 (4%) 596:617 (4%)	view
20	x 2	src/rating src/rating	emoticon-rating.tsx star-rating.tsx	20:49 (20%) 21:50 (20%)	view
20	x 2	src/themes/dark-theme src/themes/light-theme	color-component-tokens.ts color-component-tokens.ts	378:401 (6%) 163:186 (6%)	view
19	x 2	src/themes/dark-theme src/themes/light-theme	dark-theme.ts light-theme.ts	24:44 (90%) 24:44 (90%)	view
19	x 2	documentation-site/components/yard/config documentation-site/pages...ed-overrides-playground	tag.ts live-editor-tag.jsx	187:205 (10%) 182:200 (9%)	view
19	x 2	documentation-site/components/yard/config documentation-site/components/yard/config	badge.ts hint-dot.ts	95:114 (18%) 46:65 (30%)	view
18	x 2	src/map-marker src/map-marker	types.ts types.ts	52:69 (8%) 128:145 (8%)	view
18	x 2	src/table-semantic src/table-semantic	table-builder.tsx table.tsx	97:119 (7%) 62:84 (14%)	view
18	x 2	src/drawer src/modal	drawer.tsx modal.tsx	74:101 (8%) 76:103 (8%)	view
18	x 2	src/themes/dark-theme src/themes/light-theme	color-component-tokens.ts color-component-tokens.ts	310:333 (6%) 383:406 (6%)	view
17	x 2	src/block src/block	types.ts types.ts	154:170 (4%) 179:195 (4%)	view
17	x 2	src/progress-steps src/progress-steps	numbered-step.tsx step.tsx	64:83 (27%) 68:87 (25%)	view
17	x 2	documentation-site/components/yard/config documentation-site/pages...ed-overrides-playground	tag.ts live-editor-tag.jsx	106:122 (9%) 108:124 (8%)	view
17	x 2	documentation-site/components/yard/config documentation-site/components/yard/config	input.ts phone-input.ts	47:63 (6%) 68:84 (12%)	view
17	x 2	src/table-semantic src/table-semantic	table-builder.tsx table.tsx	71:92 (6%) 41:62 (13%)	view
17	x 2	documentation-site/components/yard/config documentation-site/pages...ed-overrides-playground	select.ts live-editor.jsx	301:317 (4%) 50:66 (15%)	view
17	x 2	src/popover src/popover	stateful-container.ts stateful-container.ts	158:174 (10%) 185:201 (10%)	view
17	x 2	documentation-site/components/yard/config documentation-site/components/yard/config	tabs-motion.ts tabs.ts	51:67 (14%) 38:54 (21%)	view
17	x 2	src/input src/select	styled-components.ts styled-components.ts	236:254 (4%) 27:45 (4%)	view
16	x 2	src/icon src/icon	arrow-down.tsx spinner.tsx	24:39 (61%) 24:39 (53%)	view
16	x 2	src/icon src/icon	chevron-right.tsx plus.tsx	24:39 (61%) 24:39 (61%)	view
16	x 2	src/icon src/icon	chevron-right.tsx spinner.tsx	24:39 (61%) 24:39 (53%)	view
16	x 2	src/icon src/icon	chevron-left-small.tsx chevron-left.tsx	23:38 (61%) 24:39 (61%)	view
16	x 2	src/phone-input src/phone-input	base-country-picker.tsx country-select-dropdown.tsx	164:179 (7%) 55:70 (14%)	view
16	x 2	src/icon src/icon	arrow-left.tsx check.tsx	24:39 (61%) 24:39 (61%)	view
16	x 2	src/icon src/icon	delete.tsx upload.tsx	24:39 (61%) 24:39 (61%)	view

Duplicated Units

The list of top 11 duplicated units.

See data for all 11 unit duplicates...

Size	#	Folders	Files	Lines	Code
19	x 2	src/datepicker src/datepicker	datepicker.tsx datepicker_DO_NOT_USE.tsx	199:220 204:225	view
18	x 2	src/input src/select	styled-components.ts styled-components.ts	234:255 25:46	view
15	x 2	src/rating src/rating	star-rating.tsx emoticon-rating.tsx	125:143 124:142	view
12	x 2	packages/eslint-plugin-baseui/src packages/eslint-plugin-baseui/src	no-shorthand-properties.js no-component-classname.js	43:57 24:38	view
11	x 2	src/modal src/drawer	modal.tsx drawer.tsx	75:88 73:86	view
7	x 2	src/side-navigation src/input	stateful-container.ts stateful-container.ts	44:55 44:54	view
7	x 2	src/button-group src/tile	button-group.tsx utils.ts	18:28 12:22	view
6	x 2	src/input src/select	styled-components.ts styled-components.ts	158:166 16:23	view
6	x 2	src/modal src/drawer	modal.tsx drawer.tsx	150:157 153:160	view
6	x 2	src/popover src/template-component	stateful-container.ts stateful-container.ts	122:129 35:42	view
6	x 2	packages/eslint-plugin-baseui/src packages/eslint-plugin-baseui/src	no-block-style.js deprecated-component-api.js	28:35 100:107	view