@elastic/eui 89.1.0 → 90.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/eui_theme_dark.css +2 -467
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +2 -467
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/accessibility/skip_link/skip_link.js +1 -2
- package/es/components/accordion/accordion.js +27 -2
- package/es/components/accordion/accordion_children/accordion_children.js +7 -15
- package/es/components/basic_table/basic_table.js +60 -23
- package/es/components/basic_table/collapsed_item_actions.js +1 -1
- package/es/components/basic_table/in_memory_table.js +18 -4
- package/es/components/button/button.js +17 -45
- package/es/components/button/button_empty/button_empty.js +30 -47
- package/es/components/button/button_icon/button_icon.js +26 -43
- package/es/components/card/card.js +1 -6
- package/es/components/card/card_select/card_select.js +1 -6
- package/es/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
- package/es/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
- package/es/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +18 -4
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +11 -4
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +11 -4
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +11 -4
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +36 -4
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +158 -0
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +65 -26
- package/es/components/collapsible_nav_beta/context.js +1 -0
- package/es/components/comment_list/comment_event.js +31 -19
- package/es/components/comment_list/comment_event.styles.js +26 -24
- package/es/components/context_menu/context_menu.js +28 -22
- package/es/components/context_menu/context_menu.styles.js +26 -0
- package/es/components/context_menu/context_menu_item.js +95 -125
- package/es/components/context_menu/context_menu_item.styles.js +82 -0
- package/es/components/context_menu/context_menu_panel.a11y.js +4 -2
- package/es/components/context_menu/context_menu_panel.js +32 -61
- package/es/components/context_menu/context_menu_panel.styles.js +40 -0
- package/es/components/control_bar/control_bar.js +28 -23
- package/es/components/datagrid/body/data_grid_body.js +6 -7
- package/es/components/datagrid/body/data_grid_body_custom.js +6 -7
- package/es/components/datagrid/body/data_grid_body_virtualized.js +6 -7
- package/es/components/datagrid/body/data_grid_cell.js +12 -13
- package/es/components/datagrid/body/data_grid_row_manager.js +28 -9
- package/es/components/datagrid/body/header/data_grid_header_cell.js +6 -7
- package/es/components/datagrid/body/header/data_grid_header_row.js +6 -7
- package/es/components/datagrid/data_grid.js +6 -7
- package/es/components/datagrid/utils/in_memory.js +6 -7
- package/es/components/date_picker/auto_refresh/auto_refresh.js +1 -2
- package/es/components/form/field_number/field_number.js +13 -9
- package/es/components/form/field_password/field_password.js +4 -7
- package/es/components/form/range/dual_range.js +110 -85
- package/es/components/form/range/range.js +47 -40
- package/es/components/form/range/range_track.js +6 -20
- package/es/components/form/range/utils.js +1 -2
- package/es/components/header/header_links/header_link.js +1 -6
- package/es/components/header/header_section/header_section_item_button.js +1 -6
- package/es/components/list_group/list_group.js +1 -2
- package/es/components/list_group/list_group_item.js +7 -5
- package/es/components/list_group/list_group_item_extra_action.js +1 -2
- package/es/components/list_group/list_group_item_extra_action.styles.js +1 -1
- package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +2 -3
- package/es/components/modal/confirm_modal.js +1 -1
- package/es/components/notification/notification_event.js +1 -6
- package/es/components/notification/notification_event_read_button.js +1 -2
- package/es/components/page/index.js +1 -4
- package/es/components/pagination/pagination_button.js +1 -6
- package/es/components/popover/input_popover.js +26 -11
- package/es/components/tabs/tab.js +1 -1
- package/eui.d.ts +198 -287
- package/i18ntokens.json +103 -67
- package/lib/components/accessibility/skip_link/skip_link.js +1 -2
- package/lib/components/accordion/accordion.js +27 -2
- package/lib/components/accordion/accordion_children/accordion_children.js +5 -13
- package/lib/components/basic_table/basic_table.js +60 -23
- package/lib/components/basic_table/collapsed_item_actions.js +1 -1
- package/lib/components/basic_table/in_memory_table.js +18 -4
- package/lib/components/button/button.js +24 -51
- package/lib/components/button/button_empty/button_empty.js +29 -46
- package/lib/components/button/button_icon/button_icon.js +25 -42
- package/lib/components/card/card.js +1 -6
- package/lib/components/card/card_select/card_select.js +1 -6
- package/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
- package/lib/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
- package/lib/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +18 -4
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +11 -4
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +11 -4
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +11 -4
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +36 -4
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +165 -0
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +65 -26
- package/lib/components/collapsible_nav_beta/context.js +1 -0
- package/lib/components/comment_list/comment_event.js +33 -18
- package/lib/components/comment_list/comment_event.styles.js +28 -25
- package/lib/components/context_menu/context_menu.js +31 -24
- package/lib/components/context_menu/context_menu.styles.js +34 -0
- package/lib/components/context_menu/context_menu_item.js +102 -133
- package/lib/components/context_menu/context_menu_item.styles.js +87 -0
- package/lib/components/context_menu/context_menu_panel.a11y.js +4 -2
- package/lib/components/context_menu/context_menu_panel.js +35 -63
- package/lib/components/context_menu/context_menu_panel.styles.js +46 -0
- package/lib/components/control_bar/control_bar.js +28 -23
- package/lib/components/datagrid/body/data_grid_body.js +6 -7
- package/lib/components/datagrid/body/data_grid_body_custom.js +6 -7
- package/lib/components/datagrid/body/data_grid_body_virtualized.js +6 -7
- package/lib/components/datagrid/body/data_grid_cell.js +12 -13
- package/lib/components/datagrid/body/data_grid_row_manager.js +33 -16
- package/lib/components/datagrid/body/header/data_grid_header_cell.js +6 -7
- package/lib/components/datagrid/body/header/data_grid_header_row.js +6 -7
- package/lib/components/datagrid/data_grid.js +6 -7
- package/lib/components/datagrid/utils/in_memory.js +6 -7
- package/lib/components/date_picker/auto_refresh/auto_refresh.js +1 -2
- package/lib/components/form/field_number/field_number.js +12 -8
- package/lib/components/form/field_password/field_password.js +4 -7
- package/lib/components/form/range/dual_range.js +110 -85
- package/lib/components/form/range/range.js +47 -40
- package/lib/components/form/range/range_track.js +5 -19
- package/lib/components/form/range/utils.js +1 -2
- package/lib/components/header/header_links/header_link.js +1 -6
- package/lib/components/header/header_section/header_section_item_button.js +1 -6
- package/lib/components/list_group/list_group.js +1 -2
- package/lib/components/list_group/list_group_item.js +7 -5
- package/lib/components/list_group/list_group_item_extra_action.js +1 -2
- package/lib/components/list_group/list_group_item_extra_action.styles.js +1 -1
- package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +2 -3
- package/lib/components/modal/confirm_modal.js +1 -1
- package/lib/components/notification/notification_event.js +1 -6
- package/lib/components/notification/notification_event_read_button.js +1 -2
- package/lib/components/page/index.js +1 -40
- package/lib/components/popover/input_popover.js +26 -11
- package/lib/components/tabs/tab.js +1 -1
- package/optimize/es/components/accordion/accordion.js +27 -2
- package/optimize/es/components/accordion/accordion_children/accordion_children.js +5 -14
- package/optimize/es/components/basic_table/basic_table.js +42 -19
- package/optimize/es/components/button/button.js +15 -33
- package/optimize/es/components/button/button_empty/button_empty.js +29 -41
- package/optimize/es/components/button/button_icon/button_icon.js +25 -37
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +60 -0
- package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +21 -10
- package/optimize/es/components/collapsible_nav_beta/context.js +1 -0
- package/optimize/es/components/comment_list/comment_event.js +31 -19
- package/optimize/es/components/comment_list/comment_event.styles.js +26 -24
- package/optimize/es/components/context_menu/context_menu.js +25 -19
- package/optimize/es/components/context_menu/context_menu.styles.js +26 -0
- package/optimize/es/components/context_menu/context_menu_item.js +94 -119
- package/optimize/es/components/context_menu/context_menu_item.styles.js +82 -0
- package/optimize/es/components/context_menu/context_menu_panel.a11y.js +4 -2
- package/optimize/es/components/context_menu/context_menu_panel.js +29 -58
- package/optimize/es/components/context_menu/context_menu_panel.styles.js +40 -0
- package/optimize/es/components/control_bar/control_bar.js +28 -23
- package/optimize/es/components/datagrid/body/data_grid_row_manager.js +23 -9
- package/optimize/es/components/form/field_number/field_number.js +13 -9
- package/optimize/es/components/form/field_password/field_password.js +4 -7
- package/optimize/es/components/form/range/dual_range.js +110 -85
- package/optimize/es/components/form/range/range.js +47 -40
- package/optimize/es/components/form/range/range_track.js +5 -14
- package/optimize/es/components/form/range/utils.js +1 -2
- package/optimize/es/components/list_group/list_group_item.js +6 -3
- package/optimize/es/components/list_group/list_group_item_extra_action.styles.js +1 -1
- package/optimize/es/components/page/index.js +1 -4
- package/optimize/es/components/popover/input_popover.js +26 -11
- package/optimize/es/components/tabs/tab.js +1 -1
- package/optimize/lib/components/accordion/accordion.js +27 -2
- package/optimize/lib/components/accordion/accordion_children/accordion_children.js +3 -12
- package/optimize/lib/components/basic_table/basic_table.js +42 -19
- package/optimize/lib/components/button/button.js +16 -34
- package/optimize/lib/components/button/button_empty/button_empty.js +28 -40
- package/optimize/lib/components/button/button_icon/button_icon.js +24 -36
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +67 -0
- package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +21 -10
- package/optimize/lib/components/collapsible_nav_beta/context.js +1 -0
- package/optimize/lib/components/comment_list/comment_event.js +33 -18
- package/optimize/lib/components/comment_list/comment_event.styles.js +28 -25
- package/optimize/lib/components/context_menu/context_menu.js +28 -21
- package/optimize/lib/components/context_menu/context_menu.styles.js +34 -0
- package/optimize/lib/components/context_menu/context_menu_item.js +101 -128
- package/optimize/lib/components/context_menu/context_menu_item.styles.js +87 -0
- package/optimize/lib/components/context_menu/context_menu_panel.a11y.js +4 -2
- package/optimize/lib/components/context_menu/context_menu_panel.js +32 -60
- package/optimize/lib/components/context_menu/context_menu_panel.styles.js +47 -0
- package/optimize/lib/components/control_bar/control_bar.js +28 -23
- package/optimize/lib/components/datagrid/body/data_grid_row_manager.js +23 -8
- package/optimize/lib/components/form/field_number/field_number.js +12 -8
- package/optimize/lib/components/form/field_password/field_password.js +5 -8
- package/optimize/lib/components/form/range/dual_range.js +110 -85
- package/optimize/lib/components/form/range/range.js +47 -40
- package/optimize/lib/components/form/range/range_track.js +4 -13
- package/optimize/lib/components/form/range/utils.js +1 -2
- package/optimize/lib/components/list_group/list_group_item.js +6 -3
- package/optimize/lib/components/list_group/list_group_item_extra_action.styles.js +1 -1
- package/optimize/lib/components/page/index.js +1 -40
- package/optimize/lib/components/popover/input_popover.js +27 -12
- package/optimize/lib/components/tabs/tab.js +1 -1
- package/package.json +5 -5
- package/src/components/datagrid/_data_grid_data_row.scss +0 -1
- package/src/components/date_picker/super_date_picker/date_popover/_date_popover_content.scss +2 -1
- package/src/components/index.scss +0 -2
- package/test-env/components/accessibility/skip_link/skip_link.js +1 -2
- package/test-env/components/accordion/accordion.js +27 -2
- package/test-env/components/accordion/accordion_children/accordion_children.js +5 -13
- package/test-env/components/basic_table/basic_table.js +60 -23
- package/test-env/components/basic_table/collapsed_item_actions.js +1 -1
- package/test-env/components/basic_table/in_memory_table.js +18 -4
- package/test-env/components/button/button.js +17 -40
- package/test-env/components/button/button_empty/button_empty.js +29 -46
- package/test-env/components/button/button_icon/button_icon.js +25 -42
- package/test-env/components/card/card.js +1 -6
- package/test-env/components/card/card_select/card_select.js +1 -6
- package/test-env/components/collapsible_nav_beta/collapsible_nav_beta.js +12 -8
- package/test-env/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js +12 -7
- package/test-env/components/collapsible_nav_beta/collapsible_nav_group/collapsible_nav_group.js +18 -4
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +11 -4
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +11 -4
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +11 -4
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +36 -4
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js +164 -0
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +65 -26
- package/test-env/components/collapsible_nav_beta/context.js +1 -0
- package/test-env/components/comment_list/comment_event.js +33 -18
- package/test-env/components/comment_list/comment_event.styles.js +28 -25
- package/test-env/components/context_menu/context_menu.js +31 -24
- package/test-env/components/context_menu/context_menu.styles.js +34 -0
- package/test-env/components/context_menu/context_menu_item.js +102 -129
- package/test-env/components/context_menu/context_menu_item.styles.js +87 -0
- package/test-env/components/context_menu/context_menu_panel.a11y.js +4 -2
- package/test-env/components/context_menu/context_menu_panel.js +35 -63
- package/test-env/components/context_menu/context_menu_panel.styles.js +47 -0
- package/test-env/components/control_bar/control_bar.js +28 -23
- package/test-env/components/datagrid/body/data_grid_body.js +6 -7
- package/test-env/components/datagrid/body/data_grid_body_custom.js +6 -7
- package/test-env/components/datagrid/body/data_grid_body_virtualized.js +6 -7
- package/test-env/components/datagrid/body/data_grid_cell.js +12 -13
- package/test-env/components/datagrid/body/data_grid_row_manager.js +23 -8
- package/test-env/components/datagrid/body/header/data_grid_header_cell.js +6 -7
- package/test-env/components/datagrid/body/header/data_grid_header_row.js +6 -7
- package/test-env/components/datagrid/data_grid.js +6 -7
- package/test-env/components/datagrid/utils/in_memory.js +6 -7
- package/test-env/components/date_picker/auto_refresh/auto_refresh.js +1 -2
- package/test-env/components/form/field_number/field_number.js +12 -8
- package/test-env/components/form/field_password/field_password.js +4 -7
- package/test-env/components/form/range/dual_range.js +110 -85
- package/test-env/components/form/range/range.js +47 -40
- package/test-env/components/form/range/range_track.js +5 -14
- package/test-env/components/form/range/utils.js +1 -2
- package/test-env/components/header/header_links/header_link.js +1 -6
- package/test-env/components/header/header_section/header_section_item_button.js +1 -6
- package/test-env/components/list_group/list_group.js +1 -2
- package/test-env/components/list_group/list_group_item.js +7 -5
- package/test-env/components/list_group/list_group_item_extra_action.js +1 -2
- package/test-env/components/list_group/list_group_item_extra_action.styles.js +1 -1
- package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +2 -3
- package/test-env/components/modal/confirm_modal.js +1 -1
- package/test-env/components/notification/notification_event.js +1 -6
- package/test-env/components/notification/notification_event_read_button.js +1 -2
- package/test-env/components/page/index.js +1 -40
- package/test-env/components/popover/input_popover.js +26 -11
- package/test-env/components/tabs/tab.js +1 -1
- package/es/components/page/page_content/index.js +0 -12
- package/es/components/page/page_content/page_content.js +0 -110
- package/es/components/page/page_content/page_content_body.js +0 -69
- package/es/components/page/page_content/page_content_header.js +0 -43
- package/es/components/page/page_content/page_content_header_section.js +0 -34
- package/es/components/page/page_side_bar/index.js +0 -9
- package/es/components/page/page_side_bar/page_side_bar.js +0 -60
- package/es/components/page/page_template.js +0 -591
- package/lib/components/page/page_content/index.js +0 -33
- package/lib/components/page/page_content/page_content.js +0 -117
- package/lib/components/page/page_content/page_content_body.js +0 -77
- package/lib/components/page/page_content/page_content_header.js +0 -50
- package/lib/components/page/page_content/page_content_header_section.js +0 -41
- package/lib/components/page/page_side_bar/index.js +0 -12
- package/lib/components/page/page_side_bar/page_side_bar.js +0 -67
- package/lib/components/page/page_template.js +0 -598
- package/optimize/es/components/page/page_content/index.js +0 -12
- package/optimize/es/components/page/page_content/page_content.js +0 -45
- package/optimize/es/components/page/page_content/page_content_body.js +0 -45
- package/optimize/es/components/page/page_content/page_content_header.js +0 -30
- package/optimize/es/components/page/page_content/page_content_header_section.js +0 -26
- package/optimize/es/components/page/page_side_bar/index.js +0 -9
- package/optimize/es/components/page/page_side_bar/page_side_bar.js +0 -44
- package/optimize/es/components/page/page_template.js +0 -325
- package/optimize/lib/components/page/page_content/index.js +0 -33
- package/optimize/lib/components/page/page_content/page_content.js +0 -52
- package/optimize/lib/components/page/page_content/page_content_body.js +0 -53
- package/optimize/lib/components/page/page_content/page_content_header.js +0 -37
- package/optimize/lib/components/page/page_content/page_content_header_section.js +0 -33
- package/optimize/lib/components/page/page_side_bar/index.js +0 -12
- package/optimize/lib/components/page/page_side_bar/page_side_bar.js +0 -51
- package/optimize/lib/components/page/page_template.js +0 -332
- package/src/components/context_menu/_context_menu.scss +0 -27
- package/src/components/context_menu/_context_menu_item.scss +0 -65
- package/src/components/context_menu/_context_menu_panel.scss +0 -101
- package/src/components/context_menu/_index.scss +0 -3
- package/src/components/page/_index.scss +0 -2
- package/src/components/page/page_content/_index.scss +0 -4
- package/src/components/page/page_content/_page_content.scss +0 -25
- package/src/components/page/page_content/_page_content_body.scss +0 -19
- package/src/components/page/page_content/_page_content_header.scss +0 -20
- package/src/components/page/page_content/_page_content_header_section.scss +0 -17
- package/src/components/page/page_side_bar/_index.scss +0 -1
- package/src/components/page/page_side_bar/_page_side_bar.scss +0 -31
- package/test-env/components/page/page_content/index.js +0 -33
- package/test-env/components/page/page_content/page_content.js +0 -116
- package/test-env/components/page/page_content/page_content_body.js +0 -73
- package/test-env/components/page/page_content/page_content_header.js +0 -49
- package/test-env/components/page/page_content/page_content_header_section.js +0 -40
- package/test-env/components/page/page_side_bar/index.js +0 -12
- package/test-env/components/page/page_side_bar/page_side_bar.js +0 -66
- package/test-env/components/page/page_template.js +0 -594
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
var _excluded = ["children", "className", "sticky", "paddingSize"];
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
-
/*
|
|
6
|
-
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
7
|
-
* or more contributor license agreements. Licensed under the Elastic License
|
|
8
|
-
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
9
|
-
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
10
|
-
* Side Public License, v 1.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
import React from 'react';
|
|
14
|
-
import PropTypes from "prop-types";
|
|
15
|
-
import classNames from 'classnames';
|
|
16
|
-
import { keysOf } from '../../common';
|
|
17
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
18
|
-
var paddingSizeToClassNameMap = {
|
|
19
|
-
none: null,
|
|
20
|
-
s: 'euiPageSideBar--paddingSmall',
|
|
21
|
-
m: 'euiPageSideBar--paddingMedium',
|
|
22
|
-
l: 'euiPageSideBar--paddingLarge'
|
|
23
|
-
};
|
|
24
|
-
export var PADDING_SIZES = keysOf(paddingSizeToClassNameMap);
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* @deprecated Use the new EuiPageSidebarProps in page/page_sidebar instead
|
|
28
|
-
*/
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* @deprecated Use the new EuiPageSidebar in page/page_sidebar instead
|
|
32
|
-
*/
|
|
33
|
-
export var EuiPageSideBar_Deprecated = function EuiPageSideBar_Deprecated(_ref) {
|
|
34
|
-
var children = _ref.children,
|
|
35
|
-
className = _ref.className,
|
|
36
|
-
sticky = _ref.sticky,
|
|
37
|
-
_ref$paddingSize = _ref.paddingSize,
|
|
38
|
-
paddingSize = _ref$paddingSize === void 0 ? 'none' : _ref$paddingSize,
|
|
39
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
40
|
-
var classes = classNames('euiPageSideBar', paddingSizeToClassNameMap[paddingSize], {
|
|
41
|
-
'euiPageSideBar--sticky': sticky
|
|
42
|
-
}, className);
|
|
43
|
-
return ___EmotionJSX("div", _extends({
|
|
44
|
-
className: classes
|
|
45
|
-
}, rest), children);
|
|
46
|
-
};
|
|
47
|
-
EuiPageSideBar_Deprecated.propTypes = {
|
|
48
|
-
/**
|
|
49
|
-
* Adds `position: sticky`
|
|
50
|
-
*/
|
|
51
|
-
sticky: PropTypes.bool,
|
|
52
|
-
/**
|
|
53
|
-
* Adds padding around the children
|
|
54
|
-
*/
|
|
55
|
-
paddingSize: PropTypes.any,
|
|
56
|
-
className: PropTypes.string,
|
|
57
|
-
"aria-label": PropTypes.string,
|
|
58
|
-
"data-test-subj": PropTypes.string,
|
|
59
|
-
css: PropTypes.any
|
|
60
|
-
};
|
|
@@ -1,591 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
var _excluded = ["template", "restrictWidth", "grow", "paddingSize", "fullHeight", "children", "className", "pageSideBar", "pageSideBarProps", "pageHeader", "pageBodyProps", "pageContentProps", "pageContentBodyProps", "bottomBar", "bottomBarProps", "minHeight"];
|
|
3
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
7
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
8
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
9
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
10
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
11
|
-
/*
|
|
12
|
-
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
13
|
-
* or more contributor license agreements. Licensed under the Elastic License
|
|
14
|
-
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
15
|
-
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
16
|
-
* Side Public License, v 1.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
import React from 'react';
|
|
20
|
-
import PropTypes from "prop-types";
|
|
21
|
-
import classNames from 'classnames';
|
|
22
|
-
import { css } from '@emotion/react';
|
|
23
|
-
import { EuiPage } from './page';
|
|
24
|
-
import { EuiPageSideBar_Deprecated as EuiPageSideBar } from './page_side_bar';
|
|
25
|
-
import { EuiPageBody } from './page_body';
|
|
26
|
-
import { EuiPageHeader } from './page_header';
|
|
27
|
-
import { EuiPageContent_Deprecated as EuiPageContent, EuiPageContentBody_Deprecated as EuiPageContentBody } from './page_content';
|
|
28
|
-
import { EuiBottomBar } from '../bottom_bar';
|
|
29
|
-
import { useIsWithinBreakpoints } from '../../services';
|
|
30
|
-
import { EuiFlexGroup, EuiFlexItem } from '../flex';
|
|
31
|
-
import { useEuiPaddingSize, logicalCSS } from '../../global_styling';
|
|
32
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
33
|
-
export var TEMPLATES = ['default', 'centeredBody', 'centeredContent', 'empty'];
|
|
34
|
-
/**
|
|
35
|
-
* This component has been deprecated in favor of the new
|
|
36
|
-
* namespaced version. You can still import this component
|
|
37
|
-
* until August 2023 by importing `as EuiPageTemplate`.
|
|
38
|
-
*
|
|
39
|
-
* @deprecated use EuiPageTemplate from page_template/page_template instead
|
|
40
|
-
*/
|
|
41
|
-
export var EuiPageTemplate_Deprecated = function EuiPageTemplate_Deprecated(_ref) {
|
|
42
|
-
var _pageBodyProps2;
|
|
43
|
-
var _ref$template = _ref.template,
|
|
44
|
-
template = _ref$template === void 0 ? 'default' : _ref$template,
|
|
45
|
-
_ref$restrictWidth = _ref.restrictWidth,
|
|
46
|
-
restrictWidth = _ref$restrictWidth === void 0 ? true : _ref$restrictWidth,
|
|
47
|
-
_ref$grow = _ref.grow,
|
|
48
|
-
grow = _ref$grow === void 0 ? true : _ref$grow,
|
|
49
|
-
_ref$paddingSize = _ref.paddingSize,
|
|
50
|
-
paddingSize = _ref$paddingSize === void 0 ? 'l' : _ref$paddingSize,
|
|
51
|
-
fullHeight = _ref.fullHeight,
|
|
52
|
-
children = _ref.children,
|
|
53
|
-
className = _ref.className,
|
|
54
|
-
pageSideBar = _ref.pageSideBar,
|
|
55
|
-
pageSideBarProps = _ref.pageSideBarProps,
|
|
56
|
-
pageHeader = _ref.pageHeader,
|
|
57
|
-
pageBodyProps = _ref.pageBodyProps,
|
|
58
|
-
pageContentProps = _ref.pageContentProps,
|
|
59
|
-
pageContentBodyProps = _ref.pageContentBodyProps,
|
|
60
|
-
bottomBar = _ref.bottomBar,
|
|
61
|
-
bottomBarProps = _ref.bottomBarProps,
|
|
62
|
-
_ref$minHeight = _ref.minHeight,
|
|
63
|
-
minHeight = _ref$minHeight === void 0 ? 460 : _ref$minHeight,
|
|
64
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
65
|
-
// BWC page header margin to match padding
|
|
66
|
-
var headerMargin = /*#__PURE__*/css(logicalCSS('margin-bottom', useEuiPaddingSize(paddingSize)), ";label:headerMargin;");
|
|
67
|
-
|
|
68
|
-
/**
|
|
69
|
-
* Full height ~madness~ logic
|
|
70
|
-
*/
|
|
71
|
-
var canFullHeight = useIsWithinBreakpoints(['m', 'l', 'xl']) && (template === 'default' || template === 'empty');
|
|
72
|
-
var fullHeightClass = {
|
|
73
|
-
'eui-fullHeight': fullHeight && canFullHeight
|
|
74
|
-
};
|
|
75
|
-
var yScrollClass = {
|
|
76
|
-
'eui-yScroll': fullHeight && canFullHeight
|
|
77
|
-
};
|
|
78
|
-
if (canFullHeight && fullHeight) {
|
|
79
|
-
var _pageBodyProps, _pageContentProps, _pageContentBodyProps;
|
|
80
|
-
// By using flex group it will also fix the negative margin issues for nested flex groups
|
|
81
|
-
children = ___EmotionJSX(EuiFlexGroup, {
|
|
82
|
-
className: "eui-fullHeight",
|
|
83
|
-
gutterSize: "none",
|
|
84
|
-
direction: "column",
|
|
85
|
-
responsive: false
|
|
86
|
-
}, ___EmotionJSX(EuiFlexItem, {
|
|
87
|
-
className: classNames({
|
|
88
|
-
'eui-yScroll': fullHeight === true,
|
|
89
|
-
'eui-fullHeight': fullHeight === 'noscroll'
|
|
90
|
-
}),
|
|
91
|
-
grow: true
|
|
92
|
-
}, children));
|
|
93
|
-
pageBodyProps = _objectSpread(_objectSpread({}, pageBodyProps), {}, {
|
|
94
|
-
className: classNames(fullHeightClass, (_pageBodyProps = pageBodyProps) === null || _pageBodyProps === void 0 ? void 0 : _pageBodyProps.className)
|
|
95
|
-
});
|
|
96
|
-
pageContentProps = _objectSpread(_objectSpread({}, pageContentProps), {}, {
|
|
97
|
-
className: classNames(yScrollClass, (_pageContentProps = pageContentProps) === null || _pageContentProps === void 0 ? void 0 : _pageContentProps.className)
|
|
98
|
-
});
|
|
99
|
-
pageContentBodyProps = _objectSpread(_objectSpread({}, pageContentBodyProps), {}, {
|
|
100
|
-
className: classNames(fullHeightClass, (_pageContentBodyProps = pageContentBodyProps) === null || _pageContentBodyProps === void 0 ? void 0 : _pageContentBodyProps.className)
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
var classes = classNames('euiPageTemplate', fullHeightClass, className);
|
|
104
|
-
var pageStyle = _objectSpread({
|
|
105
|
-
minHeight: minHeight
|
|
106
|
-
}, rest.style);
|
|
107
|
-
|
|
108
|
-
/**
|
|
109
|
-
* This seems very repetitious but it's the most readable, scalable, and maintainable
|
|
110
|
-
*/
|
|
111
|
-
|
|
112
|
-
switch (template) {
|
|
113
|
-
/**
|
|
114
|
-
* CENTERED BODY
|
|
115
|
-
* The panelled content is centered
|
|
116
|
-
*/
|
|
117
|
-
case 'centeredBody':
|
|
118
|
-
return pageSideBar ? ___EmotionJSX(EuiPage, _extends({
|
|
119
|
-
className: classes,
|
|
120
|
-
paddingSize: "none",
|
|
121
|
-
grow: grow
|
|
122
|
-
}, rest, {
|
|
123
|
-
style: pageStyle
|
|
124
|
-
}), ___EmotionJSX(EuiPageSideBar, _extends({
|
|
125
|
-
sticky: true,
|
|
126
|
-
paddingSize: paddingSize
|
|
127
|
-
}, pageSideBarProps), pageSideBar), ___EmotionJSX(EuiPageBody, _extends({
|
|
128
|
-
paddingSize: paddingSize
|
|
129
|
-
}, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
|
|
130
|
-
restrictWidth: restrictWidth,
|
|
131
|
-
css: headerMargin
|
|
132
|
-
}, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
|
|
133
|
-
verticalPosition: "center",
|
|
134
|
-
horizontalPosition: "center",
|
|
135
|
-
paddingSize: paddingSize
|
|
136
|
-
}, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
|
|
137
|
-
restrictWidth: restrictWidth
|
|
138
|
-
}, pageContentBodyProps), children)))) : ___EmotionJSX(EuiPage, _extends({
|
|
139
|
-
className: classes,
|
|
140
|
-
paddingSize: paddingSize,
|
|
141
|
-
grow: grow
|
|
142
|
-
}, rest, {
|
|
143
|
-
style: pageStyle
|
|
144
|
-
}), ___EmotionJSX(EuiPageBody, _extends({
|
|
145
|
-
restrictWidth: restrictWidth
|
|
146
|
-
}, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
|
|
147
|
-
paddingSize: "none",
|
|
148
|
-
restrictWidth: false,
|
|
149
|
-
css: headerMargin,
|
|
150
|
-
bottomBorder: true
|
|
151
|
-
}, pageHeader)), ___EmotionJSX(EuiPageBody, null, ___EmotionJSX(EuiPageContent, _extends({
|
|
152
|
-
verticalPosition: "center",
|
|
153
|
-
horizontalPosition: "center",
|
|
154
|
-
paddingSize: paddingSize
|
|
155
|
-
}, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
|
|
156
|
-
paddingSize: "none",
|
|
157
|
-
restrictWidth: restrictWidth
|
|
158
|
-
}, pageContentBodyProps), children)))));
|
|
159
|
-
|
|
160
|
-
/**
|
|
161
|
-
* CENTERED CONTENT
|
|
162
|
-
* The content inside the panel is centered
|
|
163
|
-
*/
|
|
164
|
-
case 'centeredContent':
|
|
165
|
-
return pageSideBar ? ___EmotionJSX(EuiPage, _extends({
|
|
166
|
-
className: classes,
|
|
167
|
-
paddingSize: "none",
|
|
168
|
-
grow: grow
|
|
169
|
-
}, rest, {
|
|
170
|
-
style: pageStyle
|
|
171
|
-
}), ___EmotionJSX(EuiPageSideBar, _extends({
|
|
172
|
-
sticky: true,
|
|
173
|
-
paddingSize: paddingSize
|
|
174
|
-
}, pageSideBarProps), pageSideBar), ___EmotionJSX(EuiPageBody, _extends({
|
|
175
|
-
panelled: true,
|
|
176
|
-
paddingSize: paddingSize
|
|
177
|
-
}, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
|
|
178
|
-
restrictWidth: restrictWidth,
|
|
179
|
-
css: headerMargin
|
|
180
|
-
}, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
|
|
181
|
-
verticalPosition: "center",
|
|
182
|
-
horizontalPosition: "center",
|
|
183
|
-
hasShadow: false,
|
|
184
|
-
color: "subdued",
|
|
185
|
-
paddingSize: paddingSize
|
|
186
|
-
}, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
|
|
187
|
-
restrictWidth: restrictWidth
|
|
188
|
-
}, pageContentBodyProps), children)))) : ___EmotionJSX(EuiPage, _extends({
|
|
189
|
-
className: classes,
|
|
190
|
-
paddingSize: "none",
|
|
191
|
-
grow: grow
|
|
192
|
-
}, rest, {
|
|
193
|
-
style: pageStyle
|
|
194
|
-
}), ___EmotionJSX(EuiPageBody, pageBodyProps, pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
|
|
195
|
-
paddingSize: paddingSize,
|
|
196
|
-
restrictWidth: restrictWidth,
|
|
197
|
-
bottomBorder: "extended"
|
|
198
|
-
}, pageHeader)), ___EmotionJSX(EuiPageContent, {
|
|
199
|
-
role: null,
|
|
200
|
-
borderRadius: "none",
|
|
201
|
-
hasShadow: false,
|
|
202
|
-
paddingSize: paddingSize,
|
|
203
|
-
style: {
|
|
204
|
-
display: 'flex'
|
|
205
|
-
}
|
|
206
|
-
}, ___EmotionJSX(EuiPageContent, _extends({
|
|
207
|
-
verticalPosition: "center",
|
|
208
|
-
horizontalPosition: "center",
|
|
209
|
-
hasShadow: false,
|
|
210
|
-
color: "subdued",
|
|
211
|
-
paddingSize: paddingSize
|
|
212
|
-
}, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
|
|
213
|
-
restrictWidth: restrictWidth
|
|
214
|
-
}, pageContentBodyProps), children)))));
|
|
215
|
-
|
|
216
|
-
/**
|
|
217
|
-
* EMPTY
|
|
218
|
-
* No panelling at all
|
|
219
|
-
*/
|
|
220
|
-
case 'empty':
|
|
221
|
-
return pageSideBar ? ___EmotionJSX(EuiPage, _extends({
|
|
222
|
-
className: classes,
|
|
223
|
-
paddingSize: "none",
|
|
224
|
-
grow: grow
|
|
225
|
-
}, rest, {
|
|
226
|
-
style: pageStyle
|
|
227
|
-
}), ___EmotionJSX(EuiPageSideBar, _extends({
|
|
228
|
-
sticky: true,
|
|
229
|
-
paddingSize: paddingSize
|
|
230
|
-
}, pageSideBarProps), pageSideBar), ___EmotionJSX(EuiPageBody, _extends({
|
|
231
|
-
paddingSize: paddingSize
|
|
232
|
-
}, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
|
|
233
|
-
restrictWidth: restrictWidth,
|
|
234
|
-
bottomBorder: true,
|
|
235
|
-
css: headerMargin
|
|
236
|
-
}, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
|
|
237
|
-
hasBorder: false,
|
|
238
|
-
hasShadow: false,
|
|
239
|
-
paddingSize: 'none',
|
|
240
|
-
color: 'transparent',
|
|
241
|
-
borderRadius: 'none'
|
|
242
|
-
}, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
|
|
243
|
-
restrictWidth: restrictWidth
|
|
244
|
-
}, pageContentBodyProps), children)))) : ___EmotionJSX(EuiPage, _extends({
|
|
245
|
-
className: classes,
|
|
246
|
-
paddingSize: paddingSize,
|
|
247
|
-
grow: grow
|
|
248
|
-
}, rest, {
|
|
249
|
-
style: pageStyle
|
|
250
|
-
}), ___EmotionJSX(EuiPageBody, _extends({
|
|
251
|
-
restrictWidth: restrictWidth
|
|
252
|
-
}, pageBodyProps), pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
|
|
253
|
-
paddingSize: "none",
|
|
254
|
-
restrictWidth: false,
|
|
255
|
-
css: headerMargin,
|
|
256
|
-
bottomBorder: true
|
|
257
|
-
}, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
|
|
258
|
-
hasBorder: false,
|
|
259
|
-
hasShadow: false,
|
|
260
|
-
paddingSize: 'none',
|
|
261
|
-
color: 'transparent',
|
|
262
|
-
borderRadius: 'none'
|
|
263
|
-
}, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
|
|
264
|
-
paddingSize: "none"
|
|
265
|
-
}, pageContentBodyProps), children))));
|
|
266
|
-
|
|
267
|
-
/**
|
|
268
|
-
* DEFAULT
|
|
269
|
-
* Typical layout with nothing "centered"
|
|
270
|
-
*/
|
|
271
|
-
default:
|
|
272
|
-
// Only the default template can display a bottom bar
|
|
273
|
-
var bottomBarNode = bottomBar ? ___EmotionJSX(EuiBottomBar, _extends({
|
|
274
|
-
paddingSize: paddingSize,
|
|
275
|
-
position: canFullHeight && fullHeight ? 'static' : 'sticky'
|
|
276
|
-
// Using uknown here because of the possible conflict with overriding props and position `sticky`
|
|
277
|
-
}, bottomBarProps), ___EmotionJSX(EuiPageContentBody, {
|
|
278
|
-
paddingSize: 'none',
|
|
279
|
-
restrictWidth: restrictWidth
|
|
280
|
-
}, bottomBar)) : undefined;
|
|
281
|
-
return pageSideBar ? ___EmotionJSX(EuiPage, _extends({
|
|
282
|
-
className: classes,
|
|
283
|
-
paddingSize: "none",
|
|
284
|
-
grow: grow
|
|
285
|
-
}, rest, {
|
|
286
|
-
style: pageStyle
|
|
287
|
-
}), ___EmotionJSX(EuiPageSideBar, _extends({
|
|
288
|
-
sticky: true,
|
|
289
|
-
paddingSize: paddingSize
|
|
290
|
-
}, pageSideBarProps), pageSideBar), ___EmotionJSX(EuiPageBody, _extends({
|
|
291
|
-
panelled: true,
|
|
292
|
-
paddingSize: "none"
|
|
293
|
-
}, pageBodyProps), ___EmotionJSX(EuiPageBody, {
|
|
294
|
-
component: "div",
|
|
295
|
-
paddingSize: paddingSize,
|
|
296
|
-
className: (_pageBodyProps2 = pageBodyProps) === null || _pageBodyProps2 === void 0 ? void 0 : _pageBodyProps2.className
|
|
297
|
-
}, pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
|
|
298
|
-
bottomBorder: true,
|
|
299
|
-
restrictWidth: restrictWidth,
|
|
300
|
-
css: headerMargin
|
|
301
|
-
}, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
|
|
302
|
-
hasShadow: false,
|
|
303
|
-
hasBorder: false,
|
|
304
|
-
color: 'transparent',
|
|
305
|
-
borderRadius: 'none',
|
|
306
|
-
paddingSize: "none"
|
|
307
|
-
}, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
|
|
308
|
-
restrictWidth: restrictWidth
|
|
309
|
-
}, pageContentBodyProps), children))), bottomBarNode)) : ___EmotionJSX(EuiPage, _extends({
|
|
310
|
-
className: classes,
|
|
311
|
-
paddingSize: "none",
|
|
312
|
-
grow: grow
|
|
313
|
-
}, rest, {
|
|
314
|
-
style: pageStyle
|
|
315
|
-
}), ___EmotionJSX(EuiPageBody, pageBodyProps, pageHeader && ___EmotionJSX(EuiPageHeader, _extends({
|
|
316
|
-
restrictWidth: restrictWidth,
|
|
317
|
-
paddingSize: paddingSize,
|
|
318
|
-
bottomBorder: "extended"
|
|
319
|
-
}, pageHeader)), ___EmotionJSX(EuiPageContent, _extends({
|
|
320
|
-
hasBorder: pageHeader === undefined ? false : undefined,
|
|
321
|
-
hasShadow: false,
|
|
322
|
-
paddingSize: 'none',
|
|
323
|
-
color: 'plain',
|
|
324
|
-
borderRadius: 'none'
|
|
325
|
-
}, pageContentProps), ___EmotionJSX(EuiPageContentBody, _extends({
|
|
326
|
-
restrictWidth: restrictWidth,
|
|
327
|
-
paddingSize: paddingSize
|
|
328
|
-
}, pageContentBodyProps), children)), bottomBarNode));
|
|
329
|
-
}
|
|
330
|
-
};
|
|
331
|
-
EuiPageTemplate_Deprecated.propTypes = {
|
|
332
|
-
/**
|
|
333
|
-
* Choose between 3 types of templates.
|
|
334
|
-
* `default`: Typical layout with nothing centered
|
|
335
|
-
* `centeredBody`: The panelled content is centered
|
|
336
|
-
* `centeredContent`: The content inside the panel is centered
|
|
337
|
-
* `empty`: Removes the panneling of the page content
|
|
338
|
-
*/
|
|
339
|
-
template: PropTypes.any,
|
|
340
|
-
/**
|
|
341
|
-
* Padding size will not get applied to the over-arching #EuiPage,
|
|
342
|
-
* but will propogate through all the components to keep them in sync
|
|
343
|
-
*/
|
|
344
|
-
paddingSize: PropTypes.oneOf(["none", "s", "m", "l"]),
|
|
345
|
-
/**
|
|
346
|
-
* Optionally include #EuiPageSideBar content.
|
|
347
|
-
* The inclusion of this will affect the whole layout
|
|
348
|
-
*/
|
|
349
|
-
pageSideBar: PropTypes.node,
|
|
350
|
-
/**
|
|
351
|
-
* Gets passed along to the #EuiPageSideBar component
|
|
352
|
-
*/
|
|
353
|
-
pageSideBarProps: PropTypes.any,
|
|
354
|
-
/**
|
|
355
|
-
* Optionally include an #EuiPageHeader by passing an object of its props
|
|
356
|
-
*/
|
|
357
|
-
pageHeader: PropTypes.shape({
|
|
358
|
-
/**
|
|
359
|
-
* Adjust the overall padding.
|
|
360
|
-
*/
|
|
361
|
-
paddingSize: PropTypes.any,
|
|
362
|
-
className: PropTypes.string,
|
|
363
|
-
"aria-label": PropTypes.string,
|
|
364
|
-
"data-test-subj": PropTypes.string,
|
|
365
|
-
css: PropTypes.any,
|
|
366
|
-
/**
|
|
367
|
-
* Sets the max-width of the page,
|
|
368
|
-
* set to `true` to use the default size of `1200px`,
|
|
369
|
-
* set to `false` to not restrict the width,
|
|
370
|
-
* set to a number for a custom width in px,
|
|
371
|
-
* set to a string for a custom width in custom measurement.
|
|
372
|
-
*/
|
|
373
|
-
restrictWidth: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.number.isRequired, PropTypes.string.isRequired]),
|
|
374
|
-
/**
|
|
375
|
-
* Adds a bottom border to separate it from the content after;
|
|
376
|
-
* Passing `extended` will ensure the border touches the sides of the parent container.
|
|
377
|
-
*/
|
|
378
|
-
bottomBorder: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.oneOf(["extended"])])
|
|
379
|
-
}),
|
|
380
|
-
/**
|
|
381
|
-
* Gets passed along to the #EuiPageBody component
|
|
382
|
-
*/
|
|
383
|
-
pageBodyProps: PropTypes.shape({
|
|
384
|
-
className: PropTypes.string,
|
|
385
|
-
"aria-label": PropTypes.string,
|
|
386
|
-
"data-test-subj": PropTypes.string,
|
|
387
|
-
css: PropTypes.any,
|
|
388
|
-
/**
|
|
389
|
-
* Sets the max-width of the page,
|
|
390
|
-
* set to `true` to use the default size of `1200px`,
|
|
391
|
-
* set to `false` to not restrict the width,
|
|
392
|
-
* set to a number for a custom width in px,
|
|
393
|
-
* set to a string for a custom width in custom measurement.
|
|
394
|
-
*/
|
|
395
|
-
restrictWidth: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.number.isRequired, PropTypes.string.isRequired]),
|
|
396
|
-
/**
|
|
397
|
-
* Sets the HTML element for `EuiPageBody`.
|
|
398
|
-
*/
|
|
399
|
-
component: PropTypes.any,
|
|
400
|
-
/**
|
|
401
|
-
* Uses an EuiPanel as the main component instead of a plain div
|
|
402
|
-
*/
|
|
403
|
-
panelled: PropTypes.bool,
|
|
404
|
-
/**
|
|
405
|
-
* Extends any extra EuiPanel props if `panelled=true`
|
|
406
|
-
*/
|
|
407
|
-
panelProps: PropTypes.any,
|
|
408
|
-
/**
|
|
409
|
-
* Adjusts the padding
|
|
410
|
-
*/
|
|
411
|
-
paddingSize: PropTypes.any
|
|
412
|
-
}),
|
|
413
|
-
/**
|
|
414
|
-
* Gets passed along to the #EuiPageContent component
|
|
415
|
-
*/
|
|
416
|
-
pageContentProps: PropTypes.shape({
|
|
417
|
-
className: PropTypes.string,
|
|
418
|
-
"aria-label": PropTypes.string,
|
|
419
|
-
"data-test-subj": PropTypes.string,
|
|
420
|
-
css: PropTypes.any,
|
|
421
|
-
/**
|
|
422
|
-
* Adds a medium shadow to the panel;
|
|
423
|
-
* Only works when `color="plain"`
|
|
424
|
-
*/
|
|
425
|
-
/**
|
|
426
|
-
* Adds a medium shadow to the panel;
|
|
427
|
-
* Only works when `color="plain"`
|
|
428
|
-
*/
|
|
429
|
-
hasShadow: PropTypes.bool,
|
|
430
|
-
/**
|
|
431
|
-
* Adds a slight 1px border on all edges.
|
|
432
|
-
* Only works when `color="plain | transparent"`
|
|
433
|
-
*/
|
|
434
|
-
/**
|
|
435
|
-
* Adds a slight 1px border on all edges.
|
|
436
|
-
* Only works when `color="plain | transparent"`
|
|
437
|
-
*/
|
|
438
|
-
hasBorder: PropTypes.bool,
|
|
439
|
-
/**
|
|
440
|
-
* Padding for all four sides
|
|
441
|
-
*/
|
|
442
|
-
/**
|
|
443
|
-
* Padding for all four sides
|
|
444
|
-
*/
|
|
445
|
-
paddingSize: PropTypes.any,
|
|
446
|
-
/**
|
|
447
|
-
* Corner border radius
|
|
448
|
-
*/
|
|
449
|
-
/**
|
|
450
|
-
* Corner border radius
|
|
451
|
-
*/
|
|
452
|
-
borderRadius: PropTypes.any,
|
|
453
|
-
/**
|
|
454
|
-
* When true the panel will grow in height to match `EuiFlexItem`
|
|
455
|
-
*/
|
|
456
|
-
/**
|
|
457
|
-
* When true the panel will grow in height to match `EuiFlexItem`
|
|
458
|
-
*/
|
|
459
|
-
grow: PropTypes.bool,
|
|
460
|
-
panelRef: PropTypes.any,
|
|
461
|
-
/**
|
|
462
|
-
* Background color of the panel;
|
|
463
|
-
* Usually a lightened form of the brand colors
|
|
464
|
-
*/
|
|
465
|
-
/**
|
|
466
|
-
* Background color of the panel;
|
|
467
|
-
* Usually a lightened form of the brand colors
|
|
468
|
-
*/
|
|
469
|
-
color: PropTypes.any,
|
|
470
|
-
element: PropTypes.oneOf(["div"]),
|
|
471
|
-
verticalPosition: PropTypes.oneOf(["center"]),
|
|
472
|
-
horizontalPosition: PropTypes.oneOf(["center"]),
|
|
473
|
-
/**
|
|
474
|
-
* There should only be one EuiPageContent per page and should contain the main contents.
|
|
475
|
-
* If this is untrue, set role = `null`, or change it to match your needed aria role
|
|
476
|
-
*/
|
|
477
|
-
role: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.oneOf([null])])
|
|
478
|
-
}),
|
|
479
|
-
/**
|
|
480
|
-
* Gets passed along to the #EuiPageContentBody component
|
|
481
|
-
*/
|
|
482
|
-
pageContentBodyProps: PropTypes.shape({
|
|
483
|
-
/**
|
|
484
|
-
* Adjust the padding.
|
|
485
|
-
* When using this setting it's best to be consistent throughout all similar usages
|
|
486
|
-
*/
|
|
487
|
-
paddingSize: PropTypes.any,
|
|
488
|
-
className: PropTypes.string,
|
|
489
|
-
"aria-label": PropTypes.string,
|
|
490
|
-
"data-test-subj": PropTypes.string,
|
|
491
|
-
css: PropTypes.any,
|
|
492
|
-
/**
|
|
493
|
-
* Sets the max-width of the page,
|
|
494
|
-
* set to `true` to use the default size of `1200px`,
|
|
495
|
-
* set to `false` to not restrict the width,
|
|
496
|
-
* set to a number for a custom width in px,
|
|
497
|
-
* set to a string for a custom width in custom measurement.
|
|
498
|
-
*/
|
|
499
|
-
restrictWidth: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.number.isRequired, PropTypes.string.isRequired])
|
|
500
|
-
}),
|
|
501
|
-
/**
|
|
502
|
-
* Adds contents inside of an EuiBottomBar.
|
|
503
|
-
* Only works when `template = 'default'`
|
|
504
|
-
*/
|
|
505
|
-
bottomBar: PropTypes.any,
|
|
506
|
-
/**
|
|
507
|
-
* Gets passed along to the #EuiBottomBar component if `bottomBar` has contents
|
|
508
|
-
*/
|
|
509
|
-
bottomBarProps: PropTypes.shape({
|
|
510
|
-
className: PropTypes.string,
|
|
511
|
-
"aria-label": PropTypes.string,
|
|
512
|
-
"data-test-subj": PropTypes.string,
|
|
513
|
-
css: PropTypes.any,
|
|
514
|
-
/**
|
|
515
|
-
* How to position the bottom bar against its parent.
|
|
516
|
-
*/
|
|
517
|
-
position: PropTypes.oneOfType([PropTypes.oneOf(["fixed"]), PropTypes.oneOf(["static", "sticky"]).isRequired]),
|
|
518
|
-
/**
|
|
519
|
-
* Whether to wrap in an EuiPortal which appends the component to the body element.
|
|
520
|
-
* Only works if `position` is `fixed`.
|
|
521
|
-
*/
|
|
522
|
-
usePortal: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
|
|
523
|
-
/**
|
|
524
|
-
* ReactNode to render as this component's content
|
|
525
|
-
*/
|
|
526
|
-
children: PropTypes.node.isRequired,
|
|
527
|
-
/**
|
|
528
|
-
* If not specified, `EuiPortal` will insert itself
|
|
529
|
-
* into the end of the `document.body` by default
|
|
530
|
-
*/
|
|
531
|
-
insert: PropTypes.shape({
|
|
532
|
-
sibling: PropTypes.any.isRequired,
|
|
533
|
-
position: PropTypes.any.isRequired
|
|
534
|
-
}),
|
|
535
|
-
/**
|
|
536
|
-
* Optional ref callback
|
|
537
|
-
*/
|
|
538
|
-
portalRef: PropTypes.func
|
|
539
|
-
}).isRequired]),
|
|
540
|
-
/**
|
|
541
|
-
* Whether the component should apply padding on the document body element to afford for its own displacement height.
|
|
542
|
-
* Only works if `usePortal` is true and `position` is `fixed`.
|
|
543
|
-
*/
|
|
544
|
-
affordForDisplacement: PropTypes.bool,
|
|
545
|
-
/**
|
|
546
|
-
* Padding applied to the bar. Default is 'm'.
|
|
547
|
-
*/
|
|
548
|
-
paddingSize: PropTypes.oneOf(["none", "s", "m", "l"]),
|
|
549
|
-
/**
|
|
550
|
-
* Optional class applied to the body element on mount.
|
|
551
|
-
*/
|
|
552
|
-
bodyClassName: PropTypes.string,
|
|
553
|
-
/**
|
|
554
|
-
* Customize the screen reader heading that helps users find this control. Default is 'Page level controls'.
|
|
555
|
-
*/
|
|
556
|
-
landmarkHeading: PropTypes.string,
|
|
557
|
-
/**
|
|
558
|
-
* Starting vertical position when `fixed` position.
|
|
559
|
-
* Offset from the top of the window when `sticky` position.
|
|
560
|
-
* Has no affect on `static` positions.
|
|
561
|
-
*/
|
|
562
|
-
top: PropTypes.any,
|
|
563
|
-
/**
|
|
564
|
-
* Ending horizontal position when `fixed` position.
|
|
565
|
-
* Has no affect on `static` or `sticky` positions.
|
|
566
|
-
*/
|
|
567
|
-
right: PropTypes.any,
|
|
568
|
-
/**
|
|
569
|
-
* Starting vertical position when `fixed` position.
|
|
570
|
-
* Offset from the bottom of the window when `sticky` position.
|
|
571
|
-
* Has no affect on `static` positions.
|
|
572
|
-
*/
|
|
573
|
-
bottom: PropTypes.any,
|
|
574
|
-
/**
|
|
575
|
-
* Starting horizontal position when `fixed` position.
|
|
576
|
-
* Has no affect on `static` or `sticky` positions.
|
|
577
|
-
*/
|
|
578
|
-
left: PropTypes.any
|
|
579
|
-
}),
|
|
580
|
-
/**
|
|
581
|
-
* Stretches or restricts the height to 100% of the parent;
|
|
582
|
-
* `true`: scrolls the EuiPageContentBody;
|
|
583
|
-
* `noscroll`: removes all scroll ability;
|
|
584
|
-
* Only works when `template = 'default | empty'` and breakpoint is `m` and above
|
|
585
|
-
*/
|
|
586
|
-
fullHeight: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.oneOf(["noscroll"])]),
|
|
587
|
-
/**
|
|
588
|
-
* Minimum height in which to enforce scrolling
|
|
589
|
-
*/
|
|
590
|
-
minHeight: PropTypes.any
|
|
591
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "EuiPageContentBody_Deprecated", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _page_content_body.EuiPageContentBody_Deprecated;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "EuiPageContentHeaderSection_Deprecated", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _page_content_header_section.EuiPageContentHeaderSection_Deprecated;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "EuiPageContentHeader_Deprecated", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function get() {
|
|
21
|
-
return _page_content_header.EuiPageContentHeader_Deprecated;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "EuiPageContent_Deprecated", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function get() {
|
|
27
|
-
return _page_content.EuiPageContent_Deprecated;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
var _page_content = require("./page_content");
|
|
31
|
-
var _page_content_body = require("./page_content_body");
|
|
32
|
-
var _page_content_header = require("./page_content_header");
|
|
33
|
-
var _page_content_header_section = require("./page_content_header_section");
|