elastic / eui - 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 2,143 files with 134,249 lines of code.

3 very long files (3,564 lines of code)
19 long files (11,116 lines of code)
113 medium size files (32,544 lines of codeclsfd_ftr_w_mp_ins)
216 small files (30,317 lines of code)
1,792 very small files (56,708 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
infima.styles.ts in packages/docusaurus-theme/src/theme	1211	12
basic_table.tsx in packages/eui/src/components/basic_table	1187	30
index.js in packages/eui/scripts/babel/proptypes-from-ts-props	1166	21
dual_range.tsx in packages/eui/src/components/form/range	714	7
combo_box.tsx in packages/eui/src/components/combo_box	685	7
data_grid_cell.tsx in packages/eui/src/components/datagrid/body/cell	676	6
selectable.tsx in packages/eui/src/components/selectable	660	4
super_date_picker.tsx in packages/eui/src/components/date_picker/super_date_picker	641	8
selectable_list.tsx in packages/eui/src/components/selectable/selectable_list	631	3
in_memory_table.tsx in packages/eui/src/components/basic_table	619	11
_colors.ts in packages/eui/src/themes/amsterdam/global_styling/variables	587	161
popover.tsx in packages/eui/src/components/popover	579	9
column_actions.tsx in packages/eui/src/components/datagrid/body/header	567	2
data_grid_types.ts in packages/eui/src/components/datagrid	545	-
header.stories.tsx in packages/eui/src/components/header	544	-
color_picker.tsx in packages/eui/src/components/color_picker	543	2
popover_positioning.ts in packages/eui/src/services/popover	543	9
token_map.ts in packages/eui/src/components/token	535	-
icon_map.ts in packages/eui/src/components/icon	523	-
datepicker.scss in packages/eui/src/components/date_picker/react-datepicker/src/stylesheets	511	-
ast.ts in packages/eui/src/components/search_bar/query	507	36
_components.ts in packages/eui/src/themes/amsterdam/global_styling/variables	506	114
i18n.js in packages/eui/scripts/eslint-plugin	499	20
markdown_actions.ts in packages/eui/src/components/markdown_editor	486	13
data_grid.tsx in packages/eui/src/components/datagrid	482	-
default_syntax.ts in packages/eui/src/components/search_bar/query	465	-
combo_box_options_list.tsx in packages/eui/src/components/combo_box/combo_box_options_list	463	1
helpers.ts in packages/eui/src/components/resizable_container	459	1
react_date_picker.styles.ts in packages/eui/src/components/date_picker	453	7
markdown_editor.tsx in packages/eui/src/components/markdown_editor	431	5
form.styles.ts in packages/eui/src/components/form	429	14
display_selector.tsx in packages/eui/src/components/datagrid/controls	426	-
mutation_observer.js in packages/eui/scripts/jest/polyfills	402	24
data_grid_body_virtualized.tsx in packages/eui/src/components/datagrid/body	396	-
collapsible_nav.stories.tsx in packages/eui/src/components/collapsible_nav	385	3
progress.styles.ts in packages/eui/src/components/progress	382	4
context_menu.tsx in packages/eui/src/components/context_menu	377	10
context_menu_panel.tsx in packages/eui/src/components/context_menu	375	9
no_css_color.ts in packages/eslint-plugin/src/rules	374	11
ast_to_es_query_dsl.ts in packages/eui/src/components/search_bar/query	371	2
combo_box_input.tsx in packages/eui/src/components/combo_box/combo_box_input	367	4
data_grid_schema.tsx in packages/eui/src/components/datagrid/utils	366	6
field_value_selection_filter.tsx in packages/eui/src/components/search_bar/filters	360	10
data_grid.stories.utils.tsx in packages/eui/src/components/datagrid	355	-
selectable_list_item.tsx in packages/eui/src/components/selectable/selectable_list	352	1
date_format.ts in packages/eui/src/components/search_bar/query	342	2
basic_table.stories.tsx in packages/eui/src/components/basic_table	339	2
column_selector.tsx in packages/eui/src/components/datagrid/controls	337	-
row_heights.ts in packages/eui/src/components/datagrid/utils	330	7
side_nav.a11y.tsx in packages/eui/src/components/side_nav	328	10

Files With Most Units (Top 50)

File	# lines	# units
_colors.ts in packages/eui/src/themes/amsterdam/global_styling/variables	587	161
_components.ts in packages/eui/src/themes/amsterdam/global_styling/variables	506	114
_components.ts in packages/eui-theme-borealis/src/variables	323	57
_buttons.ts in packages/eui/src/themes/amsterdam/global_styling/variables	232	54
_buttons.ts in packages/eui-theme-borealis/src/variables	202	48
ast.ts in packages/eui/src/components/search_bar/query	507	36
basic_table.tsx in packages/eui/src/components/basic_table	1187	30
time_options.tsx in packages/eui/src/components/date_picker/super_date_picker	154	29
query.ts in packages/eui/src/components/search_bar/query	127	25
mutation_observer.js in packages/eui/scripts/jest/polyfills	402	24
_forms.ts in packages/eui/src/themes/amsterdam/global_styling/variables	120	24
index.js in packages/eui/scripts/babel/proptypes-from-ts-props	1166	21
i18n.js in packages/eui/scripts/eslint-plugin	499	20
switch.styles.ts in packages/eui/src/components/form/switch	326	19
utils.ts in packages/eui-theme-common/src	320	18
_forms.ts in packages/eui-theme-borealis/src/variables	80	16
pretty_duration.tsx in packages/eui/src/components/date_picker/super_date_picker	246	14
form.styles.ts in packages/eui/src/components/form	429	14
data_grid.styles.ts in packages/eui/src/components/datagrid	205	14
markdown_actions.ts in packages/eui/src/components/markdown_editor	486	13
infima.styles.ts in packages/docusaurus-theme/src/theme	1211	12
in_memory_table.tsx in packages/eui/src/components/basic_table	619	11
pretty_interval.ts in packages/eui/src/components/date_picker/super_date_picker	74	11
data_grid_cell.styles.ts in packages/eui/src/components/datagrid/body/cell	148	11
eui_palettes.ts in packages/eui/src/services/color	298	11
no_css_color.ts in packages/eslint-plugin/src/rules	374	11
_semantic_colors.ts in packages/eui-theme-borealis/src/variables/colors	204	11
context_menu.tsx in packages/eui/src/components/context_menu	377	10
field_value_selection_filter.tsx in packages/eui/src/components/search_bar/filters	360	10
side_nav.a11y.tsx in packages/eui/src/components/side_nav	328	10
data_grid_toolbar.stories.tsx in packages/eui/src/components/datagrid/controls	317	10
refresh_interval.tsx in packages/eui/src/components/date_picker/auto_refresh	295	9
date_picker.stories.tsx in packages/eui/src/components/date_picker	206	9
context_menu_panel.tsx in packages/eui/src/components/context_menu	375	9
popover.tsx in packages/eui/src/components/popover	579	9
color_utils.ts in packages/eui/src/components/badge	77	9
popover_positioning.ts in packages/eui/src/services/popover	543	9
step_number.tsx in packages/eui/src/components/steps	145	8
step_horizontal.tsx in packages/eui/src/components/steps	108	8
link.styles.ts in packages/eui/src/components/link	57	8
super_date_picker.tsx in packages/eui/src/components/date_picker/super_date_picker	641	8
badge.styles.ts in packages/eui/src/components/badge	186	8
fetch-i18n-strings.js in packages/eui/scripts/babel	172	7
delay_render.tsx in packages/eui/src/components/delay_render	54	7
combo_box.tsx in packages/eui/src/components/combo_box	685	7
resizable_button.styles.ts in packages/eui/src/components/resizable_container	238	7
quick_select.tsx in packages/eui/src/components/date_picker/super_date_picker/quick_select_popover	265	7
super_date_picker.stories.tsx in packages/eui/src/components/date_picker/super_date_picker	131	7
react_date_picker.styles.ts in packages/eui/src/components/date_picker	453	7
dual_range.tsx in packages/eui/src/components/form/range	714	7

Files With Long Lines (Top 50)

There are 497 files with lines longer than 120 characters. In total, there are 677 long lines.

File	# lines	# units	# long lines
logo_golang.tsx in packages/eui/src/components/icon/assets	148	-	24
logo_php.tsx in packages/eui/src/components/icon/assets	107	-	9
logo_redis.tsx in packages/eui/src/components/icon/assets	54	-	7
log_pattern_analysis.tsx in packages/eui/src/components/icon/assets	38	-	6
logo_elastic.tsx in packages/eui/src/components/icon/assets	61	-	6
logo_mongodb.tsx in packages/eui/src/components/icon/assets	47	-	6
cli.ts in packages/release-cli/src	95	1	6
data_grid_cell.styles.ts in packages/eui/src/components/datagrid/body/cell	148	11	5
logo_ibm.tsx in packages/eui/src/components/icon/assets	115	-	5
logo_gcp.tsx in packages/eui/src/components/icon/assets	68	-	5
release.js in packages/eui/scripts	273	4	4
logo_memcached.tsx in packages/eui/src/components/icon/assets	99	-	4
logo_slack.tsx in packages/eui/src/components/icon/assets	39	-	4
app_dashboard.tsx in packages/eui/src/components/icon/assets	33	-	4
logo_dropwizard.tsx in packages/eui/src/components/icon/assets	76	-	4
logo_google_g.tsx in packages/eui/src/components/icon/assets	92	-	4
infima.styles.ts in packages/docusaurus-theme/src/theme	1211	12	4
form.styles.ts in packages/eui/src/components/form	429	14	3
flyout.tsx in packages/eui/src/components/flyout	305	1	3
field_statistics.tsx in packages/eui/src/components/icon/assets	27	-	3
app_advanced_settings.tsx in packages/eui/src/components/icon/assets	38	-	3
logo_webhook.tsx in packages/eui/src/components/icon/assets	37	-	3
app_security_analytics.tsx in packages/eui/src/components/icon/assets	27	-	3
app_index_rollup.tsx in packages/eui/src/components/icon/assets	30	-	3
logo_workplace_search.tsx in packages/eui/src/components/icon/assets	33	-	3
logo_cloud.tsx in packages/eui/src/components/icon/assets	37	-	3
layers.tsx in packages/eui/src/components/icon/assets	28	-	3
logo_cloud_ece.tsx in packages/eui/src/components/icon/assets	33	-	3
eye_closed.tsx in packages/eui/src/components/icon/assets	35	-	3
index_settings.tsx in packages/eui/src/components/icon/assets	24	-	3
contrast.ts in packages/eui/src/services/color	67	-	3
css_logical_properties.js in packages/eui/scripts/eslint-plugin	113	3	2
combo_box_input.tsx in packages/eui/src/components/combo_box/combo_box_input	367	4	2
table_pagination.stories.tsx in packages/eui/src/components/table/table_pagination	58	-	2
data_grid.styles.ts in packages/eui/src/components/datagrid	205	14	2
readOnly.tsx in packages/eui/src/components/icon/assets	43	-	2
logo_metrics.tsx in packages/eui/src/components/icon/assets	37	-	2
single_metric_viewer.tsx in packages/eui/src/components/icon/assets	24	-	2
app_ml.tsx in packages/eui/src/components/icon/assets	28	-	2
app_workplace_search.tsx in packages/eui/src/components/icon/assets	32	-	2
logo_maps.tsx in packages/eui/src/components/icon/assets	33	-	2
eql.tsx in packages/eui/src/components/icon/assets	25	-	2
transitionTopOut.tsx in packages/eui/src/components/icon/assets	28	-	2
app_recently_viewed.tsx in packages/eui/src/components/icon/assets	28	-	2
bellSlash.tsx in packages/eui/src/components/icon/assets	29	-	2
app_metricbeat.tsx in packages/eui/src/components/icon/assets	27	-	2
app_graph.tsx in packages/eui/src/components/icon/assets	28	-	2
ml_data_visualizer.tsx in packages/eui/src/components/icon/assets	28	-	2
app_logs.tsx in packages/eui/src/components/icon/assets	28	-	2
app_vulnerability_management.tsx in packages/eui/src/components/icon/assets	28	-	2