@elastic/eui 62.0.0 → 62.1.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_charts_theme.js +330 -330
- package/dist/eui_charts_theme.js.map +1 -1
- package/dist/eui_theme_dark.css +1 -783
- package/dist/eui_theme_dark.json +0 -57
- package/dist/eui_theme_dark.json.d.ts +0 -57
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +1 -783
- package/dist/eui_theme_light.json +0 -57
- package/dist/eui_theme_light.json.d.ts +0 -57
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/breadcrumbs/breadcrumb.js +199 -0
- package/es/components/breadcrumbs/breadcrumb.styles.js +61 -0
- package/es/components/breadcrumbs/breadcrumbs.js +115 -187
- package/es/components/breadcrumbs/breadcrumbs.styles.js +30 -0
- package/es/components/code/code_block.js +119 -107
- package/es/components/collapsible_nav/collapsible_nav.js +2 -2
- package/es/components/comment_list/comment_event.js +22 -28
- package/es/components/comment_list/comment_event.styles.js +15 -16
- package/es/components/control_bar/control_bar.js +13 -0
- package/es/components/datagrid/body/data_grid_body.js +1 -1
- package/es/components/datagrid/body/header/data_grid_header_row.js +1 -1
- package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/es/components/datagrid/data_grid.js +1 -1
- package/es/components/date_picker/super_date_picker/super_date_picker.js +2 -2
- package/es/components/date_picker/super_date_picker/super_update_button.js +1 -1
- package/es/components/description_list/description_list.js +22 -26
- package/es/components/description_list/description_list.styles.js +25 -0
- package/es/components/description_list/description_list_context.js +14 -0
- package/es/components/description_list/description_list_description.js +43 -2
- package/es/components/description_list/description_list_description.styles.js +47 -0
- package/es/components/description_list/description_list_title.js +43 -2
- package/es/components/description_list/description_list_title.styles.js +37 -0
- package/es/components/description_list/description_list_types.js +10 -0
- package/es/components/filter_group/filter_button.js +3 -1
- package/es/components/header/header.js +1 -27
- package/es/components/header/header_breadcrumbs/header_breadcrumbs.js +22 -2
- package/es/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +15 -0
- package/es/components/header/header_links/header_links.js +9 -9
- package/es/components/icon/assets/tokenStruct.js +1 -1
- package/es/components/image/image_caption.js +2 -2
- package/es/components/image/image_wrapper.styles.js +1 -1
- package/es/components/page/page_header/page_header.js +1 -0
- package/es/components/page/page_header/page_header_content.js +2 -1
- package/es/components/page/page_template.js +1 -0
- package/es/components/pagination/pagination.js +1 -1
- package/es/components/panel/split_panel/split_panel.js +2 -2
- package/es/components/popover/wrapping_popover.js +45 -88
- package/es/components/portal/portal.js +38 -79
- package/es/components/provider/provider.js +2 -2
- package/es/components/responsive/hide_for.js +6 -38
- package/es/components/responsive/show_for.js +6 -38
- package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +17 -36
- package/es/components/side_nav/side_nav.js +1 -1
- package/es/components/table/table_row_cell.js +1 -2
- package/es/components/toast/global_toast_list.js +208 -241
- package/es/components/toast/global_toast_list.styles.js +38 -0
- package/es/components/toast/global_toast_list_item.js +12 -7
- package/es/components/toast/toast.js +25 -25
- package/es/components/toast/toast.styles.js +55 -0
- package/es/components/token/index.js +2 -1
- package/es/components/token/token.js +48 -112
- package/es/components/token/token.styles.js +93 -0
- package/es/components/token/token_map.js +6 -9
- package/es/components/token/token_types.js +11 -0
- package/es/global_styling/reset/global_styles.js +1 -1
- package/es/services/{breakpoint.js → breakpoint/breakpoint.js} +4 -9
- package/es/services/breakpoint/currentEuiBreakpoint.js +64 -0
- package/es/services/breakpoint/index.js +10 -0
- package/es/services/breakpoint/useIsWithinBreakpoints.js +24 -0
- package/es/services/hooks/index.js +0 -1
- package/es/services/index.js +1 -1
- package/es/test/rtl/component_helpers.d.ts +7 -0
- package/es/test/rtl/component_helpers.js +72 -0
- package/es/test/rtl/custom_render.d.ts +74 -0
- package/es/test/rtl/custom_render.js +52 -0
- package/es/test/rtl/data_test_subj_queries.d.ts +5 -0
- package/es/{services/hooks/useIsWithinBreakpoints.js → test/rtl/data_test_subj_queries.js} +26 -36
- package/es/test/rtl/index.d.ts +3 -0
- package/es/test/rtl/index.js +10 -0
- package/eui.d.ts +1834 -1565
- package/i18ntokens.json +36 -36
- package/lib/components/breadcrumbs/breadcrumb.js +225 -0
- package/lib/components/breadcrumbs/breadcrumb.styles.js +68 -0
- package/lib/components/breadcrumbs/breadcrumbs.js +125 -188
- package/lib/components/breadcrumbs/breadcrumbs.styles.js +33 -0
- package/lib/components/code/code_block.js +118 -106
- package/lib/components/collapsible_nav/collapsible_nav.js +2 -2
- package/lib/components/comment_list/comment_event.js +29 -26
- package/lib/components/comment_list/comment_event.styles.js +15 -16
- package/lib/components/control_bar/control_bar.js +13 -0
- package/lib/components/datagrid/body/data_grid_body.js +1 -1
- package/lib/components/datagrid/body/header/data_grid_header_row.js +1 -1
- package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/lib/components/datagrid/data_grid.js +1 -1
- package/lib/components/date_picker/super_date_picker/super_date_picker.js +2 -2
- package/lib/components/date_picker/super_date_picker/super_update_button.js +1 -1
- package/lib/components/description_list/description_list.js +25 -31
- package/lib/components/description_list/description_list.styles.js +36 -0
- package/lib/components/description_list/description_list_context.js +24 -0
- package/lib/components/description_list/description_list_description.js +52 -2
- package/lib/components/description_list/description_list_description.styles.js +51 -0
- package/lib/components/description_list/description_list_title.js +52 -2
- package/lib/components/description_list/description_list_title.styles.js +50 -0
- package/lib/components/description_list/description_list_types.js +20 -0
- package/lib/components/filter_group/filter_button.js +3 -1
- package/lib/components/header/header.js +1 -27
- package/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +24 -2
- package/lib/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +26 -0
- package/lib/components/header/header_links/header_links.js +8 -8
- package/lib/components/icon/assets/tokenStruct.js +1 -1
- package/lib/components/icon/svgs/tokens/tokenStruct.svg +1 -1
- package/lib/components/image/image_caption.js +2 -2
- package/lib/components/image/image_wrapper.styles.js +1 -1
- package/lib/components/page/page_header/page_header.js +1 -0
- package/lib/components/page/page_header/page_header_content.js +3 -2
- package/lib/components/page/page_template.js +1 -0
- package/lib/components/pagination/pagination.js +1 -1
- package/lib/components/panel/split_panel/split_panel.js +3 -3
- package/lib/components/popover/wrapping_popover.js +44 -85
- package/lib/components/portal/portal.js +39 -82
- package/lib/components/provider/provider.js +1 -1
- package/lib/components/responsive/hide_for.js +12 -44
- package/lib/components/responsive/show_for.js +12 -44
- package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +15 -35
- package/lib/components/side_nav/side_nav.js +1 -1
- package/lib/components/table/table_row_cell.js +1 -3
- package/lib/components/toast/global_toast_list.js +209 -238
- package/lib/components/toast/global_toast_list.styles.js +45 -0
- package/lib/components/toast/global_toast_list_item.js +14 -7
- package/lib/components/toast/toast.js +27 -25
- package/lib/components/toast/toast.styles.js +66 -0
- package/lib/components/token/index.js +5 -3
- package/lib/components/token/token.js +50 -120
- package/lib/components/token/token.styles.js +101 -0
- package/lib/components/token/token_map.js +6 -9
- package/lib/components/token/token_types.js +22 -0
- package/lib/global_styling/reset/global_styles.js +1 -1
- package/{test-env/services → lib/services/breakpoint}/breakpoint.js +5 -9
- package/lib/services/breakpoint/currentEuiBreakpoint.js +80 -0
- package/lib/services/breakpoint/index.js +44 -0
- package/lib/services/breakpoint/useIsWithinBreakpoints.js +34 -0
- package/lib/services/hooks/index.js +0 -13
- package/lib/services/index.js +28 -0
- package/lib/test/rtl/component_helpers.d.ts +7 -0
- package/lib/test/rtl/component_helpers.js +77 -0
- package/lib/test/rtl/custom_render.d.ts +74 -0
- package/lib/test/rtl/custom_render.js +60 -0
- package/lib/test/rtl/data_test_subj_queries.d.ts +5 -0
- package/lib/{services/hooks/useIsWithinBreakpoints.js → test/rtl/data_test_subj_queries.js} +33 -38
- package/lib/test/rtl/index.d.ts +3 -0
- package/lib/test/rtl/index.js +81 -0
- package/optimize/es/components/breadcrumbs/breadcrumb.js +136 -0
- package/optimize/es/components/breadcrumbs/breadcrumb.styles.js +61 -0
- package/optimize/es/components/breadcrumbs/breadcrumbs.js +92 -165
- package/optimize/es/components/breadcrumbs/breadcrumbs.styles.js +30 -0
- package/optimize/es/components/code/code_block.js +106 -107
- package/optimize/es/components/comment_list/comment_event.js +22 -28
- package/optimize/es/components/comment_list/comment_event.styles.js +15 -16
- package/optimize/es/components/description_list/description_list.js +20 -24
- package/optimize/es/components/description_list/description_list.styles.js +25 -0
- package/optimize/es/components/description_list/description_list_context.js +14 -0
- package/optimize/es/components/description_list/description_list_description.js +32 -2
- package/optimize/es/components/description_list/description_list_description.styles.js +47 -0
- package/optimize/es/components/description_list/description_list_title.js +32 -2
- package/optimize/es/components/description_list/description_list_title.styles.js +37 -0
- package/optimize/es/components/description_list/description_list_types.js +10 -0
- package/optimize/es/components/filter_group/filter_button.js +3 -1
- package/optimize/es/components/header/header_breadcrumbs/header_breadcrumbs.js +8 -1
- package/optimize/es/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +15 -0
- package/optimize/es/components/header/header_links/header_links.js +8 -8
- package/optimize/es/components/icon/assets/tokenStruct.js +1 -1
- package/optimize/es/components/image/image_caption.js +2 -2
- package/optimize/es/components/image/image_wrapper.styles.js +1 -1
- package/optimize/es/components/page/page_header/page_header_content.js +1 -1
- package/optimize/es/components/panel/split_panel/split_panel.js +1 -1
- package/optimize/es/components/popover/wrapping_popover.js +38 -79
- package/optimize/es/components/portal/portal.js +34 -61
- package/optimize/es/components/provider/provider.js +2 -2
- package/optimize/es/components/responsive/hide_for.js +5 -27
- package/optimize/es/components/responsive/show_for.js +5 -27
- package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.js +16 -35
- package/optimize/es/components/table/table_row_cell.js +1 -2
- package/optimize/es/components/toast/global_toast_list.js +199 -230
- package/optimize/es/components/toast/global_toast_list.styles.js +38 -0
- package/optimize/es/components/toast/global_toast_list_item.js +11 -6
- package/optimize/es/components/toast/toast.js +24 -24
- package/optimize/es/components/toast/toast.styles.js +55 -0
- package/optimize/es/components/token/index.js +2 -1
- package/optimize/es/components/token/token.js +46 -69
- package/optimize/es/components/token/token.styles.js +83 -0
- package/optimize/es/components/token/token_map.js +6 -9
- package/optimize/es/components/token/token_types.js +11 -0
- package/optimize/es/global_styling/reset/global_styles.js +1 -1
- package/optimize/es/services/{breakpoint.js → breakpoint/breakpoint.js} +4 -9
- package/optimize/es/services/breakpoint/currentEuiBreakpoint.js +53 -0
- package/optimize/es/services/breakpoint/index.js +10 -0
- package/optimize/es/services/breakpoint/useIsWithinBreakpoints.js +24 -0
- package/optimize/es/services/hooks/index.js +0 -1
- package/optimize/es/services/index.js +1 -1
- package/optimize/es/test/rtl/component_helpers.d.ts +7 -0
- package/optimize/es/test/rtl/component_helpers.js +71 -0
- package/optimize/es/test/rtl/custom_render.d.ts +74 -0
- package/optimize/es/test/rtl/custom_render.js +48 -0
- package/optimize/es/test/rtl/data_test_subj_queries.d.ts +5 -0
- package/optimize/es/test/rtl/data_test_subj_queries.js +36 -0
- package/optimize/es/test/rtl/index.d.ts +3 -0
- package/optimize/es/test/rtl/index.js +10 -0
- package/optimize/lib/components/breadcrumbs/breadcrumb.js +162 -0
- package/optimize/lib/components/breadcrumbs/breadcrumb.styles.js +68 -0
- package/optimize/lib/components/breadcrumbs/breadcrumbs.js +99 -164
- package/optimize/lib/components/breadcrumbs/breadcrumbs.styles.js +33 -0
- package/optimize/lib/components/code/code_block.js +105 -106
- package/optimize/lib/components/comment_list/comment_event.js +22 -26
- package/optimize/lib/components/comment_list/comment_event.styles.js +15 -16
- package/optimize/lib/components/description_list/description_list.js +23 -28
- package/optimize/lib/components/description_list/description_list.styles.js +36 -0
- package/optimize/lib/components/description_list/description_list_context.js +24 -0
- package/optimize/lib/components/description_list/description_list_description.js +43 -2
- package/optimize/lib/components/description_list/description_list_description.styles.js +51 -0
- package/optimize/lib/components/description_list/description_list_title.js +43 -2
- package/optimize/lib/components/description_list/description_list_title.styles.js +50 -0
- package/optimize/lib/components/description_list/description_list_types.js +20 -0
- package/optimize/lib/components/filter_group/filter_button.js +3 -1
- package/optimize/lib/components/header/header_breadcrumbs/header_breadcrumbs.js +10 -1
- package/optimize/lib/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +26 -0
- package/optimize/lib/components/header/header_links/header_links.js +7 -7
- package/optimize/lib/components/icon/assets/tokenStruct.js +1 -1
- package/optimize/lib/components/icon/svgs/tokens/tokenStruct.svg +1 -1
- package/optimize/lib/components/image/image_caption.js +2 -2
- package/optimize/lib/components/image/image_wrapper.styles.js +1 -1
- package/optimize/lib/components/page/page_header/page_header_content.js +2 -2
- package/optimize/lib/components/panel/split_panel/split_panel.js +2 -2
- package/optimize/lib/components/popover/wrapping_popover.js +38 -78
- package/optimize/lib/components/portal/portal.js +45 -61
- package/optimize/lib/components/provider/provider.js +1 -1
- package/optimize/lib/components/responsive/hide_for.js +4 -33
- package/optimize/lib/components/responsive/show_for.js +4 -33
- package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +14 -34
- package/optimize/lib/components/table/table_row_cell.js +1 -3
- package/optimize/lib/components/toast/global_toast_list.js +206 -220
- package/optimize/lib/components/toast/global_toast_list.styles.js +47 -0
- package/optimize/lib/components/toast/global_toast_list_item.js +14 -7
- package/optimize/lib/components/toast/toast.js +26 -24
- package/optimize/lib/components/toast/toast.styles.js +66 -0
- package/optimize/lib/components/token/index.js +5 -3
- package/optimize/lib/components/token/token.js +50 -76
- package/optimize/lib/components/token/token.styles.js +91 -0
- package/optimize/lib/components/token/token_map.js +6 -9
- package/optimize/lib/components/token/token_types.js +22 -0
- package/optimize/lib/global_styling/reset/global_styles.js +1 -1
- package/optimize/lib/services/{breakpoint.js → breakpoint/breakpoint.js} +5 -9
- package/optimize/lib/services/breakpoint/currentEuiBreakpoint.js +81 -0
- package/optimize/lib/services/breakpoint/index.js +44 -0
- package/optimize/lib/services/breakpoint/useIsWithinBreakpoints.js +34 -0
- package/optimize/lib/services/hooks/index.js +0 -13
- package/optimize/lib/services/index.js +28 -0
- package/optimize/lib/test/rtl/component_helpers.d.ts +7 -0
- package/optimize/lib/test/rtl/component_helpers.js +87 -0
- package/optimize/lib/test/rtl/custom_render.d.ts +74 -0
- package/optimize/lib/test/rtl/custom_render.js +59 -0
- package/optimize/lib/test/rtl/data_test_subj_queries.d.ts +5 -0
- package/optimize/lib/test/rtl/data_test_subj_queries.js +51 -0
- package/optimize/lib/test/rtl/index.d.ts +3 -0
- package/optimize/lib/test/rtl/index.js +81 -0
- package/package.json +8 -2
- package/src/components/control_bar/_control_bar.scss +1 -1
- package/src/components/header/_index.scss +0 -1
- package/src/components/index.scss +0 -5
- package/src/themes/amsterdam/overrides/_breadcrumbs.scss +0 -12
- package/src/themes/amsterdam/overrides/_index.scss +0 -4
- package/test-env/components/breadcrumbs/breadcrumb.js +211 -0
- package/test-env/components/breadcrumbs/breadcrumb.styles.js +68 -0
- package/test-env/components/breadcrumbs/breadcrumbs.js +122 -174
- package/test-env/components/breadcrumbs/breadcrumbs.styles.js +33 -0
- package/test-env/components/collapsible_nav/collapsible_nav.js +2 -2
- package/test-env/components/comment_list/comment_event.js +22 -26
- package/test-env/components/comment_list/comment_event.styles.js +15 -16
- package/test-env/components/control_bar/control_bar.js +13 -0
- package/test-env/components/datagrid/body/data_grid_body.js +1 -1
- package/test-env/components/datagrid/body/header/data_grid_header_row.js +1 -1
- package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/test-env/components/datagrid/data_grid.js +1 -1
- package/test-env/components/date_picker/super_date_picker/super_date_picker.js +2 -2
- package/test-env/components/date_picker/super_date_picker/super_update_button.js +1 -1
- package/test-env/components/description_list/description_list.js +25 -30
- package/test-env/components/description_list/description_list.styles.js +36 -0
- package/test-env/components/description_list/description_list_context.js +24 -0
- package/test-env/components/description_list/description_list_description.js +43 -2
- package/test-env/components/description_list/description_list_description.styles.js +51 -0
- package/test-env/components/description_list/description_list_title.js +43 -2
- package/test-env/components/description_list/description_list_title.styles.js +50 -0
- package/test-env/components/description_list/description_list_types.js +20 -0
- package/test-env/components/filter_group/filter_button.js +3 -1
- package/test-env/components/header/header.js +1 -27
- package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.js +24 -2
- package/test-env/components/header/header_breadcrumbs/header_breadcrumbs.styles.js +26 -0
- package/test-env/components/header/header_links/header_links.js +8 -8
- package/test-env/components/icon/assets/tokenStruct.js +1 -1
- package/test-env/components/image/image_caption.js +2 -2
- package/test-env/components/image/image_wrapper.styles.js +1 -1
- package/test-env/components/page/page_header/page_header.js +1 -0
- package/test-env/components/page/page_header/page_header_content.js +3 -2
- package/test-env/components/page/page_template.js +1 -0
- package/test-env/components/pagination/pagination.js +1 -1
- package/test-env/components/panel/split_panel/split_panel.js +3 -3
- package/test-env/components/popover/wrapping_popover.js +38 -78
- package/test-env/components/portal/portal.js +46 -75
- package/test-env/components/provider/provider.js +1 -1
- package/test-env/components/responsive/hide_for.js +5 -34
- package/test-env/components/responsive/show_for.js +5 -34
- package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +15 -35
- package/test-env/components/side_nav/side_nav.js +1 -1
- package/test-env/components/table/table_row_cell.js +1 -3
- package/test-env/components/toast/global_toast_list.js +206 -220
- package/test-env/components/toast/global_toast_list.styles.js +47 -0
- package/test-env/components/toast/global_toast_list_item.js +14 -7
- package/test-env/components/toast/toast.js +27 -25
- package/test-env/components/toast/toast.styles.js +66 -0
- package/test-env/components/token/index.js +5 -3
- package/test-env/components/token/token.js +51 -120
- package/test-env/components/token/token.styles.js +91 -0
- package/test-env/components/token/token_map.js +6 -9
- package/test-env/components/token/token_types.js +22 -0
- package/test-env/global_styling/reset/global_styles.js +1 -1
- package/{lib/services → test-env/services/breakpoint}/breakpoint.js +5 -9
- package/test-env/services/breakpoint/currentEuiBreakpoint.js +37 -0
- package/test-env/services/breakpoint/index.js +44 -0
- package/test-env/services/breakpoint/useIsWithinBreakpoints.js +34 -0
- package/test-env/services/hooks/index.js +0 -13
- package/test-env/services/index.js +28 -0
- package/test-env/test/rtl/component_helpers.js +87 -0
- package/test-env/test/rtl/custom_render.js +59 -0
- package/test-env/test/rtl/data_test_subj_queries.js +51 -0
- package/test-env/test/rtl/index.js +81 -0
- package/optimize/es/services/hooks/useIsWithinBreakpoints.js +0 -46
- package/optimize/lib/services/hooks/useIsWithinBreakpoints.js +0 -57
- package/src/components/breadcrumbs/_breadcrumbs.scss +0 -79
- package/src/components/breadcrumbs/_index.scss +0 -2
- package/src/components/breadcrumbs/_variables.scss +0 -2
- package/src/components/description_list/_description_list.scss +0 -211
- package/src/components/description_list/_index.scss +0 -1
- package/src/components/header/header_breadcrumbs/_header_breadcrumbs.scss +0 -8
- package/src/components/header/header_breadcrumbs/_index.scss +0 -1
- package/src/components/portal/_index.scss +0 -1
- package/src/components/portal/_portal.scss +0 -6
- package/src/components/toast/_global_toast_list.scss +0 -90
- package/src/components/toast/_index.scss +0 -4
- package/src/components/toast/_toast.scss +0 -103
- package/src/components/token/_index.scss +0 -2
- package/src/components/token/_token.scss +0 -85
- package/src/components/token/_variables.scss +0 -13
- package/src/themes/amsterdam/overrides/_header_breadcrumbs.scss +0 -71
- package/src/themes/amsterdam/overrides/_toast.scss +0 -21
- package/src/themes/amsterdam/overrides/_token.scss +0 -4
- package/test-env/services/hooks/useIsWithinBreakpoints.js +0 -57
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
2
|
+
|
|
3
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
+
|
|
5
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
|
+
|
|
7
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
8
|
+
|
|
9
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
10
|
+
|
|
11
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
12
|
+
|
|
13
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
+
|
|
15
|
+
/*
|
|
16
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
17
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
18
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
19
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
20
|
+
* Side Public License, v 1.
|
|
21
|
+
*/
|
|
22
|
+
import React, { createContext, useContext, useState, useEffect } from 'react';
|
|
23
|
+
import { useEuiTheme } from '../theme';
|
|
24
|
+
import { throttle } from '../throttle';
|
|
25
|
+
import { getBreakpoint } from './breakpoint';
|
|
26
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
27
|
+
export var CurrentEuiBreakpointContext = /*#__PURE__*/createContext(undefined);
|
|
28
|
+
/**
|
|
29
|
+
* Top level provider (nested within EuiProvider) which provides a single
|
|
30
|
+
* resize listener that returns the current breakpoint based on window width
|
|
31
|
+
*/
|
|
32
|
+
|
|
33
|
+
export var CurrentEuiBreakpointProvider = function CurrentEuiBreakpointProvider(_ref) {
|
|
34
|
+
var children = _ref.children;
|
|
35
|
+
|
|
36
|
+
var _useEuiTheme = useEuiTheme(),
|
|
37
|
+
breakpoints = _useEuiTheme.euiTheme.breakpoint;
|
|
38
|
+
|
|
39
|
+
var _useState = useState((typeof window === "undefined" ? "undefined" : _typeof(window)) !== undefined ? getBreakpoint(window.innerWidth, breakpoints) : undefined),
|
|
40
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
41
|
+
currentBreakpoint = _useState2[0],
|
|
42
|
+
setCurrentBreakpoint = _useState2[1];
|
|
43
|
+
|
|
44
|
+
useEffect(function () {
|
|
45
|
+
var onWindowResize = throttle(function () {
|
|
46
|
+
setCurrentBreakpoint(getBreakpoint(window.innerWidth, breakpoints));
|
|
47
|
+
}, 50);
|
|
48
|
+
window.addEventListener('resize', onWindowResize);
|
|
49
|
+
return function () {
|
|
50
|
+
return window.removeEventListener('resize', onWindowResize);
|
|
51
|
+
};
|
|
52
|
+
}, [breakpoints]);
|
|
53
|
+
return ___EmotionJSX(CurrentEuiBreakpointContext.Provider, {
|
|
54
|
+
value: currentBreakpoint
|
|
55
|
+
}, children);
|
|
56
|
+
};
|
|
57
|
+
/**
|
|
58
|
+
* Hook util / syntactical sugar
|
|
59
|
+
*/
|
|
60
|
+
|
|
61
|
+
export var useCurrentEuiBreakpoint = function useCurrentEuiBreakpoint() {
|
|
62
|
+
var currentBreakpoint = useContext(CurrentEuiBreakpointContext);
|
|
63
|
+
return currentBreakpoint;
|
|
64
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
3
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
4
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
5
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
6
|
+
* Side Public License, v 1.
|
|
7
|
+
*/
|
|
8
|
+
export * from './breakpoint';
|
|
9
|
+
export * from './currentEuiBreakpoint';
|
|
10
|
+
export * from './useIsWithinBreakpoints';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
3
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
4
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
5
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
6
|
+
* Side Public License, v 1.
|
|
7
|
+
*/
|
|
8
|
+
import { useCurrentEuiBreakpoint } from './currentEuiBreakpoint';
|
|
9
|
+
/**
|
|
10
|
+
* Given the current window.innerWidth and an array of breakpoint keys,
|
|
11
|
+
* this hook stores state and returns true or false if the window.innerWidth
|
|
12
|
+
* falls within any of the named breakpoints.
|
|
13
|
+
*
|
|
14
|
+
* @param {_EuiThemeBreakpoint[]} sizes An array of named EUI breakpoints
|
|
15
|
+
* @param {boolean} isResponsive Some components have the option to turn off responsive behavior.
|
|
16
|
+
* Since hooks can't be called conditionally, it's easier to pass the condition into the hook
|
|
17
|
+
* @returns {boolean} Returns `true` if current breakpoint name is included in `sizes`
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
export var useIsWithinBreakpoints = function useIsWithinBreakpoints(sizes) {
|
|
21
|
+
var isResponsive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
22
|
+
var currentBreakpoint = useCurrentEuiBreakpoint();
|
|
23
|
+
return currentBreakpoint && isResponsive ? sizes.includes(currentBreakpoint) : false;
|
|
24
|
+
};
|
package/es/services/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import * as keys from './keys';
|
|
|
10
10
|
export { keys };
|
|
11
11
|
export { accessibleClickKeys, cascadingMenuKeys, comboBoxKeys, htmlIdGenerator, useGeneratedHtmlId } from './accessibility';
|
|
12
12
|
export { LEFT_ALIGNMENT, RIGHT_ALIGNMENT, CENTER_ALIGNMENT } from './alignment';
|
|
13
|
-
export { BREAKPOINTS, BREAKPOINT_KEYS, getBreakpoint, isWithinBreakpoints, isWithinMaxBreakpoint, isWithinMinBreakpoint } from './breakpoint';
|
|
13
|
+
export { BREAKPOINTS, BREAKPOINT_KEYS, getBreakpoint, isWithinBreakpoints, useIsWithinBreakpoints, isWithinMaxBreakpoint, isWithinMinBreakpoint, CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint } from './breakpoint';
|
|
14
14
|
export { isColorDark, isValidHex, calculateContrast, calculateLuminance, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, rgbToHex, rgbToHsv, VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR, colorPalette, euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplimentary, euiPaletteNegative, euiPalettePositive, euiPaletteCool, euiPaletteWarm, euiPaletteGray, getSteppedGradient, transparentize, tint, shade, tintOrShade, shadeOrTint, saturate, desaturate, lightness, makeHighContrastColor, makeDisabledContrastColor } from './color';
|
|
15
15
|
export { useColorPickerState, useColorStopsState } from './color_picker';
|
|
16
16
|
export * from './console';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Ensure the EuiPopover being tested is open/closed before contiuning
|
|
3
|
+
* Note: Because EuiPopover is portalled, we want to query `document`
|
|
4
|
+
* instead of the `container` returned by RTL's render()
|
|
5
|
+
*/
|
|
6
|
+
export declare const waitForEuiPopoverOpen: () => Promise<void>;
|
|
7
|
+
export declare const waitForEuiPopoverClose: () => Promise<void>;
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
2
|
+
|
|
3
|
+
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
4
|
+
|
|
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
|
+
import { waitFor } from '@testing-library/react';
|
|
13
|
+
/**
|
|
14
|
+
* Ensure the EuiPopover being tested is open/closed before contiuning
|
|
15
|
+
* Note: Because EuiPopover is portalled, we want to query `document`
|
|
16
|
+
* instead of the `container` returned by RTL's render()
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
export var waitForEuiPopoverOpen = /*#__PURE__*/function () {
|
|
20
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
21
|
+
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
22
|
+
while (1) {
|
|
23
|
+
switch (_context.prev = _context.next) {
|
|
24
|
+
case 0:
|
|
25
|
+
_context.next = 2;
|
|
26
|
+
return waitFor(function () {
|
|
27
|
+
var openPopover = document.querySelector('[data-popover-open]');
|
|
28
|
+
expect(openPopover).toBeTruthy();
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
case 2:
|
|
32
|
+
return _context.abrupt("return", _context.sent);
|
|
33
|
+
|
|
34
|
+
case 3:
|
|
35
|
+
case "end":
|
|
36
|
+
return _context.stop();
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}, _callee);
|
|
40
|
+
}));
|
|
41
|
+
|
|
42
|
+
return function waitForEuiPopoverOpen() {
|
|
43
|
+
return _ref.apply(this, arguments);
|
|
44
|
+
};
|
|
45
|
+
}();
|
|
46
|
+
export var waitForEuiPopoverClose = /*#__PURE__*/function () {
|
|
47
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
|
48
|
+
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
49
|
+
while (1) {
|
|
50
|
+
switch (_context2.prev = _context2.next) {
|
|
51
|
+
case 0:
|
|
52
|
+
_context2.next = 2;
|
|
53
|
+
return waitFor(function () {
|
|
54
|
+
var openPopover = document.querySelector('[data-popover-open]');
|
|
55
|
+
expect(openPopover).toBeFalsy();
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
case 2:
|
|
59
|
+
return _context2.abrupt("return", _context2.sent);
|
|
60
|
+
|
|
61
|
+
case 3:
|
|
62
|
+
case "end":
|
|
63
|
+
return _context2.stop();
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}, _callee2);
|
|
67
|
+
}));
|
|
68
|
+
|
|
69
|
+
return function waitForEuiPopoverClose() {
|
|
70
|
+
return _ref2.apply(this, arguments);
|
|
71
|
+
};
|
|
72
|
+
}();
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { queries, RenderOptions, Screen } from '@testing-library/react';
|
|
3
|
+
import * as dataTestSubjQueries from './data_test_subj_queries';
|
|
4
|
+
/**
|
|
5
|
+
* Custom render() fn with EuiProvider and query helpers
|
|
6
|
+
*
|
|
7
|
+
* @see https://testing-library.com/docs/react-testing-library/setup#custom-render
|
|
8
|
+
* @see https://testing-library.com/docs/react-testing-library/setup#add-custom-queries
|
|
9
|
+
*/
|
|
10
|
+
declare const customRender: (ui: ReactElement, { queries: renderQueries, ...options }?: RenderOptions) => import("@testing-library/react").RenderResult<{
|
|
11
|
+
getByLabelText: typeof queries.getByLabelText;
|
|
12
|
+
getAllByLabelText: typeof queries.getAllByLabelText;
|
|
13
|
+
queryByLabelText: typeof queries.queryByLabelText;
|
|
14
|
+
queryAllByLabelText: typeof queries.queryAllByLabelText;
|
|
15
|
+
findByLabelText: typeof queries.findByLabelText;
|
|
16
|
+
findAllByLabelText: typeof queries.findAllByLabelText;
|
|
17
|
+
getByPlaceholderText: typeof queries.getByPlaceholderText;
|
|
18
|
+
getAllByPlaceholderText: typeof queries.getAllByPlaceholderText;
|
|
19
|
+
queryByPlaceholderText: typeof queries.queryByPlaceholderText;
|
|
20
|
+
queryAllByPlaceholderText: typeof queries.queryAllByPlaceholderText;
|
|
21
|
+
findByPlaceholderText: typeof queries.findByPlaceholderText;
|
|
22
|
+
findAllByPlaceholderText: typeof queries.findAllByPlaceholderText;
|
|
23
|
+
getByText: typeof queries.getByText;
|
|
24
|
+
getAllByText: typeof queries.getAllByText;
|
|
25
|
+
queryByText: typeof queries.queryByText;
|
|
26
|
+
queryAllByText: typeof queries.queryAllByText;
|
|
27
|
+
findByText: typeof queries.findByText;
|
|
28
|
+
findAllByText: typeof queries.findAllByText;
|
|
29
|
+
getByAltText: typeof queries.getByAltText;
|
|
30
|
+
getAllByAltText: typeof queries.getAllByAltText;
|
|
31
|
+
queryByAltText: typeof queries.queryByAltText;
|
|
32
|
+
queryAllByAltText: typeof queries.queryAllByAltText;
|
|
33
|
+
findByAltText: typeof queries.findByAltText;
|
|
34
|
+
findAllByAltText: typeof queries.findAllByAltText;
|
|
35
|
+
getByTitle: typeof queries.getByTitle;
|
|
36
|
+
getAllByTitle: typeof queries.getAllByTitle;
|
|
37
|
+
queryByTitle: typeof queries.queryByTitle;
|
|
38
|
+
queryAllByTitle: typeof queries.queryAllByTitle;
|
|
39
|
+
findByTitle: typeof queries.findByTitle;
|
|
40
|
+
findAllByTitle: typeof queries.findAllByTitle;
|
|
41
|
+
getByDisplayValue: typeof queries.getByDisplayValue;
|
|
42
|
+
getAllByDisplayValue: typeof queries.getAllByDisplayValue;
|
|
43
|
+
queryByDisplayValue: typeof queries.queryByDisplayValue;
|
|
44
|
+
queryAllByDisplayValue: typeof queries.queryAllByDisplayValue;
|
|
45
|
+
findByDisplayValue: typeof queries.findByDisplayValue;
|
|
46
|
+
findAllByDisplayValue: typeof queries.findAllByDisplayValue;
|
|
47
|
+
getByRole: typeof queries.getByRole;
|
|
48
|
+
getAllByRole: typeof queries.getAllByRole;
|
|
49
|
+
queryByRole: typeof queries.queryByRole;
|
|
50
|
+
queryAllByRole: typeof queries.queryAllByRole;
|
|
51
|
+
findByRole: typeof queries.findByRole;
|
|
52
|
+
findAllByRole: typeof queries.findAllByRole;
|
|
53
|
+
getByTestId: typeof queries.getByTestId;
|
|
54
|
+
getAllByTestId: typeof queries.getAllByTestId;
|
|
55
|
+
queryByTestId: typeof queries.queryByTestId;
|
|
56
|
+
queryAllByTestId: typeof queries.queryAllByTestId;
|
|
57
|
+
findByTestId: typeof queries.findByTestId;
|
|
58
|
+
findAllByTestId: typeof queries.findAllByTestId;
|
|
59
|
+
queryByTestSubject: import("@testing-library/react").QueryBy<[import("@testing-library/react").Matcher]>;
|
|
60
|
+
queryAllByTestSubject: (container: HTMLElement, id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
|
|
61
|
+
getByTestSubject: import("@testing-library/react").GetBy<[import("@testing-library/react").Matcher]>;
|
|
62
|
+
getAllByTestSubject: import("@testing-library/react").GetAllBy<[import("@testing-library/react").Matcher]>;
|
|
63
|
+
findAllByTestSubject: import("@testing-library/react").FindAllBy<[import("@testing-library/react").Matcher]>;
|
|
64
|
+
findByTestSubject: import("@testing-library/react").FindBy<[import("@testing-library/react").Matcher]>;
|
|
65
|
+
}, HTMLElement, HTMLElement>;
|
|
66
|
+
export { customRender as render };
|
|
67
|
+
/**
|
|
68
|
+
* Custom screen util with EUI query helpers
|
|
69
|
+
*
|
|
70
|
+
* @see https://testing-library.com/docs/queries/about/#screen
|
|
71
|
+
* @see https://github.com/testing-library/dom-testing-library/issues/516
|
|
72
|
+
*/
|
|
73
|
+
declare const customScreen: Screen<typeof queries & typeof dataTestSubjQueries>;
|
|
74
|
+
export { customScreen as screen };
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
var _excluded = ["queries"];
|
|
2
|
+
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
|
|
5
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
6
|
+
|
|
7
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
8
|
+
|
|
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
|
+
|
|
11
|
+
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; }
|
|
12
|
+
|
|
13
|
+
/*
|
|
14
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
15
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
16
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
17
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
18
|
+
* Side Public License, v 1.
|
|
19
|
+
*/
|
|
20
|
+
import { queries, render, screen, within } from '@testing-library/react';
|
|
21
|
+
import { EuiProvider } from '../../components';
|
|
22
|
+
import * as dataTestSubjQueries from './data_test_subj_queries';
|
|
23
|
+
/**
|
|
24
|
+
* Custom render() fn with EuiProvider and query helpers
|
|
25
|
+
*
|
|
26
|
+
* @see https://testing-library.com/docs/react-testing-library/setup#custom-render
|
|
27
|
+
* @see https://testing-library.com/docs/react-testing-library/setup#add-custom-queries
|
|
28
|
+
*/
|
|
29
|
+
|
|
30
|
+
var customRender = function customRender(ui) {
|
|
31
|
+
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
32
|
+
|
|
33
|
+
var renderQueries = _ref.queries,
|
|
34
|
+
options = _objectWithoutProperties(_ref, _excluded);
|
|
35
|
+
|
|
36
|
+
return render(ui, _objectSpread({
|
|
37
|
+
queries: _objectSpread(_objectSpread(_objectSpread({}, queries), dataTestSubjQueries), renderQueries || {}),
|
|
38
|
+
wrapper: EuiProvider
|
|
39
|
+
}, options));
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
export { customRender as render };
|
|
43
|
+
/**
|
|
44
|
+
* Custom screen util with EUI query helpers
|
|
45
|
+
*
|
|
46
|
+
* @see https://testing-library.com/docs/queries/about/#screen
|
|
47
|
+
* @see https://github.com/testing-library/dom-testing-library/issues/516
|
|
48
|
+
*/
|
|
49
|
+
|
|
50
|
+
var customScreen = _objectSpread(_objectSpread({}, screen), within(document.body, dataTestSubjQueries));
|
|
51
|
+
|
|
52
|
+
export { customScreen as screen };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { Matcher, MatcherOptions } from '@testing-library/react';
|
|
2
|
+
import { queryHelpers } from '@testing-library/react';
|
|
3
|
+
declare const queryAllByTestSubject: (container: HTMLElement, id: Matcher, options?: MatcherOptions | undefined) => HTMLElement[];
|
|
4
|
+
declare const queryByTestSubject: queryHelpers.QueryBy<[Matcher]>, getAllByTestSubject: queryHelpers.GetAllBy<[Matcher]>, getByTestSubject: queryHelpers.GetBy<[Matcher]>, findAllByTestSubject: queryHelpers.FindAllBy<[Matcher]>, findByTestSubject: queryHelpers.FindBy<[Matcher]>;
|
|
5
|
+
export { queryByTestSubject, queryAllByTestSubject, getByTestSubject, getAllByTestSubject, findAllByTestSubject, findByTestSubject, };
|
|
@@ -17,40 +17,30 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
17
17
|
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
18
18
|
* Side Public License, v 1.
|
|
19
19
|
*/
|
|
20
|
-
import {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
20
|
+
import { queryHelpers, buildQueries } from '@testing-library/react';
|
|
21
|
+
|
|
22
|
+
var queryAllByTestSubject = function queryAllByTestSubject() {
|
|
23
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
24
|
+
args[_key] = arguments[_key];
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
return queryHelpers.queryAllByAttribute.apply(queryHelpers, ['data-test-subj'].concat(args));
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
var getMultipleError = function getMultipleError(_, TestSubjectValue) {
|
|
31
|
+
return "Found multiple elements with the data-test-subj attribute of: ".concat(TestSubjectValue);
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
var getMissingError = function getMissingError(_, TestSubjectValue) {
|
|
35
|
+
return "Unable to find an element with the data-test-subj attribute of: ".concat(TestSubjectValue);
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
var _buildQueries = buildQueries(queryAllByTestSubject, getMultipleError, getMissingError),
|
|
39
|
+
_buildQueries2 = _slicedToArray(_buildQueries, 5),
|
|
40
|
+
queryByTestSubject = _buildQueries2[0],
|
|
41
|
+
getAllByTestSubject = _buildQueries2[1],
|
|
42
|
+
getByTestSubject = _buildQueries2[2],
|
|
43
|
+
findAllByTestSubject = _buildQueries2[3],
|
|
44
|
+
findByTestSubject = _buildQueries2[4];
|
|
31
45
|
|
|
32
|
-
export
|
|
33
|
-
var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
34
|
-
|
|
35
|
-
var _useState = useState(false),
|
|
36
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
37
|
-
isWithinBreakpointsValue = _useState2[0],
|
|
38
|
-
setIsWithinBreakpointsValue = _useState2[1];
|
|
39
|
-
|
|
40
|
-
useEffect(function () {
|
|
41
|
-
function handleResize() {
|
|
42
|
-
setIsWithinBreakpointsValue(isWithinBreakpoints(window.innerWidth, sizes));
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
if (isActive) {
|
|
46
|
-
window.removeEventListener('resize', handleResize);
|
|
47
|
-
window.addEventListener('resize', handleResize);
|
|
48
|
-
handleResize();
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
return function () {
|
|
52
|
-
return window.removeEventListener('resize', handleResize);
|
|
53
|
-
};
|
|
54
|
-
}, [sizes, isActive]);
|
|
55
|
-
return isWithinBreakpointsValue;
|
|
56
|
-
}
|
|
46
|
+
export { queryByTestSubject, queryAllByTestSubject, getByTestSubject, getAllByTestSubject, findAllByTestSubject, findByTestSubject };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
3
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
4
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
5
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
6
|
+
* Side Public License, v 1.
|
|
7
|
+
*/
|
|
8
|
+
export * from './component_helpers';
|
|
9
|
+
export { queryByTestSubject, queryAllByTestSubject, getByTestSubject, getAllByTestSubject, findAllByTestSubject, findByTestSubject } from './data_test_subj_queries';
|
|
10
|
+
export { render, screen } from './custom_render';
|