diff --git a/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--playground-desktop.png b/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--playground-desktop.png index 9ba55f1eb5ab..3ced403992db 100644 Binary files a/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--playground-desktop.png and b/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--playground-desktop.png differ diff --git a/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--playground-mobile.png b/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--playground-mobile.png index ab60b1773d0e..7573a57d68b4 100644 Binary files a/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--playground-mobile.png and b/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--playground-mobile.png differ diff --git a/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--push-flyouts-desktop.png b/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--push-flyouts-desktop.png index 36a509693bcc..00ef8011dab1 100644 Binary files a/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--push-flyouts-desktop.png and b/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--push-flyouts-desktop.png differ diff --git a/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--push-flyouts-mobile.png b/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--push-flyouts-mobile.png index e155ad40d692..7d979b709b01 100644 Binary files a/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--push-flyouts-mobile.png and b/packages/eui/.vrt/reference/layout-euiflyout-euiflyout--push-flyouts-mobile.png differ diff --git a/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--pagination-example-desktop.png b/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--pagination-example-desktop.png index d7d3eda69803..512cde74bff6 100644 Binary files a/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--pagination-example-desktop.png and b/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--pagination-example-desktop.png differ diff --git a/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--pagination-example-mobile.png b/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--pagination-example-mobile.png index 8c78bc830d5a..a0e8972d060d 100644 Binary files a/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--pagination-example-mobile.png and b/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--pagination-example-mobile.png differ diff --git a/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--playground-desktop.png b/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--playground-desktop.png new file mode 100644 index 000000000000..908afeccc818 Binary files /dev/null and b/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--playground-desktop.png differ diff --git a/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--playground-mobile.png b/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--playground-mobile.png new file mode 100644 index 000000000000..b8562e59d802 Binary files /dev/null and b/packages/eui/.vrt/reference/layout-euiflyout-euiflyoutmenu--playground-mobile.png differ diff --git a/packages/eui/changelogs/upcoming/9856.md b/packages/eui/changelogs/upcoming/9856.md new file mode 100644 index 000000000000..8130310558b3 --- /dev/null +++ b/packages/eui/changelogs/upcoming/9856.md @@ -0,0 +1,14 @@ +- Updated `EuiFlyoutMenu`: + - Added `leadingActions` and `trailingActions` props, which accept the new `EuiFlyoutMenuAction` type supporting `toolTipContent` and `toolTipProps` + - Changed the history trigger icon to `clockCounter` + - Added control-group dividers between built-in controls + - Added `onFirst`, `onLast` to `pagination`, which render optional buttons for jumping to the beginning and end of the list. + +**Bug fixes** + +- The `EuiFlyoutMenu` history popover now only appears when `historyItems` has more than one entry. When there is a single entry in history, only the Back button is shown. +- Fixed `EuiFlyoutMenu` pagination controls disappearing when `pagination.total` is `1`; the controls now render (as "1 of 1" with both Prev/Next disabled) for any `total` of at least `1` + +**Deprecations** + +- Deprecated `customActions` and `EuiFlyoutMenuCustomAction` in `EuiFlyoutMenu`; use `trailingActions` and `EuiFlyoutMenuAction` instead diff --git a/packages/eui/i18ntokens.json b/packages/eui/i18ntokens.json index 3470f55bf1e3..55094d5f7bcf 100644 --- a/packages/eui/i18ntokens.json +++ b/packages/eui/i18ntokens.json @@ -1,21 +1,21 @@ [ { - "token": "euiTreeView.listNavigationInstructions", - "defString": "You can quickly navigate this list using arrow keys.", + "token": "euiIconTip.defaultAriaLabel", + "defString": "Info", "highlighting": "string", "loc": { "start": { - "line": 294, - "column": 10, - "index": 8109 + "line": 58, + "column": 27, + "index": 1773 }, "end": { - "line": 297, - "column": 11, - "index": 8263 + "line": 58, + "column": 76, + "index": 1822 } }, - "filepath": "src/components/tree_view/tree_view.tsx" + "filepath": "src/components/tool_tip/icon_tip.tsx" }, { "token": "euiTourStepIndicator.isActive", @@ -144,22 +144,22 @@ "filepath": "src/components/tour/_tour_footer.tsx" }, { - "token": "euiIconTip.defaultAriaLabel", - "defString": "Info", + "token": "euiTreeView.listNavigationInstructions", + "defString": "You can quickly navigate this list using arrow keys.", "highlighting": "string", "loc": { "start": { - "line": 58, - "column": 27, - "index": 1773 + "line": 294, + "column": 10, + "index": 8109 }, "end": { - "line": 58, - "column": 76, - "index": 1822 + "line": 297, + "column": 11, + "index": 8263 } }, - "filepath": "src/components/tool_tip/icon_tip.tsx" + "filepath": "src/components/tree_view/tree_view.tsx" }, { "token": "euiToast.dismissToast", @@ -233,6 +233,24 @@ }, "filepath": "src/components/toast/global_toast_list.tsx" }, + { + "token": "euiStat.loadingText", + "defString": "Statistic is loading", + "highlighting": "string", + "loc": { + "start": { + "line": 95, + "column": 32, + "index": 2317 + }, + "end": { + "line": 98, + "column": 3, + "index": 2386 + } + }, + "filepath": "src/components/stat/stat.tsx" + }, { "token": "euiStepStrings.step", "defString": "Step {number}: {title}", @@ -522,112 +540,76 @@ "filepath": "src/components/steps/step_strings.tsx" }, { - "token": "euiTableHeaderCell.titleTextWithDesc", - "defString": "{innerText}; {description}", - "highlighting": "string", - "loc": { - "start": { - "line": 146, - "column": 10, - "index": 4722 - }, - "end": { - "line": 150, - "column": 11, - "index": 4896 - } - }, - "filepath": "src/components/table/table_header_cell.tsx" - }, - { - "token": "euiStat.loadingText", - "defString": "Statistic is loading", + "token": "euiSkeletonLoading.loadedAriaText", + "defString": "Loaded {contentAriaLabel}", "highlighting": "string", "loc": { "start": { - "line": 95, - "column": 32, - "index": 2317 + "line": 73, + "column": 25, + "index": 2343 }, "end": { - "line": 98, + "line": 77, "column": 3, - "index": 2386 - } - }, - "filepath": "src/components/stat/stat.tsx" - }, - { - "token": "euiSideNav.mobileToggleAriaLabel", - "defString": "Toggle navigation", - "highlighting": "string", - "loc": { - "start": { - "line": 201, - "column": 14, - "index": 6081 - }, - "end": { - "line": 204, - "column": 15, - "index": 6206 + "index": 2457 } }, - "filepath": "src/components/side_nav/side_nav.tsx" + "filepath": "src/components/skeleton/skeleton_loading.tsx" }, { - "token": "euiSearchBox.placeholder", - "defString": "Search...", + "token": "euiSkeletonLoading.loadingAriaText", + "defString": "Loading {contentAriaLabel}", "highlighting": "string", "loc": { "start": { - "line": 49, - "column": 29, - "index": 1399 + "line": 79, + "column": 27, + "index": 2487 }, "end": { - "line": 52, + "line": 83, "column": 3, - "index": 1462 + "index": 2603 } }, - "filepath": "src/components/search_bar/search_box.tsx" + "filepath": "src/components/skeleton/skeleton_loading.tsx" }, { - "token": "euiSearchBox.incrementalAriaLabel", - "defString": "This is a search bar. As you type, the results lower in the page will automatically filter.", + "token": "euiTableHeaderCell.titleTextWithDesc", + "defString": "{innerText}; {description}", "highlighting": "string", "loc": { "start": { - "line": 53, - "column": 31, - "index": 1495 + "line": 146, + "column": 10, + "index": 4722 }, "end": { - "line": 56, - "column": 3, - "index": 1649 + "line": 150, + "column": 11, + "index": 4896 } }, - "filepath": "src/components/search_bar/search_box.tsx" + "filepath": "src/components/table/table_header_cell.tsx" }, { - "token": "euiSearchBox.ariaLabel", - "defString": "This is a search bar. After typing your query, hit enter to filter the results lower in the page.", + "token": "euiSideNav.mobileToggleAriaLabel", + "defString": "Toggle navigation", "highlighting": "string", "loc": { "start": { - "line": 57, - "column": 25, - "index": 1676 + "line": 201, + "column": 14, + "index": 6081 }, "end": { - "line": 60, - "column": 3, - "index": 1825 + "line": 204, + "column": 15, + "index": 6206 } }, - "filepath": "src/components/search_bar/search_box.tsx" + "filepath": "src/components/side_nav/side_nav.tsx" }, { "token": "euiSelectable.loadingOptions", @@ -755,42 +737,6 @@ }, "filepath": "src/components/selectable/selectable.tsx" }, - { - "token": "euiSkeletonLoading.loadedAriaText", - "defString": "Loaded {contentAriaLabel}", - "highlighting": "string", - "loc": { - "start": { - "line": 73, - "column": 25, - "index": 2343 - }, - "end": { - "line": 77, - "column": 3, - "index": 2457 - } - }, - "filepath": "src/components/skeleton/skeleton_loading.tsx" - }, - { - "token": "euiSkeletonLoading.loadingAriaText", - "defString": "Loading {contentAriaLabel}", - "highlighting": "string", - "loc": { - "start": { - "line": 79, - "column": 27, - "index": 2487 - }, - "end": { - "line": 83, - "column": 3, - "index": 2603 - } - }, - "filepath": "src/components/skeleton/skeleton_loading.tsx" - }, { "token": "euiResizablePanel.toggleButtonAriaLabel", "defString": "Press to toggle this panel", @@ -845,6 +791,60 @@ }, "filepath": "src/components/resizable_container/resizable_button.tsx" }, + { + "token": "euiSearchBox.placeholder", + "defString": "Search...", + "highlighting": "string", + "loc": { + "start": { + "line": 49, + "column": 29, + "index": 1399 + }, + "end": { + "line": 52, + "column": 3, + "index": 1462 + } + }, + "filepath": "src/components/search_bar/search_box.tsx" + }, + { + "token": "euiSearchBox.incrementalAriaLabel", + "defString": "This is a search bar. As you type, the results lower in the page will automatically filter.", + "highlighting": "string", + "loc": { + "start": { + "line": 53, + "column": 31, + "index": 1495 + }, + "end": { + "line": 56, + "column": 3, + "index": 1649 + } + }, + "filepath": "src/components/search_bar/search_box.tsx" + }, + { + "token": "euiSearchBox.ariaLabel", + "defString": "This is a search bar. After typing your query, hit enter to filter the results lower in the page.", + "highlighting": "string", + "loc": { + "start": { + "line": 57, + "column": 25, + "index": 1676 + }, + "end": { + "line": 60, + "column": 3, + "index": 1825 + } + }, + "filepath": "src/components/search_bar/search_box.tsx" + }, { "token": "euiProgress.valueText", "defString": "{value}%", @@ -869,14 +869,14 @@ "highlighting": "string", "loc": { "start": { - "line": 762, + "line": 763, "column": 16, - "index": 22865 + "index": 22932 }, "end": { - "line": 765, + "line": 766, "column": 18, - "index": 23059 + "index": 23126 } }, "filepath": "src/components/popover/popover.tsx" @@ -1134,44 +1134,8 @@ "filepath": "src/components/pagination/pagination.tsx" }, { - "token": "euiModal.screenReaderModalDialog", - "defString": "You are in a modal dialog. Press Escape or tap/click outside the dialog on the shadowed overlay to close.", - "highlighting": "string", - "loc": { - "start": { - "line": 133, - "column": 8, - "index": 4057 - }, - "end": { - "line": 136, - "column": 10, - "index": 4253 - } - }, - "filepath": "src/components/modal/modal.tsx" - }, - { - "token": "euiModal.closeModal", - "defString": "Closes this modal window", - "highlighting": "string", - "loc": { - "start": { - "line": 163, - "column": 10, - "index": 4871 - }, - "end": { - "line": 166, - "column": 11, - "index": 4978 - } - }, - "filepath": "src/components/modal/modal.tsx" - }, - { - "token": "euiMark.highlightStart", - "defString": "highlight start", + "token": "euiMark.highlightStart", + "defString": "highlight start", "highlighting": "string", "loc": { "start": { @@ -1475,6 +1439,42 @@ }, "filepath": "src/components/markdown_editor/markdown_editor_footer.tsx" }, + { + "token": "euiModal.screenReaderModalDialog", + "defString": "You are in a modal dialog. Press Escape or tap/click outside the dialog on the shadowed overlay to close.", + "highlighting": "string", + "loc": { + "start": { + "line": 133, + "column": 8, + "index": 4057 + }, + "end": { + "line": 136, + "column": 10, + "index": 4253 + } + }, + "filepath": "src/components/modal/modal.tsx" + }, + { + "token": "euiModal.closeModal", + "defString": "Closes this modal window", + "highlighting": "string", + "loc": { + "start": { + "line": 163, + "column": 10, + "index": 4871 + }, + "end": { + "line": 166, + "column": 11, + "index": 4978 + } + }, + "filepath": "src/components/modal/modal.tsx" + }, { "token": "euiLoadingStrings.ariaLabel", "defString": "Loading", @@ -1638,55 +1638,73 @@ "filepath": "src/components/image/image_button.tsx" }, { - "token": "euiForm.addressFormErrors", - "defString": "Please address the highlighted errors.", + "token": "euiFlyoutMenu.back", + "defString": "Back", "highlighting": "string", "loc": { "start": { - "line": 98, - "column": 8, - "index": 2588 + "line": 225, + "column": 6, + "index": 6458 }, "end": { - "line": 101, - "column": 9, - "index": 2709 + "line": 225, + "column": 59, + "index": 6511 } }, - "filepath": "src/components/form/form.tsx" + "filepath": "src/components/flyout/flyout_menu.tsx" }, { - "token": "euiFlyoutMenu.back", - "defString": "Back", + "token": "euiFlyoutMenu.history", + "defString": "History", "highlighting": "string", "loc": { "start": { - "line": 168, - "column": 6, - "index": 4663 + "line": 238, + "column": 23, + "index": 6802 }, "end": { - "line": 168, - "column": 59, - "index": 4716 + "line": 238, + "column": 69, + "index": 6848 } }, "filepath": "src/components/flyout/flyout_menu.tsx" }, { - "token": "euiFlyoutMenu.history", - "defString": "History", + "token": "euiFlyoutMenu.history.tooltip", + "defString": "Recently visited", "highlighting": "string", "loc": { "start": { - "line": 187, - "column": 22, - "index": 5133 + "line": 239, + "column": 31, + "index": 6881 }, "end": { - "line": 187, - "column": 68, - "index": 5179 + "line": 242, + "column": 3, + "index": 6956 + } + }, + "filepath": "src/components/flyout/flyout_menu.tsx" + }, + { + "token": "euiFlyoutMenu.pagination.first", + "defString": "First", + "highlighting": "string", + "loc": { + "start": { + "line": 333, + "column": 21, + "index": 9446 + }, + "end": { + "line": 333, + "column": 74, + "index": 9499 } }, "filepath": "src/components/flyout/flyout_menu.tsx" @@ -1697,14 +1715,14 @@ "highlighting": "string", "loc": { "start": { - "line": 222, + "line": 334, "column": 20, - "index": 6191 + "index": 9521 }, "end": { - "line": 222, + "line": 334, "column": 79, - "index": 6250 + "index": 9580 } }, "filepath": "src/components/flyout/flyout_menu.tsx" @@ -1715,14 +1733,32 @@ "highlighting": "string", "loc": { "start": { - "line": 223, + "line": 335, "column": 20, - "index": 6272 + "index": 9602 }, "end": { - "line": 223, + "line": 335, + "column": 71, + "index": 9653 + } + }, + "filepath": "src/components/flyout/flyout_menu.tsx" + }, + { + "token": "euiFlyoutMenu.pagination.last", + "defString": "Last", + "highlighting": "string", + "loc": { + "start": { + "line": 336, + "column": 20, + "index": 9675 + }, + "end": { + "line": 336, "column": 71, - "index": 6323 + "index": 9726 } }, "filepath": "src/components/flyout/flyout_menu.tsx" @@ -1733,14 +1769,14 @@ "highlighting": "string", "loc": { "start": { - "line": 224, + "line": 337, "column": 23, - "index": 6348 + "index": 9751 }, "end": { - "line": 228, + "line": 341, "column": 3, - "index": 6474 + "index": 9877 } }, "filepath": "src/components/flyout/flyout_menu.tsx" @@ -1853,6 +1889,24 @@ }, "filepath": "src/components/filter_group/filter_button.tsx" }, + { + "token": "euiForm.addressFormErrors", + "defString": "Please address the highlighted errors.", + "highlighting": "string", + "loc": { + "start": { + "line": 98, + "column": 8, + "index": 2588 + }, + "end": { + "line": 101, + "column": 9, + "index": 2709 + } + }, + "filepath": "src/components/form/form.tsx" + }, { "token": "euiErrorBoundary.error", "defString": "Error", @@ -1943,24 +1997,6 @@ }, "filepath": "src/components/context_menu/context_menu_panel_title.tsx" }, - { - "token": "euiComboBox.listboxAriaLabel", - "defString": "Choose from the following options", - "highlighting": "string", - "loc": { - "start": { - "line": 842, - "column": 8, - "index": 24681 - }, - "end": { - "line": 845, - "column": 9, - "index": 24800 - } - }, - "filepath": "src/components/combo_box/combo_box.tsx" - }, { "token": "euiSaturation.ariaLabel", "defString": "Select a color", @@ -2358,76 +2394,22 @@ "filepath": "src/components/code/code_block.tsx" }, { - "token": "euiCallOut.dismissAriaLabel", - "defString": "Dismiss this callout", - "highlighting": "string", - "loc": { - "start": { - "line": 185, - "column": 8, - "index": 6198 - }, - "end": { - "line": 188, - "column": 9, - "index": 6303 - } - }, - "filepath": "src/components/call_out/call_out.tsx" - }, - { - "token": "euiBottomBar.screenReaderHeading", - "defString": "Page level controls", + "token": "euiComboBox.listboxAriaLabel", + "defString": "Choose from the following options", "highlighting": "string", "loc": { "start": { - "line": 192, + "line": 842, "column": 8, - "index": 5428 + "index": 24681 }, "end": { - "line": 195, + "line": 845, "column": 9, - "index": 5537 - } - }, - "filepath": "src/components/bottom_bar/bottom_bar.tsx" - }, - { - "token": "euiBottomBar.customScreenReaderAnnouncement", - "defString": "There is a new region landmark called {landmarkHeading} with page level controls at the end of the document.", - "highlighting": "string", - "loc": { - "start": { - "line": 222, - "column": 14, - "index": 6478 - }, - "end": { - "line": 226, - "column": 16, - "index": 6751 - } - }, - "filepath": "src/components/bottom_bar/bottom_bar.tsx" - }, - { - "token": "euiBottomBar.screenReaderAnnouncement", - "defString": "There is a new region landmark with page level controls at the end of the document.", - "highlighting": "string", - "loc": { - "start": { - "line": 228, - "column": 14, - "index": 6784 - }, - "end": { - "line": 231, - "column": 16, - "index": 6981 + "index": 24800 } }, - "filepath": "src/components/bottom_bar/bottom_bar.tsx" + "filepath": "src/components/combo_box/combo_box.tsx" }, { "token": "euiBreadcrumbs.nav.ariaLabel", @@ -2484,22 +2466,58 @@ "filepath": "src/components/breadcrumbs/_breadcrumb_content.tsx" }, { - "token": "euiCollapsedItemActions.allActionsTooltip", - "defString": "All actions", + "token": "euiCallOut.dismissAriaLabel", + "defString": "Dismiss this callout", "highlighting": "string", "loc": { "start": { - "line": 45, - "column": 28, - "index": 1373 + "line": 185, + "column": 8, + "index": 6198 }, "end": { - "line": 48, - "column": 3, - "index": 1455 + "line": 188, + "column": 9, + "index": 6303 } }, - "filepath": "src/components/basic_table/collapsed_item_actions.tsx" + "filepath": "src/components/call_out/call_out.tsx" + }, + { + "token": "euiBanner.dismissAriaLabel", + "defString": "Dismiss \"{title}\" announcement", + "highlighting": "string", + "loc": { + "start": { + "line": 113, + "column": 29, + "index": 3404 + }, + "end": { + "line": 117, + "column": 5, + "index": 3513 + } + }, + "filepath": "src/components/banner/banner.tsx" + }, + { + "token": "euiCollapsedItemActions.allActionsTooltip", + "defString": "All actions", + "highlighting": "string", + "loc": { + "start": { + "line": 45, + "column": 28, + "index": 1373 + }, + "end": { + "line": 48, + "column": 3, + "index": 1455 + } + }, + "filepath": "src/components/basic_table/collapsed_item_actions.tsx" }, { "token": "euiCollapsedItemActions.allActions", @@ -2700,22 +2718,58 @@ "filepath": "src/components/basic_table/basic_table.tsx" }, { - "token": "euiBanner.dismissAriaLabel", - "defString": "Dismiss \"{title}\" announcement", + "token": "euiBottomBar.screenReaderHeading", + "defString": "Page level controls", "highlighting": "string", "loc": { "start": { - "line": 113, - "column": 29, - "index": 3404 + "line": 192, + "column": 8, + "index": 5428 }, "end": { - "line": 117, - "column": 5, - "index": 3513 + "line": 195, + "column": 9, + "index": 5537 } }, - "filepath": "src/components/banner/banner.tsx" + "filepath": "src/components/bottom_bar/bottom_bar.tsx" + }, + { + "token": "euiBottomBar.customScreenReaderAnnouncement", + "defString": "There is a new region landmark called {landmarkHeading} with page level controls at the end of the document.", + "highlighting": "string", + "loc": { + "start": { + "line": 222, + "column": 14, + "index": 6478 + }, + "end": { + "line": 226, + "column": 16, + "index": 6751 + } + }, + "filepath": "src/components/bottom_bar/bottom_bar.tsx" + }, + { + "token": "euiBottomBar.screenReaderAnnouncement", + "defString": "There is a new region landmark with page level controls at the end of the document.", + "highlighting": "string", + "loc": { + "start": { + "line": 228, + "column": 14, + "index": 6784 + }, + "end": { + "line": 231, + "column": 16, + "index": 6981 + } + }, + "filepath": "src/components/bottom_bar/bottom_bar.tsx" }, { "token": "euiTablePagination.allRows", @@ -2807,24 +2861,6 @@ }, "filepath": "src/components/table/mobile/table_sort_mobile.tsx" }, - { - "token": "euiFieldValueSelectionFilter.buttonLabelHint", - "defString": "Selection", - "highlighting": "string", - "loc": { - "start": { - "line": 302, - "column": 6, - "index": 8615 - }, - "end": { - "line": 305, - "column": 7, - "index": 8720 - } - }, - "filepath": "src/components/search_bar/filters/field_value_selection_filter.tsx" - }, { "token": "euiSelectableTemplateSitewide.searchPlaceholder", "defString": "Search for anything...", @@ -3059,6 +3095,24 @@ }, "filepath": "src/components/selectable/selectable_list/selectable_list_item.tsx" }, + { + "token": "euiFieldValueSelectionFilter.buttonLabelHint", + "defString": "Selection", + "highlighting": "string", + "loc": { + "start": { + "line": 302, + "column": 6, + "index": 8615 + }, + "end": { + "line": 305, + "column": 7, + "index": 8720 + } + }, + "filepath": "src/components/search_bar/filters/field_value_selection_filter.tsx" + }, { "token": "euiPinnableListGroup.pinExtraActionLabel", "defString": "Pin item", @@ -3095,6 +3149,24 @@ }, "filepath": "src/components/list_group/pinnable_list_group/pinnable_list_group.tsx" }, + { + "token": "euiFlyoutManaged.defaultTitle", + "defString": "Unknown Flyout", + "highlighting": "string", + "loc": { + "start": { + "line": 173, + "column": 25, + "index": 5686 + }, + "end": { + "line": 176, + "column": 5, + "index": 5765 + } + }, + "filepath": "src/components/flyout/manager/flyout_managed.tsx" + }, { "token": "euiHeaderLinks.appNavigation", "defString": "App menu", @@ -3203,42 +3275,6 @@ }, "filepath": "src/components/form/range/dual_range.tsx" }, - { - "token": "euiFormControlLayoutDelimited.delimiterLabel", - "defString": "to", - "highlighting": "string", - "loc": { - "start": { - "line": 127, - "column": 27, - "index": 3542 - }, - "end": { - "line": 130, - "column": 3, - "index": 3618 - } - }, - "filepath": "src/components/form/form_control_layout/form_control_layout_delimited.tsx" - }, - { - "token": "euiFormControlLayoutClearButton.label", - "defString": "Clear input", - "highlighting": "string", - "loc": { - "start": { - "line": 35, - "column": 20, - "index": 1412 - }, - "end": { - "line": 38, - "column": 3, - "index": 1490 - } - }, - "filepath": "src/components/form/form_control_layout/form_control_layout_clear_button.tsx" - }, { "token": "euiFilePicker.promptText", "defString": "Select or drag and drop a file", @@ -3312,22 +3348,40 @@ "filepath": "src/components/form/file_picker/file_picker.tsx" }, { - "token": "euiFieldSearch.clearSearchButtonLabel", - "defString": "Clear search input", + "token": "euiFormControlLayoutDelimited.delimiterLabel", + "defString": "to", "highlighting": "string", "loc": { "start": { - "line": 260, - "column": 6, - "index": 7437 + "line": 127, + "column": 27, + "index": 3542 }, "end": { - "line": 263, - "column": 7, - "index": 7544 + "line": 130, + "column": 3, + "index": 3618 } }, - "filepath": "src/components/form/field_search/field_search.tsx" + "filepath": "src/components/form/form_control_layout/form_control_layout_delimited.tsx" + }, + { + "token": "euiFormControlLayoutClearButton.label", + "defString": "Clear input", + "highlighting": "string", + "loc": { + "start": { + "line": 35, + "column": 20, + "index": 1412 + }, + "end": { + "line": 38, + "column": 3, + "index": 1490 + } + }, + "filepath": "src/components/form/form_control_layout/form_control_layout_clear_button.tsx" }, { "token": "euiFieldPassword.showPassword", @@ -3366,2992 +3420,2974 @@ "filepath": "src/components/form/field_password/field_password.tsx" }, { - "token": "euiFlyoutManaged.defaultTitle", - "defString": "Unknown Flyout", + "token": "euiFieldSearch.clearSearchButtonLabel", + "defString": "Clear search input", "highlighting": "string", "loc": { "start": { - "line": 173, - "column": 25, - "index": 5686 + "line": 260, + "column": 6, + "index": 7437 }, "end": { - "line": 176, - "column": 5, - "index": 5765 + "line": 263, + "column": 7, + "index": 7544 } }, - "filepath": "src/components/flyout/manager/flyout_managed.tsx" + "filepath": "src/components/form/field_search/field_search.tsx" }, { - "token": "euiRefreshInterval.fullDescriptionOff", - "defString": "Refresh is off, interval set to {optionValue} {optionText}.", + "token": "euiDataGridPagination.detailedPaginationLabel", + "defString": "Pagination for preceding grid: {label}", "highlighting": "string", "loc": { "start": { - "line": 207, - "column": 6, - "index": 5780 + "line": 51, + "column": 34, + "index": 1785 }, "end": { - "line": 214, - "column": 8, - "index": 6010 + "line": 55, + "column": 3, + "index": 1930 } }, - "filepath": "src/components/date_picker/auto_refresh/refresh_interval.tsx" + "filepath": "src/components/datagrid/pagination/data_grid_pagination.tsx" }, { - "token": "euiRefreshInterval.fullDescriptionOn", - "defString": "Refresh is on, interval set to {optionValue} {optionText}.", + "token": "euiDataGridPagination.paginationLabel", + "defString": "Pagination for preceding grid", "highlighting": "string", "loc": { "start": { - "line": 216, - "column": 6, - "index": 6027 + "line": 56, + "column": 26, + "index": 1958 }, "end": { - "line": 223, - "column": 8, - "index": 6255 + "line": 59, + "column": 3, + "index": 2054 } }, - "filepath": "src/components/date_picker/auto_refresh/refresh_interval.tsx" + "filepath": "src/components/datagrid/pagination/data_grid_pagination.tsx" }, { - "token": "euiRefreshInterval.toggleLabel", - "defString": "Refresh every", + "token": "euiDataGridSchema.booleanSortTextAsc", + "defString": "False-True", "highlighting": "string", "loc": { "start": { - "line": 236, - "column": 4, - "index": 6459 + "line": 56, + "column": 6, + "index": 1386 }, "end": { - "line": 249, - "column": 5, - "index": 6822 + "line": 59, + "column": 8, + "index": 1485 } }, - "filepath": "src/components/date_picker/auto_refresh/refresh_interval.tsx" + "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" }, { - "token": "euiRefreshInterval.toggleAriaLabel", - "defString": "Toggle refresh", + "token": "euiDataGridSchema.booleanSortTextDesc", + "defString": "True-False", "highlighting": "string", "loc": { "start": { - "line": 236, - "column": 4, - "index": 6459 + "line": 62, + "column": 6, + "index": 1519 }, "end": { - "line": 249, - "column": 5, - "index": 6822 + "line": 65, + "column": 8, + "index": 1619 } }, - "filepath": "src/components/date_picker/auto_refresh/refresh_interval.tsx" + "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" }, { - "token": "euiRefreshInterval.valueAriaLabel", - "defString": "Refresh interval value", + "token": "euiDataGridSchema.currencySortTextAsc", + "defString": "Low-High", "highlighting": "string", "loc": { "start": { - "line": 236, - "column": 4, - "index": 6459 + "line": 97, + "column": 6, + "index": 2701 }, "end": { - "line": 249, - "column": 5, - "index": 6822 + "line": 100, + "column": 8, + "index": 2799 } }, - "filepath": "src/components/date_picker/auto_refresh/refresh_interval.tsx" + "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" }, { - "token": "euiRefreshInterval.unitsAriaLabel", - "defString": "Refresh interval units", + "token": "euiDataGridSchema.currencySortTextDesc", + "defString": "High-Low", "highlighting": "string", "loc": { "start": { - "line": 236, - "column": 4, - "index": 6459 + "line": 103, + "column": 6, + "index": 2833 }, "end": { - "line": 249, - "column": 5, - "index": 6822 + "line": 106, + "column": 8, + "index": 2932 } }, - "filepath": "src/components/date_picker/auto_refresh/refresh_interval.tsx" + "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" }, { - "token": "euiTimeWindowButtons.previousDescription", - "defString": "Previous {displayInterval}", + "token": "euiDataGridSchema.dateSortTextAsc", + "defString": "Old-New", "highlighting": "string", "loc": { "start": { - "line": 88, - "column": 30, - "index": 2577 + "line": 135, + "column": 6, + "index": 3886 }, "end": { - "line": 92, - "column": 3, - "index": 2698 + "line": 135, + "column": 77, + "index": 3957 } }, - "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" + "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" }, { - "token": "euiTimeWindowButtons.nextDescription", - "defString": "Next {displayInterval}", + "token": "euiDataGridSchema.dateSortTextDesc", + "defString": "New-Old", "highlighting": "string", "loc": { "start": { - "line": 93, - "column": 26, - "index": 2726 + "line": 138, + "column": 6, + "index": 3991 }, "end": { - "line": 97, - "column": 3, - "index": 2839 + "line": 138, + "column": 78, + "index": 4063 } }, - "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" + "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" }, { - "token": "euiTimeWindowButtons.invalidShiftLabel", - "defString": "Cannot shift invalid time window", + "token": "euiDataGridSchema.numberSortTextAsc", + "defString": "Low-High", "highlighting": "string", "loc": { "start": { - "line": 98, - "column": 34, - "index": 2875 + "line": 172, + "column": 6, + "index": 5160 }, "end": { - "line": 101, - "column": 3, - "index": 2975 + "line": 172, + "column": 80, + "index": 5234 } }, - "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" + "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" }, { - "token": "euiTimeWindowButtons.invalidZoomInLabel", - "defString": "Cannot zoom in invalid time window", + "token": "euiDataGridSchema.numberSortTextDesc", + "defString": "High-Low", "highlighting": "string", "loc": { "start": { - "line": 102, - "column": 35, - "index": 3012 + "line": 175, + "column": 6, + "index": 5268 }, "end": { - "line": 105, - "column": 3, - "index": 3115 + "line": 178, + "column": 8, + "index": 5365 } }, - "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" + "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" }, { - "token": "euiTimeWindowButtons.cannotZoomInLabel", - "defString": "Cannot zoom in any further", + "token": "euiDataGridSchema.jsonSortTextAsc", + "defString": "Small-Large", "highlighting": "string", "loc": { "start": { - "line": 106, - "column": 34, - "index": 3151 + "line": 203, + "column": 6, + "index": 6051 }, "end": { - "line": 109, - "column": 3, - "index": 3245 + "line": 206, + "column": 8, + "index": 6148 } }, - "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" + "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" }, { - "token": "euiTimeWindowButtons.invalidZoomOutLabel", - "defString": "Cannot zoom out invalid time window", + "token": "euiDataGridSchema.jsonSortTextDesc", + "defString": "Large-Small", "highlighting": "string", "loc": { "start": { - "line": 110, - "column": 36, - "index": 3283 + "line": 209, + "column": 6, + "index": 6182 }, "end": { - "line": 113, - "column": 3, - "index": 3388 + "line": 212, + "column": 8, + "index": 6280 } }, - "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" + "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" }, { - "token": "euiTimeWindowButtons.previousLabel", - "defString": "Previous", + "token": "euiKeyboardShortcuts.title", + "defString": "Keyboard shortcuts", "highlighting": "string", "loc": { "start": { - "line": 116, - "column": 24, - "index": 3480 + "line": 26, + "column": 16, + "index": 1033 }, "end": { - "line": 119, - "column": 3, - "index": 3552 + "line": 26, + "column": 78, + "index": 1095 } }, - "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeWindowButtons.zoomInLabel", - "defString": "Zoom in", + "token": "euiKeyboardShortcuts.upArrowTitle", + "defString": "Up arrow", "highlighting": "string", "loc": { "start": { - "line": 125, - "column": 22, - "index": 3739 + "line": 70, + "column": 20, + "index": 2433 }, "end": { - "line": 125, - "column": 79, - "index": 3796 + "line": 73, + "column": 22, + "index": 2569 } }, - "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeWindowButtons.zoomOutLabel", - "defString": "Zoom out", + "token": "euiKeyboardShortcuts.upArrowDescription", + "defString": "Move one cell up", "highlighting": "string", "loc": { "start": { - "line": 133, - "column": 23, - "index": 4034 + "line": 77, + "column": 18, + "index": 2663 }, "end": { - "line": 136, - "column": 3, - "index": 4105 + "line": 80, + "column": 20, + "index": 2807 } }, - "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeWindowButtons.nextLabel", - "defString": "Next", + "token": "euiKeyboardShortcuts.downArrowTitle", + "defString": "Down arrow", "highlighting": "string", "loc": { "start": { - "line": 142, + "line": 86, "column": 20, - "index": 4279 + "index": 2929 }, "end": { - "line": 142, - "column": 72, - "index": 4331 + "line": 89, + "column": 22, + "index": 3069 } }, - "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.last", - "defString": "Last", + "token": "euiKeyboardShortcuts.downArrowDescription", + "defString": "Move one cell down", "highlighting": "string", "loc": { "start": { - "line": 35, - "column": 25, - "index": 1138 + "line": 93, + "column": 18, + "index": 3163 }, "end": { - "line": 35, - "column": 66, - "index": 1179 + "line": 96, + "column": 20, + "index": 3311 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.next", - "defString": "Next", + "token": "euiKeyboardShortcuts.rightArrowTitle", + "defString": "Right arrow", "highlighting": "string", "loc": { "start": { - "line": 36, - "column": 25, - "index": 1208 + "line": 102, + "column": 20, + "index": 3433 }, "end": { - "line": 36, - "column": 66, - "index": 1249 + "line": 105, + "column": 22, + "index": 3575 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.seconds", - "defString": "Seconds", + "token": "euiKeyboardShortcuts.rightArrowDescription", + "defString": "Move one cell right", "highlighting": "string", "loc": { "start": { - "line": 40, - "column": 24, - "index": 1312 + "line": 109, + "column": 18, + "index": 3669 }, "end": { - "line": 40, - "column": 71, - "index": 1359 + "line": 112, + "column": 20, + "index": 3819 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.minutes", - "defString": "Minutes", + "token": "euiKeyboardShortcuts.leftArrowTitle", + "defString": "Left arrow", "highlighting": "string", "loc": { "start": { - "line": 41, - "column": 24, - "index": 1387 + "line": 118, + "column": 20, + "index": 3941 }, "end": { - "line": 41, - "column": 71, - "index": 1434 + "line": 121, + "column": 22, + "index": 4081 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.hours", - "defString": "Hours", + "token": "euiKeyboardShortcuts.leftArrowDescription", + "defString": "Move one cell left", "highlighting": "string", "loc": { "start": { - "line": 42, - "column": 24, - "index": 1462 + "line": 125, + "column": 18, + "index": 4175 }, "end": { - "line": 42, - "column": 67, - "index": 1505 + "line": 128, + "column": 20, + "index": 4323 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.days", - "defString": "Days", + "token": "euiKeyboardShortcuts.homeTitle", + "defString": "Home", "highlighting": "string", "loc": { "start": { - "line": 43, - "column": 24, - "index": 1533 + "line": 134, + "column": 20, + "index": 4445 }, "end": { - "line": 43, - "column": 65, - "index": 1574 + "line": 137, + "column": 22, + "index": 4574 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.weeks", - "defString": "Weeks", + "token": "euiKeyboardShortcuts.homeDescription", + "defString": "Move to the first cell of the current row", "highlighting": "string", "loc": { "start": { - "line": 44, - "column": 24, - "index": 1602 + "line": 141, + "column": 18, + "index": 4668 }, "end": { - "line": 44, - "column": 67, - "index": 1645 + "line": 144, + "column": 20, + "index": 4834 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.months", - "defString": "Months", + "token": "euiKeyboardShortcuts.endTitle", + "defString": "End", "highlighting": "string", "loc": { "start": { - "line": 45, - "column": 24, - "index": 1673 + "line": 150, + "column": 20, + "index": 4956 }, "end": { - "line": 45, - "column": 69, - "index": 1718 + "line": 153, + "column": 22, + "index": 5083 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.years", - "defString": "Years", + "token": "euiKeyboardShortcuts.endDescription", + "defString": "Move to the last cell of the current row", "highlighting": "string", "loc": { "start": { - "line": 46, - "column": 24, - "index": 1746 + "line": 157, + "column": 18, + "index": 5177 }, "end": { - "line": 46, - "column": 67, - "index": 1789 + "line": 160, + "column": 20, + "index": 5341 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.secondsAgo", - "defString": "Seconds ago", + "token": "euiKeyboardShortcuts.ctrl", + "defString": "Ctrl", "highlighting": "string", "loc": { "start": { - "line": 54, - "column": 12, - "index": 1893 + "line": 167, + "column": 22, + "index": 5488 }, "end": { - "line": 54, - "column": 66, - "index": 1947 + "line": 170, + "column": 24, + "index": 5618 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.minutesAgo", - "defString": "Minutes ago", + "token": "euiKeyboardShortcuts.homeTitle", + "defString": "Home", "highlighting": "string", "loc": { "start": { - "line": 58, - "column": 12, - "index": 1992 + "line": 173, + "column": 22, + "index": 5699 }, "end": { - "line": 58, - "column": 66, - "index": 2046 + "line": 176, + "column": 24, + "index": 5834 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.hoursAgo", - "defString": "Hours ago", + "token": "euiKeyboardShortcuts.ctrlHomeDescription", + "defString": "Move to the first cell of the current page", "highlighting": "string", "loc": { "start": { - "line": 62, - "column": 12, - "index": 2091 + "line": 181, + "column": 18, + "index": 5952 }, "end": { - "line": 62, - "column": 62, - "index": 2141 + "line": 184, + "column": 20, + "index": 6123 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.daysAgo", - "defString": "Days ago", + "token": "euiKeyboardShortcuts.ctrl", + "defString": "Ctrl", "highlighting": "string", "loc": { "start": { - "line": 66, - "column": 12, - "index": 2186 + "line": 191, + "column": 22, + "index": 6270 }, "end": { - "line": 66, - "column": 60, - "index": 2234 + "line": 194, + "column": 24, + "index": 6400 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.weeksAgo", - "defString": "Weeks ago", + "token": "euiKeyboardShortcuts.endTitle", + "defString": "End", "highlighting": "string", "loc": { "start": { - "line": 70, - "column": 12, - "index": 2279 + "line": 197, + "column": 22, + "index": 6481 }, "end": { - "line": 70, - "column": 62, - "index": 2329 - } + "line": 200, + "column": 24, + "index": 6614 + } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.monthsAgo", - "defString": "Months ago", + "token": "euiKeyboardShortcuts.ctrlEndDescription", + "defString": "Move to the last cell of the current page", "highlighting": "string", "loc": { "start": { - "line": 74, - "column": 12, - "index": 2374 + "line": 205, + "column": 18, + "index": 6732 }, "end": { - "line": 74, - "column": 64, - "index": 2426 + "line": 208, + "column": 20, + "index": 6901 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.yearsAgo", - "defString": "Years ago", + "token": "euiKeyboardShortcuts.pageUpTitle", + "defString": "Page Up", "highlighting": "string", "loc": { "start": { - "line": 78, - "column": 12, - "index": 2471 + "line": 214, + "column": 20, + "index": 7023 }, "end": { - "line": 78, - "column": 62, - "index": 2521 + "line": 217, + "column": 22, + "index": 7157 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.secondsFromNow", - "defString": "Seconds from now", + "token": "euiKeyboardShortcuts.pageUpDescription", + "defString": "Go to the last row of the previous page", "highlighting": "string", "loc": { "start": { - "line": 82, - "column": 12, - "index": 2566 + "line": 221, + "column": 18, + "index": 7251 }, "end": { - "line": 82, - "column": 75, - "index": 2629 + "line": 224, + "column": 20, + "index": 7417 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.minutesFromNow", - "defString": "Minutes from now", + "token": "euiKeyboardShortcuts.pageDownTitle", + "defString": "Page Down", "highlighting": "string", "loc": { "start": { - "line": 86, - "column": 12, - "index": 2675 + "line": 230, + "column": 20, + "index": 7539 }, "end": { - "line": 86, - "column": 75, - "index": 2738 + "line": 233, + "column": 22, + "index": 7677 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.hoursFromNow", - "defString": "Hours from now", + "token": "euiKeyboardShortcuts.pageDownDescription", + "defString": "Go to the first row of the next page", "highlighting": "string", "loc": { "start": { - "line": 90, - "column": 12, - "index": 2784 + "line": 237, + "column": 18, + "index": 7771 }, "end": { - "line": 90, - "column": 71, - "index": 2843 + "line": 240, + "column": 20, + "index": 7936 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.daysFromNow", - "defString": "Days from now", + "token": "euiKeyboardShortcuts.enterTitle", + "defString": "Enter", "highlighting": "string", "loc": { "start": { - "line": 94, - "column": 12, - "index": 2889 + "line": 246, + "column": 20, + "index": 8058 }, "end": { - "line": 94, - "column": 69, - "index": 2946 + "line": 249, + "column": 22, + "index": 8189 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.weeksFromNow", - "defString": "Weeks from now", + "token": "euiKeyboardShortcuts.enterDescription", + "defString": "Open cell details and actions", "highlighting": "string", "loc": { "start": { - "line": 98, - "column": 12, - "index": 2992 + "line": 253, + "column": 18, + "index": 8283 }, "end": { - "line": 98, - "column": 71, - "index": 3051 + "line": 256, + "column": 20, + "index": 8438 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.monthsFromNow", - "defString": "Months from now", + "token": "euiKeyboardShortcuts.escapeTitle", + "defString": "Escape", "highlighting": "string", "loc": { "start": { - "line": 102, - "column": 12, - "index": 3097 + "line": 262, + "column": 20, + "index": 8560 }, "end": { - "line": 102, - "column": 73, - "index": 3158 + "line": 265, + "column": 22, + "index": 8693 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.yearsFromNow", - "defString": "Years from now", + "token": "euiKeyboardShortcuts.escapeDescription", + "defString": "Close cell details and actions", "highlighting": "string", "loc": { "start": { - "line": 106, - "column": 12, - "index": 3204 + "line": 269, + "column": 18, + "index": 8787 }, "end": { - "line": 106, - "column": 71, - "index": 3263 + "line": 272, + "column": 20, + "index": 8944 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" }, { - "token": "euiTimeOptions.roundToSecond", - "defString": "Round to the second", + "token": "euiFullscreenSelector.fullscreenButton", + "defString": "Enter fullscreen", "highlighting": "string", "loc": { "start": { - "line": 112, - "column": 7, - "index": 3339 + "line": 46, + "column": 53, + "index": 1444 }, "end": { - "line": 112, - "column": 72, - "index": 3404 + "line": 52, + "column": 3, + "index": 1618 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/fullscreen_selector.tsx" }, { - "token": "euiTimeOptions.roundToMinute", - "defString": "Round to the minute", + "token": "euiFullscreenSelector.fullscreenButtonActive", + "defString": "Exit fullscreen", "highlighting": "string", "loc": { "start": { - "line": 113, - "column": 7, - "index": 3413 + "line": 46, + "column": 53, + "index": 1444 }, "end": { - "line": 113, - "column": 72, - "index": 3478 + "line": 52, + "column": 3, + "index": 1618 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/fullscreen_selector.tsx" }, { - "token": "euiTimeOptions.roundToHour", - "defString": "Round to the hour", + "token": "euiDataGridToolbarControl.badgeAriaLabel", + "defString": "Active: {count}", "highlighting": "string", "loc": { "start": { - "line": 114, - "column": 7, - "index": 3487 + "line": 31, + "column": 25, + "index": 1211 }, "end": { - "line": 114, - "column": 68, - "index": 3548 + "line": 40, + "column": 3, + "index": 1441 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/data_grid_toolbar_control.tsx" }, { - "token": "euiTimeOptions.roundToDay", - "defString": "Round to the day", + "token": "euiDisplaySelector.densityLabel", + "defString": "Density", "highlighting": "string", "loc": { "start": { - "line": 115, - "column": 7, - "index": 3557 + "line": 96, + "column": 4, + "index": 2610 }, "end": { - "line": 115, - "column": 66, - "index": 3616 + "line": 104, + "column": 5, + "index": 2883 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/display_selector.tsx" }, { - "token": "euiTimeOptions.roundToWeek", - "defString": "Round to the week", + "token": "euiDisplaySelector.labelCompact", + "defString": "Compact", "highlighting": "string", "loc": { "start": { - "line": 116, - "column": 7, - "index": 3625 + "line": 96, + "column": 4, + "index": 2610 }, "end": { - "line": 116, - "column": 68, - "index": 3686 + "line": 104, + "column": 5, + "index": 2883 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/display_selector.tsx" }, { - "token": "euiTimeOptions.roundToMonth", - "defString": "Round to the month", + "token": "euiDisplaySelector.labelNormal", + "defString": "Normal", "highlighting": "string", "loc": { "start": { - "line": 117, - "column": 7, - "index": 3695 + "line": 96, + "column": 4, + "index": 2610 }, "end": { - "line": 117, - "column": 70, - "index": 3758 + "line": 104, + "column": 5, + "index": 2883 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/display_selector.tsx" }, { - "token": "euiTimeOptions.roundToYear", - "defString": "Round to the year", + "token": "euiDisplaySelector.labelExpanded", + "defString": "Expanded", "highlighting": "string", "loc": { "start": { - "line": 118, - "column": 7, - "index": 3767 + "line": 96, + "column": 4, + "index": 2610 }, "end": { - "line": 118, - "column": 68, - "index": 3828 + "line": 104, + "column": 5, + "index": 2883 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/display_selector.tsx" }, { - "token": "euiTimeOptions.today", - "defString": "Today", + "token": "euiDisplaySelector.rowHeightLabel", + "defString": "Lines per row", "highlighting": "string", "loc": { "start": { - "line": 135, - "column": 13, - "index": 4171 + "line": 227, + "column": 4, + "index": 6476 }, "end": { - "line": 135, - "column": 56, - "index": 4214 + "line": 235, + "column": 5, + "index": 6741 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/display_selector.tsx" }, { - "token": "euiTimeOptions.thisWeek", - "defString": "This week", + "token": "euiDisplaySelector.labelAuto", + "defString": "Auto", "highlighting": "string", "loc": { "start": { - "line": 140, - "column": 13, - "index": 4284 + "line": 227, + "column": 4, + "index": 6476 }, "end": { - "line": 140, - "column": 63, - "index": 4334 + "line": 235, + "column": 5, + "index": 6741 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/display_selector.tsx" }, { - "token": "euiTimeOptions.thisMonth", - "defString": "This month", + "token": "euiDisplaySelector.labelStatic", + "defString": "Static", "highlighting": "string", "loc": { "start": { - "line": 145, - "column": 13, - "index": 4404 + "line": 227, + "column": 4, + "index": 6476 }, "end": { - "line": 145, - "column": 65, - "index": 4456 + "line": 235, + "column": 5, + "index": 6741 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/display_selector.tsx" }, { - "token": "euiTimeOptions.thisYear", - "defString": "This year", + "token": "euiDisplaySelector.labelMax", + "defString": "Max", "highlighting": "string", "loc": { "start": { - "line": 150, - "column": 13, - "index": 4526 + "line": 227, + "column": 4, + "index": 6476 }, "end": { - "line": 150, - "column": 63, - "index": 4576 + "line": 235, + "column": 5, + "index": 6741 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/display_selector.tsx" }, { - "token": "euiTimeOptions.yesterday", - "defString": "Yesterday", + "token": "euiDisplaySelector.buttonText", + "defString": "Display options", "highlighting": "string", "loc": { "start": { - "line": 155, - "column": 13, - "index": 4652 + "line": 393, + "column": 22, + "index": 11825 }, "end": { - "line": 155, - "column": 64, - "index": 4703 + "line": 396, + "column": 3, + "index": 11899 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/display_selector.tsx" }, { - "token": "euiTimeOptions.weekToDate", - "defString": "Week to date", + "token": "euiDisplaySelector.resetButtonText", + "defString": "Reset to default", "highlighting": "string", "loc": { "start": { - "line": 160, - "column": 13, - "index": 4771 + "line": 472, + "column": 27, + "index": 14026 }, "end": { - "line": 160, - "column": 68, - "index": 4826 + "line": 475, + "column": 3, + "index": 14106 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/display_selector.tsx" }, { - "token": "euiTimeOptions.monthToDate", - "defString": "Month to date", + "token": "euiColumnSortingDraggable.defaultSortAsc", + "defString": "A-Z", "highlighting": "string", "loc": { "start": { - "line": 165, - "column": 13, - "index": 4894 + "line": 27, + "column": 2, + "index": 1166 }, "end": { - "line": 165, - "column": 70, - "index": 4951 + "line": 27, + "column": 76, + "index": 1240 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/column_sorting_draggable.tsx" }, { - "token": "euiTimeOptions.yearToDate", - "defString": "Year to date", + "token": "euiColumnSortingDraggable.defaultSortDesc", + "defString": "Z-A", "highlighting": "string", "loc": { "start": { - "line": 170, - "column": 13, - "index": 5019 + "line": 30, + "column": 2, + "index": 1284 }, "end": { - "line": 170, - "column": 68, - "index": 5074 + "line": 30, + "column": 77, + "index": 1359 } }, - "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" + "filepath": "src/components/datagrid/controls/column_sorting_draggable.tsx" }, { - "token": "euiSuperUpdateButton.updatingButtonLabel", - "defString": "Updating", + "token": "euiColumnSortingDraggable.dragHandleAriaLabel", + "defString": "Drag handle", "highlighting": "string", "loc": { "start": { - "line": 204, - "column": 8, - "index": 5158 + "line": 71, + "column": 30, + "index": 2323 }, "end": { - "line": 207, - "column": 10, - "index": 5265 + "line": 74, + "column": 3, + "index": 2409 } }, - "filepath": "src/components/date_picker/super_date_picker/super_update_button.tsx" + "filepath": "src/components/datagrid/controls/column_sorting_draggable.tsx" }, { - "token": "euiSuperUpdateButton.updateButtonLabel", - "defString": "Update", + "token": "euiColumnSortingDraggable.activeSortLabel", + "defString": "{display} is sorting this data grid", "highlighting": "string", "loc": { "start": { - "line": 213, - "column": 8, - "index": 5328 + "line": 120, + "column": 14, + "index": 3759 }, "end": { - "line": 216, - "column": 10, - "index": 5431 + "line": 124, + "column": 15, + "index": 3948 } }, - "filepath": "src/components/date_picker/super_date_picker/super_update_button.tsx" + "filepath": "src/components/datagrid/controls/column_sorting_draggable.tsx" }, { - "token": "euiSuperUpdateButton.refreshButtonLabel", - "defString": "Refresh", + "token": "euiColumnSortingDraggable.removeSortLabel", + "defString": "Remove {display} from data grid sort", "highlighting": "string", "loc": { "start": { - "line": 221, - "column": 6, - "index": 5467 + "line": 130, + "column": 12, + "index": 4136 }, "end": { - "line": 224, - "column": 8, - "index": 5566 + "line": 134, + "column": 13, + "index": 4318 } }, - "filepath": "src/components/date_picker/super_date_picker/super_update_button.tsx" + "filepath": "src/components/datagrid/controls/column_sorting_draggable.tsx" }, { - "token": "euiSuperUpdateButton.cannotUpdateTooltip", - "defString": "Cannot update", + "token": "euiColumnSortingDraggable.toggleLegend", + "defString": "Select sorting method for {display}", "highlighting": "string", "loc": { "start": { - "line": 231, - "column": 8, - "index": 5681 + "line": 178, + "column": 12, + "index": 5821 }, "end": { - "line": 234, - "column": 10, - "index": 5793 + "line": 182, + "column": 13, + "index": 5999 } }, - "filepath": "src/components/date_picker/super_date_picker/super_update_button.tsx" + "filepath": "src/components/datagrid/controls/column_sorting_draggable.tsx" }, { - "token": "euiSuperUpdateButton.clickToApplyTooltip", - "defString": "Click to apply", + "token": "euiColumnSorting.button", + "defString": "Sort fields", "highlighting": "string", "loc": { "start": { - "line": 240, - "column": 8, - "index": 5892 + "line": 66, + "column": 30, + "index": 2120 }, "end": { - "line": 243, - "column": 10, - "index": 6005 + "line": 69, + "column": 5, + "index": 2190 } }, - "filepath": "src/components/date_picker/super_date_picker/super_update_button.tsx" + "filepath": "src/components/datagrid/controls/column_sorting.tsx" }, { - "token": "euiAutoRefresh.autoRefreshLabel", - "defString": "Auto refresh", + "token": "euiColumnSorting.sortFieldAriaLabel", + "defString": "Sort by: ", "highlighting": "string", "loc": { "start": { - "line": 51, - "column": 26, - "index": 1720 + "line": 70, + "column": 31, + "index": 2223 }, "end": { - "line": 54, - "column": 3, - "index": 1793 + "line": 73, + "column": 5, + "index": 2303 } }, - "filepath": "src/components/date_picker/auto_refresh/auto_refresh.tsx" + "filepath": "src/components/datagrid/controls/column_sorting.tsx" }, { - "token": "euiAutoRefresh.buttonLabelOff", - "defString": "Auto refresh is off", + "token": "euiColumnSorting.emptySorting", + "defString": "Currently no fields are sorted", "highlighting": "string", "loc": { "start": { - "line": 126, - "column": 29, - "index": 3683 + "line": 220, + "column": 14, + "index": 6937 }, "end": { - "line": 129, - "column": 3, - "index": 3761 + "line": 223, + "column": 16, + "index": 7073 } }, - "filepath": "src/components/date_picker/auto_refresh/auto_refresh.tsx" + "filepath": "src/components/datagrid/controls/column_sorting.tsx" }, { - "token": "euiAutoRefresh.buttonLabelOn", - "defString": "Auto refresh is on and set to {prettyInterval}", + "token": "euiColumnSorting.pickFields", + "defString": "Pick fields to sort by", "highlighting": "string", "loc": { "start": { - "line": 130, - "column": 28, - "index": 3791 + "line": 253, + "column": 24, + "index": 8304 }, "end": { - "line": 138, - "column": 3, - "index": 4025 + "line": 256, + "column": 26, + "index": 8460 } }, - "filepath": "src/components/date_picker/auto_refresh/auto_refresh.tsx" + "filepath": "src/components/datagrid/controls/column_sorting.tsx" }, { - "token": "euiPrettyInterval.seconds", - "defString": "({\n interval\n}) => `${interval} second${interval > 1 ? 's' : ''}`;", - "highlighting": "code", + "token": "euiColumnSorting.clearAll", + "defString": "Clear sorting", + "highlighting": "string", "loc": { "start": { - "line": 33, - "column": 5, - "index": 854 + "line": 328, + "column": 20, + "index": 11814 }, "end": { - "line": 37, - "column": 3, - "index": 989 + "line": 331, + "column": 22, + "index": 11947 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" + "filepath": "src/components/datagrid/controls/column_sorting.tsx" }, { - "token": "euiPrettyInterval.minutes", - "defString": "({\n interval\n}) => `${interval} minute${interval > 1 ? 's' : ''}`;", - "highlighting": "code", + "token": "euiColumnSelector.dragHandleAriaLabel", + "defString": "drag handle", + "highlighting": "string", "loc": { "start": { - "line": 38, - "column": 5, - "index": 996 + "line": 164, + "column": 30, + "index": 5119 }, "end": { - "line": 42, + "line": 167, "column": 3, - "index": 1131 + "index": 5197 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" + "filepath": "src/components/datagrid/controls/column_selector.tsx" }, { - "token": "euiPrettyInterval.hours", - "defString": "({\n interval\n}) => `${interval} hour${interval > 1 ? 's' : ''}`;", - "highlighting": "code", + "token": "euiColumnSelector.button", + "defString": "Columns", + "highlighting": "string", "loc": { "start": { - "line": 43, - "column": 5, - "index": 1138 + "line": 203, + "column": 12, + "index": 6382 }, "end": { - "line": 47, - "column": 3, - "index": 1269 + "line": 203, + "column": 74, + "index": 6444 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" + "filepath": "src/components/datagrid/controls/column_selector.tsx" }, { - "token": "euiPrettyInterval.days", - "defString": "({\n interval\n}) => `${interval} day${interval > 1 ? 's' : ''}`;", - "highlighting": "code", + "token": "euiColumnSelector.search", + "defString": "Search", + "highlighting": "string", "loc": { "start": { - "line": 48, - "column": 5, - "index": 1276 + "line": 209, + "column": 12, + "index": 6590 }, "end": { - "line": 52, - "column": 3, - "index": 1405 + "line": 215, + "column": 13, + "index": 6802 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" + "filepath": "src/components/datagrid/controls/column_selector.tsx" }, { - "token": "euiPrettyInterval.secondsShorthand", - "defString": "{interval} s", + "token": "euiColumnSelector.searchcolumns", + "defString": "Search columns", "highlighting": "string", "loc": { "start": { - "line": 54, - "column": 7, - "index": 1429 + "line": 209, + "column": 12, + "index": 6590 }, "end": { - "line": 56, - "column": 6, - "index": 1518 + "line": 215, + "column": 13, + "index": 6802 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" + "filepath": "src/components/datagrid/controls/column_selector.tsx" }, { - "token": "euiPrettyInterval.minutesShorthand", - "defString": "{interval} m", + "token": "euiColumnSelector.selectAll", + "defString": "Show all", "highlighting": "string", "loc": { "start": { - "line": 57, - "column": 7, - "index": 1527 + "line": 340, + "column": 18, + "index": 12118 }, "end": { - "line": 59, - "column": 6, - "index": 1616 + "line": 343, + "column": 20, + "index": 12242 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" + "filepath": "src/components/datagrid/controls/column_selector.tsx" }, { - "token": "euiPrettyInterval.hoursShorthand", - "defString": "{interval} h", + "token": "euiColumnSelector.hideAll", + "defString": "Hide all", "highlighting": "string", "loc": { "start": { - "line": 60, - "column": 7, - "index": 1625 + "line": 353, + "column": 18, + "index": 12602 }, "end": { - "line": 62, - "column": 6, - "index": 1712 + "line": 356, + "column": 20, + "index": 12724 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" + "filepath": "src/components/datagrid/controls/column_selector.tsx" }, { - "token": "euiPrettyInterval.daysShorthand", - "defString": "{interval} d", + "token": "euiRefreshInterval.fullDescriptionOff", + "defString": "Refresh is off, interval set to {optionValue} {optionText}.", "highlighting": "string", "loc": { "start": { - "line": 63, - "column": 7, - "index": 1721 + "line": 207, + "column": 6, + "index": 5780 }, "end": { - "line": 65, - "column": 6, - "index": 1807 + "line": 214, + "column": 8, + "index": 6010 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" + "filepath": "src/components/date_picker/auto_refresh/refresh_interval.tsx" }, { - "token": "euiPrettyInterval.off", - "defString": "Off", + "token": "euiRefreshInterval.fullDescriptionOn", + "defString": "Refresh is on, interval set to {optionValue} {optionText}.", "highlighting": "string", "loc": { "start": { - "line": 103, - "column": 14, - "index": 2870 + "line": 216, + "column": 6, + "index": 6027 }, "end": { - "line": 103, - "column": 56, - "index": 2912 + "line": 223, + "column": 8, + "index": 6255 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" + "filepath": "src/components/date_picker/auto_refresh/refresh_interval.tsx" }, { - "token": "euiPrettyDuration.lastDurationSeconds", - "defString": "({\n duration\n}) => `Last ${duration} second${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiRefreshInterval.toggleLabel", + "defString": "Refresh every", + "highlighting": "string", "loc": { "start": { - "line": 30, - "column": 5, - "index": 1079 + "line": 236, + "column": 4, + "index": 6459 }, "end": { - "line": 34, - "column": 3, - "index": 1233 + "line": 249, + "column": 5, + "index": 6822 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/auto_refresh/refresh_interval.tsx" }, { - "token": "euiPrettyDuration.nextDurationSeconds", - "defString": "({\n duration\n}) => `Next ${duration} second${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiRefreshInterval.toggleAriaLabel", + "defString": "Toggle refresh", + "highlighting": "string", "loc": { "start": { - "line": 35, - "column": 8, - "index": 1243 + "line": 236, + "column": 4, + "index": 6459 }, "end": { - "line": 39, - "column": 3, - "index": 1397 + "line": 249, + "column": 5, + "index": 6822 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/auto_refresh/refresh_interval.tsx" }, { - "token": "euiPrettyDuration.lastDurationMinutes", - "defString": "({\n duration\n}) => `Last ${duration} minute${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiRefreshInterval.valueAriaLabel", + "defString": "Refresh interval value", + "highlighting": "string", "loc": { "start": { - "line": 40, - "column": 5, - "index": 1404 + "line": 236, + "column": 4, + "index": 6459 }, "end": { - "line": 44, - "column": 3, - "index": 1558 + "line": 249, + "column": 5, + "index": 6822 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/auto_refresh/refresh_interval.tsx" }, { - "token": "euiPrettyDuration.nextDurationMinutes", - "defString": "({\n duration\n}) => `Next ${duration} minute${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiRefreshInterval.unitsAriaLabel", + "defString": "Refresh interval units", + "highlighting": "string", "loc": { "start": { - "line": 45, - "column": 8, - "index": 1568 + "line": 236, + "column": 4, + "index": 6459 }, "end": { - "line": 49, - "column": 3, - "index": 1722 + "line": 249, + "column": 5, + "index": 6822 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/auto_refresh/refresh_interval.tsx" }, { - "token": "euiPrettyDuration.lastDurationHours", - "defString": "({\n duration\n}) => `Last ${duration} hour${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiAutoRefresh.autoRefreshLabel", + "defString": "Auto refresh", + "highlighting": "string", "loc": { "start": { - "line": 50, - "column": 5, - "index": 1729 + "line": 51, + "column": 26, + "index": 1720 }, "end": { "line": 54, "column": 3, - "index": 1879 + "index": 1793 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/auto_refresh/auto_refresh.tsx" }, { - "token": "euiPrettyDuration.nextDurationHours", - "defString": "({\n duration\n}) => `Next ${duration} hour${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiAutoRefresh.buttonLabelOff", + "defString": "Auto refresh is off", + "highlighting": "string", "loc": { "start": { - "line": 55, - "column": 8, - "index": 1889 + "line": 126, + "column": 29, + "index": 3683 }, "end": { - "line": 59, + "line": 129, "column": 3, - "index": 2039 + "index": 3761 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/auto_refresh/auto_refresh.tsx" }, { - "token": "euiPrettyDuration.lastDurationDays", - "defString": "({\n duration\n}) => `Last ${duration} day${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiAutoRefresh.buttonLabelOn", + "defString": "Auto refresh is on and set to {prettyInterval}", + "highlighting": "string", "loc": { "start": { - "line": 60, - "column": 5, - "index": 2046 + "line": 130, + "column": 28, + "index": 3791 }, "end": { - "line": 64, + "line": 138, "column": 3, - "index": 2194 + "index": 4025 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/auto_refresh/auto_refresh.tsx" }, { - "token": "euiPrettyDuration.nexttDurationDays", - "defString": "({\n duration\n}) => `Next ${duration} day${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiTimeWindowButtons.previousDescription", + "defString": "Previous {displayInterval}", + "highlighting": "string", "loc": { "start": { - "line": 65, - "column": 8, - "index": 2204 + "line": 88, + "column": 30, + "index": 2577 }, "end": { - "line": 69, + "line": 92, "column": 3, - "index": 2353 + "index": 2698 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" }, { - "token": "euiPrettyDuration.lastDurationWeeks", - "defString": "({\n duration\n}) => `Last ${duration} week${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiTimeWindowButtons.nextDescription", + "defString": "Next {displayInterval}", + "highlighting": "string", "loc": { "start": { - "line": 70, - "column": 5, - "index": 2360 + "line": 93, + "column": 26, + "index": 2726 }, "end": { - "line": 74, + "line": 97, "column": 3, - "index": 2510 + "index": 2839 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" }, { - "token": "euiPrettyDuration.nextDurationWeeks", - "defString": "({\n duration\n}) => `Next ${duration} week${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiTimeWindowButtons.invalidShiftLabel", + "defString": "Cannot shift invalid time window", + "highlighting": "string", "loc": { "start": { - "line": 75, - "column": 8, - "index": 2520 + "line": 98, + "column": 34, + "index": 2875 }, "end": { - "line": 79, + "line": 101, "column": 3, - "index": 2670 + "index": 2975 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" }, { - "token": "euiPrettyDuration.lastDurationMonths", - "defString": "({\n duration\n}) => `Last ${duration} month${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiTimeWindowButtons.invalidZoomInLabel", + "defString": "Cannot zoom in invalid time window", + "highlighting": "string", "loc": { "start": { - "line": 80, - "column": 5, - "index": 2677 + "line": 102, + "column": 35, + "index": 3012 }, "end": { - "line": 84, + "line": 105, "column": 3, - "index": 2829 + "index": 3115 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" }, { - "token": "euiPrettyDuration.nextDurationMonths", - "defString": "({\n duration\n}) => `Next ${duration} month${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiTimeWindowButtons.cannotZoomInLabel", + "defString": "Cannot zoom in any further", + "highlighting": "string", "loc": { "start": { - "line": 85, - "column": 8, - "index": 2839 + "line": 106, + "column": 34, + "index": 3151 }, "end": { - "line": 89, + "line": 109, "column": 3, - "index": 2991 + "index": 3245 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" }, { - "token": "euiPrettyDuration.lastDurationYears", - "defString": "({\n duration\n}) => `Last ${duration} year${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiTimeWindowButtons.invalidZoomOutLabel", + "defString": "Cannot zoom out invalid time window", + "highlighting": "string", "loc": { "start": { - "line": 90, - "column": 5, - "index": 2998 + "line": 110, + "column": 36, + "index": 3283 }, "end": { - "line": 94, + "line": 113, "column": 3, - "index": 3148 + "index": 3388 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" }, { - "token": "euiPrettyDuration.nextDurationYears", - "defString": "({\n duration\n}) => `Next ${duration} year${duration === 1 ? '' : 's'}`;", - "highlighting": "code", + "token": "euiTimeWindowButtons.previousLabel", + "defString": "Previous", + "highlighting": "string", "loc": { "start": { - "line": 95, - "column": 8, - "index": 3158 + "line": 116, + "column": 24, + "index": 3480 }, "end": { - "line": 99, + "line": 119, "column": 3, - "index": 3308 + "index": 3552 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" }, { - "token": "euiPrettyDuration.durationRoundedToSecond", - "defString": "{prettyDuration} rounded to the second", + "token": "euiTimeWindowButtons.zoomInLabel", + "defString": "Zoom in", "highlighting": "string", "loc": { "start": { - "line": 103, - "column": 5, - "index": 3390 + "line": 125, + "column": 22, + "index": 3739 }, "end": { - "line": 107, - "column": 3, - "index": 3523 + "line": 125, + "column": 79, + "index": 3796 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" }, { - "token": "euiPrettyDuration.durationRoundedToMinute", - "defString": "{prettyDuration} rounded to the minute", + "token": "euiTimeWindowButtons.zoomOutLabel", + "defString": "Zoom out", "highlighting": "string", "loc": { "start": { - "line": 108, - "column": 5, - "index": 3530 + "line": 133, + "column": 23, + "index": 4034 }, "end": { - "line": 112, + "line": 136, "column": 3, - "index": 3663 + "index": 4105 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" }, { - "token": "euiPrettyDuration.durationRoundedToHour", - "defString": "{prettyDuration} rounded to the hour", + "token": "euiTimeWindowButtons.nextLabel", + "defString": "Next", "highlighting": "string", "loc": { "start": { - "line": 113, - "column": 5, - "index": 3670 + "line": 142, + "column": 20, + "index": 4279 }, "end": { - "line": 117, - "column": 3, - "index": 3799 + "line": 142, + "column": 72, + "index": 4331 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_window_buttons.tsx" }, { - "token": "euiPrettyDuration.durationRoundedToDay", - "defString": "{prettyDuration} rounded to the day", + "token": "euiTimeOptions.last", + "defString": "Last", "highlighting": "string", "loc": { "start": { - "line": 118, - "column": 5, - "index": 3806 + "line": 35, + "column": 25, + "index": 1138 }, "end": { - "line": 122, - "column": 3, - "index": 3933 + "line": 35, + "column": 66, + "index": 1179 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiPrettyDuration.durationRoundedToWeek", - "defString": "{prettyDuration} rounded to the week", + "token": "euiTimeOptions.next", + "defString": "Next", "highlighting": "string", "loc": { "start": { - "line": 123, - "column": 5, - "index": 3940 + "line": 36, + "column": 25, + "index": 1208 }, "end": { - "line": 127, - "column": 3, - "index": 4069 + "line": 36, + "column": 66, + "index": 1249 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiPrettyDuration.durationRoundedToMonth", - "defString": "{prettyDuration} rounded to the month", + "token": "euiTimeOptions.seconds", + "defString": "Seconds", "highlighting": "string", "loc": { "start": { - "line": 128, - "column": 5, - "index": 4076 + "line": 40, + "column": 24, + "index": 1312 }, "end": { - "line": 132, - "column": 3, - "index": 4207 + "line": 40, + "column": 71, + "index": 1359 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiPrettyDuration.durationRoundedToYear", - "defString": "{prettyDuration} rounded to the year", + "token": "euiTimeOptions.minutes", + "defString": "Minutes", "highlighting": "string", "loc": { "start": { - "line": 133, - "column": 5, - "index": 4214 + "line": 41, + "column": 24, + "index": 1387 }, "end": { - "line": 137, - "column": 3, - "index": 4343 + "line": 41, + "column": 71, + "index": 1434 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiPrettyDuration.now", - "defString": "now", + "token": "euiTimeOptions.hours", + "defString": "Hours", "highlighting": "string", "loc": { "start": { - "line": 162, - "column": 21, - "index": 4794 + "line": 42, + "column": 24, + "index": 1462 }, "end": { - "line": 162, - "column": 63, - "index": 4836 + "line": 42, + "column": 67, + "index": 1505 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiPrettyDuration.invalid", - "defString": "Invalid date", + "token": "euiTimeOptions.days", + "defString": "Days", "highlighting": "string", "loc": { "start": { - "line": 163, - "column": 29, - "index": 4867 + "line": 43, + "column": 24, + "index": 1533 }, "end": { - "line": 166, - "column": 3, - "index": 4934 + "line": 43, + "column": 65, + "index": 1574 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiPrettyDuration.fallbackDuration", - "defString": "{displayFrom} to {displayTo}", + "token": "euiTimeOptions.weeks", + "defString": "Weeks", "highlighting": "string", "loc": { "start": { - "line": 279, - "column": 27, - "index": 8267 + "line": 44, + "column": 24, + "index": 1602 }, "end": { - "line": 283, - "column": 3, - "index": 8391 + "line": 44, + "column": 67, + "index": 1645 } }, - "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiDataGridSchema.booleanSortTextAsc", - "defString": "False-True", + "token": "euiTimeOptions.months", + "defString": "Months", "highlighting": "string", "loc": { "start": { - "line": 56, - "column": 6, - "index": 1386 + "line": 45, + "column": 24, + "index": 1673 }, "end": { - "line": 59, - "column": 8, - "index": 1485 + "line": 45, + "column": 69, + "index": 1718 } }, - "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiDataGridSchema.booleanSortTextDesc", - "defString": "True-False", + "token": "euiTimeOptions.years", + "defString": "Years", "highlighting": "string", "loc": { "start": { - "line": 62, - "column": 6, - "index": 1519 + "line": 46, + "column": 24, + "index": 1746 }, "end": { - "line": 65, - "column": 8, - "index": 1619 + "line": 46, + "column": 67, + "index": 1789 } }, - "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiDataGridSchema.currencySortTextAsc", - "defString": "Low-High", + "token": "euiTimeOptions.secondsAgo", + "defString": "Seconds ago", "highlighting": "string", "loc": { "start": { - "line": 97, - "column": 6, - "index": 2701 + "line": 54, + "column": 12, + "index": 1893 }, "end": { - "line": 100, - "column": 8, - "index": 2799 + "line": 54, + "column": 66, + "index": 1947 } }, - "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiDataGridSchema.currencySortTextDesc", - "defString": "High-Low", + "token": "euiTimeOptions.minutesAgo", + "defString": "Minutes ago", "highlighting": "string", "loc": { "start": { - "line": 103, - "column": 6, - "index": 2833 + "line": 58, + "column": 12, + "index": 1992 }, "end": { - "line": 106, - "column": 8, - "index": 2932 + "line": 58, + "column": 66, + "index": 2046 } }, - "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiDataGridSchema.dateSortTextAsc", - "defString": "Old-New", + "token": "euiTimeOptions.hoursAgo", + "defString": "Hours ago", "highlighting": "string", "loc": { "start": { - "line": 135, - "column": 6, - "index": 3886 + "line": 62, + "column": 12, + "index": 2091 }, "end": { - "line": 135, - "column": 77, - "index": 3957 + "line": 62, + "column": 62, + "index": 2141 } }, - "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiDataGridSchema.dateSortTextDesc", - "defString": "New-Old", + "token": "euiTimeOptions.daysAgo", + "defString": "Days ago", "highlighting": "string", "loc": { "start": { - "line": 138, - "column": 6, - "index": 3991 + "line": 66, + "column": 12, + "index": 2186 }, "end": { - "line": 138, - "column": 78, - "index": 4063 + "line": 66, + "column": 60, + "index": 2234 } }, - "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiDataGridSchema.numberSortTextAsc", - "defString": "Low-High", + "token": "euiTimeOptions.weeksAgo", + "defString": "Weeks ago", "highlighting": "string", "loc": { "start": { - "line": 172, - "column": 6, - "index": 5160 + "line": 70, + "column": 12, + "index": 2279 }, "end": { - "line": 172, - "column": 80, - "index": 5234 + "line": 70, + "column": 62, + "index": 2329 } }, - "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiDataGridSchema.numberSortTextDesc", - "defString": "High-Low", + "token": "euiTimeOptions.monthsAgo", + "defString": "Months ago", "highlighting": "string", "loc": { "start": { - "line": 175, - "column": 6, - "index": 5268 + "line": 74, + "column": 12, + "index": 2374 }, "end": { - "line": 178, - "column": 8, - "index": 5365 + "line": 74, + "column": 64, + "index": 2426 } }, - "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiDataGridSchema.jsonSortTextAsc", - "defString": "Small-Large", + "token": "euiTimeOptions.yearsAgo", + "defString": "Years ago", "highlighting": "string", "loc": { "start": { - "line": 203, - "column": 6, - "index": 6051 + "line": 78, + "column": 12, + "index": 2471 }, "end": { - "line": 206, - "column": 8, - "index": 6148 + "line": 78, + "column": 62, + "index": 2521 } }, - "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiDataGridSchema.jsonSortTextDesc", - "defString": "Large-Small", + "token": "euiTimeOptions.secondsFromNow", + "defString": "Seconds from now", "highlighting": "string", "loc": { "start": { - "line": 209, - "column": 6, - "index": 6182 + "line": 82, + "column": 12, + "index": 2566 }, "end": { - "line": 212, - "column": 8, - "index": 6280 + "line": 82, + "column": 75, + "index": 2629 } }, - "filepath": "src/components/datagrid/utils/data_grid_schema.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiDataGridPagination.detailedPaginationLabel", - "defString": "Pagination for preceding grid: {label}", + "token": "euiTimeOptions.minutesFromNow", + "defString": "Minutes from now", "highlighting": "string", "loc": { "start": { - "line": 51, - "column": 34, - "index": 1785 + "line": 86, + "column": 12, + "index": 2675 }, "end": { - "line": 55, - "column": 3, - "index": 1930 + "line": 86, + "column": 75, + "index": 2738 } }, - "filepath": "src/components/datagrid/pagination/data_grid_pagination.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiDataGridPagination.paginationLabel", - "defString": "Pagination for preceding grid", + "token": "euiTimeOptions.hoursFromNow", + "defString": "Hours from now", "highlighting": "string", "loc": { "start": { - "line": 56, - "column": 26, - "index": 1958 + "line": 90, + "column": 12, + "index": 2784 }, "end": { - "line": 59, - "column": 3, - "index": 2054 + "line": 90, + "column": 71, + "index": 2843 } }, - "filepath": "src/components/datagrid/pagination/data_grid_pagination.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.title", - "defString": "Keyboard shortcuts", + "token": "euiTimeOptions.daysFromNow", + "defString": "Days from now", "highlighting": "string", "loc": { "start": { - "line": 26, - "column": 16, - "index": 1033 + "line": 94, + "column": 12, + "index": 2889 }, "end": { - "line": 26, - "column": 78, - "index": 1095 + "line": 94, + "column": 69, + "index": 2946 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.upArrowTitle", - "defString": "Up arrow", + "token": "euiTimeOptions.weeksFromNow", + "defString": "Weeks from now", "highlighting": "string", "loc": { "start": { - "line": 70, - "column": 20, - "index": 2433 + "line": 98, + "column": 12, + "index": 2992 }, "end": { - "line": 73, - "column": 22, - "index": 2569 + "line": 98, + "column": 71, + "index": 3051 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.upArrowDescription", - "defString": "Move one cell up", + "token": "euiTimeOptions.monthsFromNow", + "defString": "Months from now", "highlighting": "string", "loc": { "start": { - "line": 77, - "column": 18, - "index": 2663 + "line": 102, + "column": 12, + "index": 3097 }, "end": { - "line": 80, - "column": 20, - "index": 2807 + "line": 102, + "column": 73, + "index": 3158 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.downArrowTitle", - "defString": "Down arrow", + "token": "euiTimeOptions.yearsFromNow", + "defString": "Years from now", "highlighting": "string", "loc": { "start": { - "line": 86, - "column": 20, - "index": 2929 + "line": 106, + "column": 12, + "index": 3204 }, "end": { - "line": 89, - "column": 22, - "index": 3069 + "line": 106, + "column": 71, + "index": 3263 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.downArrowDescription", - "defString": "Move one cell down", + "token": "euiTimeOptions.roundToSecond", + "defString": "Round to the second", "highlighting": "string", "loc": { "start": { - "line": 93, - "column": 18, - "index": 3163 + "line": 112, + "column": 7, + "index": 3339 }, "end": { - "line": 96, - "column": 20, - "index": 3311 + "line": 112, + "column": 72, + "index": 3404 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.rightArrowTitle", - "defString": "Right arrow", + "token": "euiTimeOptions.roundToMinute", + "defString": "Round to the minute", "highlighting": "string", "loc": { "start": { - "line": 102, - "column": 20, - "index": 3433 + "line": 113, + "column": 7, + "index": 3413 }, "end": { - "line": 105, - "column": 22, - "index": 3575 + "line": 113, + "column": 72, + "index": 3478 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.rightArrowDescription", - "defString": "Move one cell right", + "token": "euiTimeOptions.roundToHour", + "defString": "Round to the hour", "highlighting": "string", "loc": { "start": { - "line": 109, - "column": 18, - "index": 3669 + "line": 114, + "column": 7, + "index": 3487 }, "end": { - "line": 112, - "column": 20, - "index": 3819 + "line": 114, + "column": 68, + "index": 3548 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.leftArrowTitle", - "defString": "Left arrow", + "token": "euiTimeOptions.roundToDay", + "defString": "Round to the day", "highlighting": "string", "loc": { "start": { - "line": 118, - "column": 20, - "index": 3941 - }, + "line": 115, + "column": 7, + "index": 3557 + }, "end": { - "line": 121, - "column": 22, - "index": 4081 + "line": 115, + "column": 66, + "index": 3616 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.leftArrowDescription", - "defString": "Move one cell left", + "token": "euiTimeOptions.roundToWeek", + "defString": "Round to the week", "highlighting": "string", "loc": { "start": { - "line": 125, - "column": 18, - "index": 4175 + "line": 116, + "column": 7, + "index": 3625 }, "end": { - "line": 128, - "column": 20, - "index": 4323 + "line": 116, + "column": 68, + "index": 3686 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.homeTitle", - "defString": "Home", + "token": "euiTimeOptions.roundToMonth", + "defString": "Round to the month", "highlighting": "string", "loc": { "start": { - "line": 134, - "column": 20, - "index": 4445 + "line": 117, + "column": 7, + "index": 3695 }, "end": { - "line": 137, - "column": 22, - "index": 4574 + "line": 117, + "column": 70, + "index": 3758 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.homeDescription", - "defString": "Move to the first cell of the current row", + "token": "euiTimeOptions.roundToYear", + "defString": "Round to the year", "highlighting": "string", "loc": { "start": { - "line": 141, - "column": 18, - "index": 4668 + "line": 118, + "column": 7, + "index": 3767 }, "end": { - "line": 144, - "column": 20, - "index": 4834 + "line": 118, + "column": 68, + "index": 3828 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.endTitle", - "defString": "End", + "token": "euiTimeOptions.today", + "defString": "Today", "highlighting": "string", "loc": { "start": { - "line": 150, - "column": 20, - "index": 4956 + "line": 135, + "column": 13, + "index": 4171 }, "end": { - "line": 153, - "column": 22, - "index": 5083 + "line": 135, + "column": 56, + "index": 4214 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.endDescription", - "defString": "Move to the last cell of the current row", + "token": "euiTimeOptions.thisWeek", + "defString": "This week", "highlighting": "string", "loc": { "start": { - "line": 157, - "column": 18, - "index": 5177 + "line": 140, + "column": 13, + "index": 4284 }, "end": { - "line": 160, - "column": 20, - "index": 5341 + "line": 140, + "column": 63, + "index": 4334 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.ctrl", - "defString": "Ctrl", + "token": "euiTimeOptions.thisMonth", + "defString": "This month", "highlighting": "string", "loc": { "start": { - "line": 167, - "column": 22, - "index": 5488 + "line": 145, + "column": 13, + "index": 4404 }, "end": { - "line": 170, - "column": 24, - "index": 5618 + "line": 145, + "column": 65, + "index": 4456 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.homeTitle", - "defString": "Home", + "token": "euiTimeOptions.thisYear", + "defString": "This year", "highlighting": "string", "loc": { "start": { - "line": 173, - "column": 22, - "index": 5699 + "line": 150, + "column": 13, + "index": 4526 }, "end": { - "line": 176, - "column": 24, - "index": 5834 + "line": 150, + "column": 63, + "index": 4576 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.ctrlHomeDescription", - "defString": "Move to the first cell of the current page", + "token": "euiTimeOptions.yesterday", + "defString": "Yesterday", "highlighting": "string", "loc": { "start": { - "line": 181, - "column": 18, - "index": 5952 + "line": 155, + "column": 13, + "index": 4652 }, "end": { - "line": 184, - "column": 20, - "index": 6123 + "line": 155, + "column": 64, + "index": 4703 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.ctrl", - "defString": "Ctrl", + "token": "euiTimeOptions.weekToDate", + "defString": "Week to date", "highlighting": "string", "loc": { "start": { - "line": 191, - "column": 22, - "index": 6270 + "line": 160, + "column": 13, + "index": 4771 }, "end": { - "line": 194, - "column": 24, - "index": 6400 + "line": 160, + "column": 68, + "index": 4826 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.endTitle", - "defString": "End", + "token": "euiTimeOptions.monthToDate", + "defString": "Month to date", "highlighting": "string", "loc": { "start": { - "line": 197, - "column": 22, - "index": 6481 + "line": 165, + "column": 13, + "index": 4894 }, "end": { - "line": 200, - "column": 24, - "index": 6614 + "line": 165, + "column": 70, + "index": 4951 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.ctrlEndDescription", - "defString": "Move to the last cell of the current page", + "token": "euiTimeOptions.yearToDate", + "defString": "Year to date", "highlighting": "string", "loc": { "start": { - "line": 205, - "column": 18, - "index": 6732 + "line": 170, + "column": 13, + "index": 5019 }, "end": { - "line": 208, - "column": 20, - "index": 6901 + "line": 170, + "column": 68, + "index": 5074 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/time_options.tsx" }, { - "token": "euiKeyboardShortcuts.pageUpTitle", - "defString": "Page Up", + "token": "euiSuperUpdateButton.updatingButtonLabel", + "defString": "Updating", "highlighting": "string", "loc": { "start": { - "line": 214, - "column": 20, - "index": 7023 + "line": 204, + "column": 8, + "index": 5158 }, "end": { - "line": 217, - "column": 22, - "index": 7157 + "line": 207, + "column": 10, + "index": 5265 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/super_update_button.tsx" }, { - "token": "euiKeyboardShortcuts.pageUpDescription", - "defString": "Go to the last row of the previous page", + "token": "euiSuperUpdateButton.updateButtonLabel", + "defString": "Update", "highlighting": "string", "loc": { "start": { - "line": 221, - "column": 18, - "index": 7251 + "line": 213, + "column": 8, + "index": 5328 }, "end": { - "line": 224, - "column": 20, - "index": 7417 + "line": 216, + "column": 10, + "index": 5431 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/super_update_button.tsx" }, { - "token": "euiKeyboardShortcuts.pageDownTitle", - "defString": "Page Down", + "token": "euiSuperUpdateButton.refreshButtonLabel", + "defString": "Refresh", "highlighting": "string", "loc": { "start": { - "line": 230, - "column": 20, - "index": 7539 + "line": 221, + "column": 6, + "index": 5467 }, "end": { - "line": 233, - "column": 22, - "index": 7677 + "line": 224, + "column": 8, + "index": 5566 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/super_update_button.tsx" }, { - "token": "euiKeyboardShortcuts.pageDownDescription", - "defString": "Go to the first row of the next page", + "token": "euiSuperUpdateButton.cannotUpdateTooltip", + "defString": "Cannot update", "highlighting": "string", "loc": { "start": { - "line": 237, - "column": 18, - "index": 7771 + "line": 231, + "column": 8, + "index": 5681 }, "end": { - "line": 240, - "column": 20, - "index": 7936 + "line": 234, + "column": 10, + "index": 5793 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/super_update_button.tsx" }, { - "token": "euiKeyboardShortcuts.enterTitle", - "defString": "Enter", + "token": "euiSuperUpdateButton.clickToApplyTooltip", + "defString": "Click to apply", "highlighting": "string", "loc": { "start": { - "line": 246, - "column": 20, - "index": 8058 + "line": 240, + "column": 8, + "index": 5892 }, "end": { - "line": 249, - "column": 22, - "index": 8189 + "line": 243, + "column": 10, + "index": 6005 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/super_update_button.tsx" }, { - "token": "euiKeyboardShortcuts.enterDescription", - "defString": "Open cell details and actions", - "highlighting": "string", + "token": "euiPrettyInterval.seconds", + "defString": "({\n interval\n}) => `${interval} second${interval > 1 ? 's' : ''}`;", + "highlighting": "code", "loc": { "start": { - "line": 253, - "column": 18, - "index": 8283 + "line": 33, + "column": 5, + "index": 854 }, "end": { - "line": 256, - "column": 20, - "index": 8438 + "line": 37, + "column": 3, + "index": 989 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" }, { - "token": "euiKeyboardShortcuts.escapeTitle", - "defString": "Escape", - "highlighting": "string", + "token": "euiPrettyInterval.minutes", + "defString": "({\n interval\n}) => `${interval} minute${interval > 1 ? 's' : ''}`;", + "highlighting": "code", "loc": { "start": { - "line": 262, - "column": 20, - "index": 8560 + "line": 38, + "column": 5, + "index": 996 }, "end": { - "line": 265, - "column": 22, - "index": 8693 + "line": 42, + "column": 3, + "index": 1131 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" }, { - "token": "euiKeyboardShortcuts.escapeDescription", - "defString": "Close cell details and actions", - "highlighting": "string", + "token": "euiPrettyInterval.hours", + "defString": "({\n interval\n}) => `${interval} hour${interval > 1 ? 's' : ''}`;", + "highlighting": "code", "loc": { "start": { - "line": 269, - "column": 18, - "index": 8787 + "line": 43, + "column": 5, + "index": 1138 }, "end": { - "line": 272, - "column": 20, - "index": 8944 + "line": 47, + "column": 3, + "index": 1269 } }, - "filepath": "src/components/datagrid/controls/keyboard_shortcuts.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" }, { - "token": "euiDisplaySelector.densityLabel", - "defString": "Density", - "highlighting": "string", + "token": "euiPrettyInterval.days", + "defString": "({\n interval\n}) => `${interval} day${interval > 1 ? 's' : ''}`;", + "highlighting": "code", "loc": { "start": { - "line": 96, - "column": 4, - "index": 2610 - }, - "end": { - "line": 104, + "line": 48, "column": 5, - "index": 2883 - } - }, - "filepath": "src/components/datagrid/controls/display_selector.tsx" - }, - { - "token": "euiDisplaySelector.labelCompact", - "defString": "Compact", - "highlighting": "string", - "loc": { - "start": { - "line": 96, - "column": 4, - "index": 2610 + "index": 1276 }, "end": { - "line": 104, - "column": 5, - "index": 2883 + "line": 52, + "column": 3, + "index": 1405 } }, - "filepath": "src/components/datagrid/controls/display_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" }, { - "token": "euiDisplaySelector.labelNormal", - "defString": "Normal", + "token": "euiPrettyInterval.secondsShorthand", + "defString": "{interval} s", "highlighting": "string", "loc": { "start": { - "line": 96, - "column": 4, - "index": 2610 + "line": 54, + "column": 7, + "index": 1429 }, "end": { - "line": 104, - "column": 5, - "index": 2883 + "line": 56, + "column": 6, + "index": 1518 } }, - "filepath": "src/components/datagrid/controls/display_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" }, { - "token": "euiDisplaySelector.labelExpanded", - "defString": "Expanded", + "token": "euiPrettyInterval.minutesShorthand", + "defString": "{interval} m", "highlighting": "string", "loc": { "start": { - "line": 96, - "column": 4, - "index": 2610 + "line": 57, + "column": 7, + "index": 1527 }, "end": { - "line": 104, - "column": 5, - "index": 2883 + "line": 59, + "column": 6, + "index": 1616 } }, - "filepath": "src/components/datagrid/controls/display_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" }, { - "token": "euiDisplaySelector.rowHeightLabel", - "defString": "Lines per row", + "token": "euiPrettyInterval.hoursShorthand", + "defString": "{interval} h", "highlighting": "string", "loc": { "start": { - "line": 227, - "column": 4, - "index": 6476 + "line": 60, + "column": 7, + "index": 1625 }, "end": { - "line": 235, - "column": 5, - "index": 6741 + "line": 62, + "column": 6, + "index": 1712 } }, - "filepath": "src/components/datagrid/controls/display_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" }, { - "token": "euiDisplaySelector.labelAuto", - "defString": "Auto", + "token": "euiPrettyInterval.daysShorthand", + "defString": "{interval} d", "highlighting": "string", "loc": { "start": { - "line": 227, - "column": 4, - "index": 6476 + "line": 63, + "column": 7, + "index": 1721 }, "end": { - "line": 235, - "column": 5, - "index": 6741 + "line": 65, + "column": 6, + "index": 1807 } }, - "filepath": "src/components/datagrid/controls/display_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" }, { - "token": "euiDisplaySelector.labelStatic", - "defString": "Static", + "token": "euiPrettyInterval.off", + "defString": "Off", "highlighting": "string", "loc": { "start": { - "line": 227, - "column": 4, - "index": 6476 + "line": 103, + "column": 14, + "index": 2870 }, "end": { - "line": 235, - "column": 5, - "index": 6741 + "line": 103, + "column": 56, + "index": 2912 } }, - "filepath": "src/components/datagrid/controls/display_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_interval.ts" }, { - "token": "euiDisplaySelector.labelMax", - "defString": "Max", - "highlighting": "string", + "token": "euiPrettyDuration.lastDurationSeconds", + "defString": "({\n duration\n}) => `Last ${duration} second${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 227, - "column": 4, - "index": 6476 + "line": 30, + "column": 5, + "index": 1079 }, "end": { - "line": 235, - "column": 5, - "index": 6741 + "line": 34, + "column": 3, + "index": 1233 } }, - "filepath": "src/components/datagrid/controls/display_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiDisplaySelector.buttonText", - "defString": "Display options", - "highlighting": "string", + "token": "euiPrettyDuration.nextDurationSeconds", + "defString": "({\n duration\n}) => `Next ${duration} second${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 393, - "column": 22, - "index": 11825 + "line": 35, + "column": 8, + "index": 1243 }, "end": { - "line": 396, + "line": 39, "column": 3, - "index": 11899 + "index": 1397 } }, - "filepath": "src/components/datagrid/controls/display_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiDisplaySelector.resetButtonText", - "defString": "Reset to default", - "highlighting": "string", + "token": "euiPrettyDuration.lastDurationMinutes", + "defString": "({\n duration\n}) => `Last ${duration} minute${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 472, - "column": 27, - "index": 14026 + "line": 40, + "column": 5, + "index": 1404 }, "end": { - "line": 475, + "line": 44, "column": 3, - "index": 14106 + "index": 1558 } }, - "filepath": "src/components/datagrid/controls/display_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiFullscreenSelector.fullscreenButton", - "defString": "Enter fullscreen", - "highlighting": "string", + "token": "euiPrettyDuration.nextDurationMinutes", + "defString": "({\n duration\n}) => `Next ${duration} minute${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 46, - "column": 53, - "index": 1444 + "line": 45, + "column": 8, + "index": 1568 }, "end": { - "line": 52, + "line": 49, "column": 3, - "index": 1618 + "index": 1722 } }, - "filepath": "src/components/datagrid/controls/fullscreen_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, - { - "token": "euiFullscreenSelector.fullscreenButtonActive", - "defString": "Exit fullscreen", - "highlighting": "string", + { + "token": "euiPrettyDuration.lastDurationHours", + "defString": "({\n duration\n}) => `Last ${duration} hour${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 46, - "column": 53, - "index": 1444 + "line": 50, + "column": 5, + "index": 1729 }, "end": { - "line": 52, + "line": 54, "column": 3, - "index": 1618 + "index": 1879 } }, - "filepath": "src/components/datagrid/controls/fullscreen_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiDataGridToolbarControl.badgeAriaLabel", - "defString": "Active: {count}", - "highlighting": "string", + "token": "euiPrettyDuration.nextDurationHours", + "defString": "({\n duration\n}) => `Next ${duration} hour${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 31, - "column": 25, - "index": 1211 + "line": 55, + "column": 8, + "index": 1889 }, "end": { - "line": 40, + "line": 59, "column": 3, - "index": 1441 + "index": 2039 } }, - "filepath": "src/components/datagrid/controls/data_grid_toolbar_control.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSortingDraggable.defaultSortAsc", - "defString": "A-Z", - "highlighting": "string", + "token": "euiPrettyDuration.lastDurationDays", + "defString": "({\n duration\n}) => `Last ${duration} day${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 27, - "column": 2, - "index": 1166 + "line": 60, + "column": 5, + "index": 2046 }, "end": { - "line": 27, - "column": 76, - "index": 1240 + "line": 64, + "column": 3, + "index": 2194 } }, - "filepath": "src/components/datagrid/controls/column_sorting_draggable.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSortingDraggable.defaultSortDesc", - "defString": "Z-A", - "highlighting": "string", + "token": "euiPrettyDuration.nexttDurationDays", + "defString": "({\n duration\n}) => `Next ${duration} day${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 30, - "column": 2, - "index": 1284 + "line": 65, + "column": 8, + "index": 2204 }, "end": { - "line": 30, - "column": 77, - "index": 1359 + "line": 69, + "column": 3, + "index": 2353 } }, - "filepath": "src/components/datagrid/controls/column_sorting_draggable.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSortingDraggable.dragHandleAriaLabel", - "defString": "Drag handle", - "highlighting": "string", + "token": "euiPrettyDuration.lastDurationWeeks", + "defString": "({\n duration\n}) => `Last ${duration} week${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 71, - "column": 30, - "index": 2323 + "line": 70, + "column": 5, + "index": 2360 }, "end": { "line": 74, "column": 3, - "index": 2409 + "index": 2510 } }, - "filepath": "src/components/datagrid/controls/column_sorting_draggable.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSortingDraggable.activeSortLabel", - "defString": "{display} is sorting this data grid", - "highlighting": "string", + "token": "euiPrettyDuration.nextDurationWeeks", + "defString": "({\n duration\n}) => `Next ${duration} week${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 120, - "column": 14, - "index": 3759 + "line": 75, + "column": 8, + "index": 2520 }, "end": { - "line": 124, - "column": 15, - "index": 3948 + "line": 79, + "column": 3, + "index": 2670 } }, - "filepath": "src/components/datagrid/controls/column_sorting_draggable.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSortingDraggable.removeSortLabel", - "defString": "Remove {display} from data grid sort", - "highlighting": "string", + "token": "euiPrettyDuration.lastDurationMonths", + "defString": "({\n duration\n}) => `Last ${duration} month${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 130, - "column": 12, - "index": 4136 + "line": 80, + "column": 5, + "index": 2677 }, "end": { - "line": 134, - "column": 13, - "index": 4318 + "line": 84, + "column": 3, + "index": 2829 } }, - "filepath": "src/components/datagrid/controls/column_sorting_draggable.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSortingDraggable.toggleLegend", - "defString": "Select sorting method for {display}", - "highlighting": "string", + "token": "euiPrettyDuration.nextDurationMonths", + "defString": "({\n duration\n}) => `Next ${duration} month${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 178, - "column": 12, - "index": 5821 + "line": 85, + "column": 8, + "index": 2839 }, "end": { - "line": 182, - "column": 13, - "index": 5999 + "line": 89, + "column": 3, + "index": 2991 } }, - "filepath": "src/components/datagrid/controls/column_sorting_draggable.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSelector.dragHandleAriaLabel", - "defString": "drag handle", - "highlighting": "string", + "token": "euiPrettyDuration.lastDurationYears", + "defString": "({\n duration\n}) => `Last ${duration} year${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 164, - "column": 30, - "index": 5119 + "line": 90, + "column": 5, + "index": 2998 }, "end": { - "line": 167, + "line": 94, "column": 3, - "index": 5197 + "index": 3148 } }, - "filepath": "src/components/datagrid/controls/column_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSelector.button", - "defString": "Columns", - "highlighting": "string", + "token": "euiPrettyDuration.nextDurationYears", + "defString": "({\n duration\n}) => `Next ${duration} year${duration === 1 ? '' : 's'}`;", + "highlighting": "code", "loc": { "start": { - "line": 203, - "column": 12, - "index": 6382 + "line": 95, + "column": 8, + "index": 3158 }, "end": { - "line": 203, - "column": 74, - "index": 6444 + "line": 99, + "column": 3, + "index": 3308 } }, - "filepath": "src/components/datagrid/controls/column_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSelector.search", - "defString": "Search", + "token": "euiPrettyDuration.durationRoundedToSecond", + "defString": "{prettyDuration} rounded to the second", "highlighting": "string", "loc": { "start": { - "line": 209, - "column": 12, - "index": 6590 + "line": 103, + "column": 5, + "index": 3390 }, "end": { - "line": 215, - "column": 13, - "index": 6802 + "line": 107, + "column": 3, + "index": 3523 } }, - "filepath": "src/components/datagrid/controls/column_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSelector.searchcolumns", - "defString": "Search columns", + "token": "euiPrettyDuration.durationRoundedToMinute", + "defString": "{prettyDuration} rounded to the minute", "highlighting": "string", "loc": { "start": { - "line": 209, - "column": 12, - "index": 6590 + "line": 108, + "column": 5, + "index": 3530 }, "end": { - "line": 215, - "column": 13, - "index": 6802 + "line": 112, + "column": 3, + "index": 3663 } }, - "filepath": "src/components/datagrid/controls/column_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSelector.selectAll", - "defString": "Show all", + "token": "euiPrettyDuration.durationRoundedToHour", + "defString": "{prettyDuration} rounded to the hour", "highlighting": "string", "loc": { "start": { - "line": 340, - "column": 18, - "index": 12118 + "line": 113, + "column": 5, + "index": 3670 }, "end": { - "line": 343, - "column": 20, - "index": 12242 + "line": 117, + "column": 3, + "index": 3799 } }, - "filepath": "src/components/datagrid/controls/column_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSelector.hideAll", - "defString": "Hide all", + "token": "euiPrettyDuration.durationRoundedToDay", + "defString": "{prettyDuration} rounded to the day", "highlighting": "string", "loc": { "start": { - "line": 353, - "column": 18, - "index": 12602 + "line": 118, + "column": 5, + "index": 3806 }, - "end": { - "line": 356, - "column": 20, - "index": 12724 + "end": { + "line": 122, + "column": 3, + "index": 3933 } }, - "filepath": "src/components/datagrid/controls/column_selector.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSorting.button", - "defString": "Sort fields", + "token": "euiPrettyDuration.durationRoundedToWeek", + "defString": "{prettyDuration} rounded to the week", "highlighting": "string", "loc": { "start": { - "line": 66, - "column": 30, - "index": 2120 + "line": 123, + "column": 5, + "index": 3940 }, "end": { - "line": 69, - "column": 5, - "index": 2190 + "line": 127, + "column": 3, + "index": 4069 } }, - "filepath": "src/components/datagrid/controls/column_sorting.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSorting.sortFieldAriaLabel", - "defString": "Sort by: ", + "token": "euiPrettyDuration.durationRoundedToMonth", + "defString": "{prettyDuration} rounded to the month", "highlighting": "string", "loc": { "start": { - "line": 70, - "column": 31, - "index": 2223 + "line": 128, + "column": 5, + "index": 4076 }, "end": { - "line": 73, - "column": 5, - "index": 2303 + "line": 132, + "column": 3, + "index": 4207 } }, - "filepath": "src/components/datagrid/controls/column_sorting.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSorting.emptySorting", - "defString": "Currently no fields are sorted", + "token": "euiPrettyDuration.durationRoundedToYear", + "defString": "{prettyDuration} rounded to the year", "highlighting": "string", "loc": { "start": { - "line": 220, - "column": 14, - "index": 6937 + "line": 133, + "column": 5, + "index": 4214 }, "end": { - "line": 223, - "column": 16, - "index": 7073 + "line": 137, + "column": 3, + "index": 4343 } }, - "filepath": "src/components/datagrid/controls/column_sorting.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSorting.pickFields", - "defString": "Pick fields to sort by", + "token": "euiPrettyDuration.now", + "defString": "now", "highlighting": "string", "loc": { "start": { - "line": 253, - "column": 24, - "index": 8304 + "line": 162, + "column": 21, + "index": 4794 }, "end": { - "line": 256, - "column": 26, - "index": 8460 + "line": 162, + "column": 63, + "index": 4836 } }, - "filepath": "src/components/datagrid/controls/column_sorting.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiColumnSorting.clearAll", - "defString": "Clear sorting", + "token": "euiPrettyDuration.invalid", + "defString": "Invalid date", "highlighting": "string", "loc": { "start": { - "line": 328, - "column": 20, - "index": 11814 + "line": 163, + "column": 29, + "index": 4867 }, "end": { - "line": 331, - "column": 22, - "index": 11947 + "line": 166, + "column": 3, + "index": 4934 } }, - "filepath": "src/components/datagrid/controls/column_sorting.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { - "token": "euiComboBoxPill.removeSelection", - "defString": "Remove {children} from selection in this group", + "token": "euiPrettyDuration.fallbackDuration", + "defString": "{displayFrom} to {displayTo}", "highlighting": "string", "loc": { "start": { - "line": 67, - "column": 6, - "index": 2037 + "line": 279, + "column": 27, + "index": 8267 }, "end": { - "line": 71, - "column": 7, - "index": 2196 + "line": 283, + "column": 3, + "index": 8391 } }, - "filepath": "src/components/combo_box/combo_box_input/combo_box_pill.tsx" + "filepath": "src/components/date_picker/super_date_picker/pretty_duration.tsx" }, { "token": "euiComboBoxOptionsList.loadingOptions", @@ -6479,6 +6515,24 @@ }, "filepath": "src/components/combo_box/combo_box_options_list/combo_box_options_list.tsx" }, + { + "token": "euiComboBoxPill.removeSelection", + "defString": "Remove {children} from selection in this group", + "highlighting": "string", + "loc": { + "start": { + "line": 67, + "column": 6, + "index": 2037 + }, + "end": { + "line": 71, + "column": 7, + "index": 2196 + } + }, + "filepath": "src/components/combo_box/combo_box_input/combo_box_pill.tsx" + }, { "token": "euiCardSelect.selected", "defString": "Selected", @@ -6552,903 +6606,903 @@ "filepath": "src/components/accordion/accordion_children/accordion_children_loading.tsx" }, { - "token": "euiRecentlyUsed.legend", - "defString": "Recently used date ranges", + "token": "euiDataGridHeaderCell.sortedByAscendingSingle", + "defString": "Sorted ascending", "highlighting": "string", "loc": { "start": { - "line": 33, + "line": 82, "column": 16, - "index": 1123 + "index": 2683 }, "end": { - "line": 36, - "column": 3, - "index": 1200 + "line": 86, + "column": 18, + "index": 2857 } }, - "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/recently_used.tsx" + "filepath": "src/components/datagrid/body/header/column_sorting.tsx" }, { - "token": "euiQuickSelectPopover.buttonLabel", - "defString": "Date quick select", + "token": "euiDataGridHeaderCell.sortedByDescendingSingle", + "defString": "Sorted descending", "highlighting": "string", "loc": { "start": { - "line": 97, - "column": 22, - "index": 3258 + "line": 90, + "column": 16, + "index": 2935 }, "end": { - "line": 100, - "column": 3, - "index": 3338 + "line": 94, + "column": 18, + "index": 3111 } }, - "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.tsx" + "filepath": "src/components/datagrid/body/header/column_sorting.tsx" }, { - "token": "euiQuickSelect.quickSelectTitle", - "defString": "Quick select", + "token": "euiDataGridHeaderCell.sortedByAscendingFirst", + "defString": "Sorted by {columnId}, ascending", "highlighting": "string", "loc": { "start": { - "line": 162, - "column": 10, - "index": 4691 + "line": 100, + "column": 16, + "index": 3257 }, "end": { - "line": 165, - "column": 12, - "index": 4799 + "line": 105, + "column": 18, + "index": 3485 } }, - "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" + "filepath": "src/components/datagrid/body/header/column_sorting.tsx" }, { - "token": "euiQuickSelect.previousLabel", - "defString": "Previous time window", + "token": "euiDataGridHeaderCell.sortedByDescendingFirst", + "defString": "Sorted by {columnId}, descending", "highlighting": "string", "loc": { "start": { - "line": 184, - "column": 12, - "index": 5381 + "line": 109, + "column": 16, + "index": 3563 }, "end": { - "line": 187, - "column": 13, - "index": 5499 + "line": 114, + "column": 18, + "index": 3793 } }, - "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" + "filepath": "src/components/datagrid/body/header/column_sorting.tsx" }, { - "token": "euiQuickSelect.nextLabel", - "defString": "Next time window", + "token": "euiDataGridHeaderCell.sortedByAscendingMultiple", + "defString": ", then sorted by {columnId}, ascending", "highlighting": "string", "loc": { "start": { - "line": 200, - "column": 12, - "index": 5965 + "line": 120, + "column": 16, + "index": 3922 }, "end": { - "line": 203, - "column": 13, - "index": 6075 + "line": 125, + "column": 18, + "index": 4160 } }, - "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" + "filepath": "src/components/datagrid/body/header/column_sorting.tsx" }, { - "token": "euiQuickSelect.tenseLabel", - "defString": "Time tense", + "token": "euiDataGridHeaderCell.sortedByDescendingMultiple", + "defString": ", then sorted by {columnId}, descending", "highlighting": "string", "loc": { "start": { - "line": 218, - "column": 12, - "index": 6597 + "line": 129, + "column": 16, + "index": 4238 }, "end": { - "line": 218, - "column": 76, - "index": 6661 + "line": 134, + "column": 18, + "index": 4478 } }, - "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" + "filepath": "src/components/datagrid/body/header/column_sorting.tsx" }, { - "token": "euiQuickSelect.valueLabel", - "defString": "Time value", + "token": "euiDataGridHeaderCell.actionsButtonAriaLabel", + "defString": "{title}. Click to view column header actions.", "highlighting": "string", "loc": { "start": { - "line": 233, - "column": 12, - "index": 7183 + "line": 116, + "column": 35, + "index": 3324 }, "end": { - "line": 233, - "column": 76, - "index": 7247 + "line": 120, + "column": 5, + "index": 3466 } }, - "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" + "filepath": "src/components/datagrid/body/header/column_actions.tsx" }, { - "token": "euiQuickSelect.unitLabel", - "defString": "Time unit", + "token": "euiDataGridHeaderCell.actionsEnterKeyInstructions", + "defString": "Press the Enter key to view this column's actions", "highlighting": "string", "loc": { "start": { - "line": 247, - "column": 12, - "index": 7729 + "line": 121, + "column": 40, + "index": 3508 }, "end": { - "line": 247, - "column": 74, - "index": 7791 + "line": 124, + "column": 5, + "index": 3642 } }, - "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" + "filepath": "src/components/datagrid/body/header/column_actions.tsx" }, { - "token": "euiQuickSelect.applyButton", - "defString": "Apply", + "token": "euiDataGridHeaderCell.actionsPopoverScreenReaderText", + "defString": "To navigate through the list of column actions, press the Tab or Up and Down arrow keys.", "highlighting": "string", "loc": { "start": { - "line": 270, - "column": 14, - "index": 8674 + "line": 284, + "column": 6, + "index": 8131 }, "end": { - "line": 270, - "column": 76, - "index": 8736 + "line": 287, + "column": 8, + "index": 8324 } }, - "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" + "filepath": "src/components/datagrid/body/header/column_actions.tsx" }, { - "token": "euiQuickSelect.fullDescription", - "defString": "Currently set to {timeTense} {timeValue} {timeUnit}.", + "token": "euiColumnActions.hideColumn", + "defString": "Hide column", "highlighting": "string", "loc": { "start": { - "line": 276, - "column": 12, - "index": 8893 + "line": 395, + "column": 6, + "index": 10912 }, "end": { - "line": 284, - "column": 14, - "index": 9167 + "line": 395, + "column": 75, + "index": 10981 } }, - "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" + "filepath": "src/components/datagrid/body/header/column_actions.tsx" }, { - "token": "euiCommonlyUsedTimeRanges.legend", - "defString": "Commonly used", + "token": "euiColumnActions.moveLeft", + "defString": "Move left", "highlighting": "string", "loc": { "start": { - "line": 27, - "column": 16, - "index": 995 + "line": 460, + "column": 13, + "index": 12685 }, "end": { - "line": 27, - "column": 79, - "index": 1058 + "line": 460, + "column": 78, + "index": 12750 } }, - "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/commonly_used_time_ranges.tsx" + "filepath": "src/components/datagrid/body/header/column_actions.tsx" }, { - "token": "euiRelativeTab.numberInputLabel", - "defString": "Time span amount", + "token": "euiColumnActions.moveRight", + "defString": "Move right", "highlighting": "string", "loc": { "start": { - "line": 126, - "column": 26, - "index": 3914 + "line": 482, + "column": 8, + "index": 13338 }, "end": { - "line": 129, - "column": 3, - "index": 3991 + "line": 482, + "column": 75, + "index": 13405 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx" + "filepath": "src/components/datagrid/body/header/column_actions.tsx" }, { - "token": "euiRelativeTab.numberInputError", - "defString": "Must be >= 0", + "token": "euiColumnActions.unsort", + "defString": "Unsort {schemaLabel}", "highlighting": "string", "loc": { "start": { - "line": 130, - "column": 27, - "index": 4020 + "line": 566, + "column": 8, + "index": 15564 }, "end": { - "line": 133, - "column": 3, - "index": 4093 + "line": 570, + "column": 10, + "index": 15708 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx" + "filepath": "src/components/datagrid/body/header/column_actions.tsx" }, { - "token": "euiRelativeTab.dateInputError", - "defString": "Must be a valid range", + "token": "euiColumnActions.sort", + "defString": "Sort {schemaLabel}", "highlighting": "string", "loc": { "start": { - "line": 134, - "column": 25, - "index": 4120 + "line": 572, + "column": 8, + "index": 15729 }, "end": { - "line": 137, - "column": 3, - "index": 4200 + "line": 576, + "column": 10, + "index": 15869 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx" + "filepath": "src/components/datagrid/body/header/column_actions.tsx" }, { - "token": "euiRelativeTab.unitInputLabel", - "defString": "Relative time span", + "token": "euiColumnActions.unsort", + "defString": "Unsort {schemaLabel}", "highlighting": "string", "loc": { "start": { - "line": 138, - "column": 30, - "index": 4232 + "line": 602, + "column": 8, + "index": 16517 }, "end": { - "line": 141, - "column": 3, - "index": 4309 + "line": 606, + "column": 10, + "index": 16661 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx" + "filepath": "src/components/datagrid/body/header/column_actions.tsx" }, { - "token": "euiRelativeTab.fullDescription", - "defString": "The unit is changeable. Currently set to {unit}.", + "token": "euiColumnActions.sort", + "defString": "Sort {schemaLabel}", "highlighting": "string", "loc": { "start": { - "line": 193, - "column": 12, - "index": 5951 + "line": 608, + "column": 8, + "index": 16682 }, "end": { - "line": 197, - "column": 14, - "index": 6132 + "line": 612, + "column": 10, + "index": 16822 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx" + "filepath": "src/components/datagrid/body/header/column_actions.tsx" }, { - "token": "euiDatePopoverContent.startDateLabel", - "defString": "Start date", + "token": "euiDataGridCell.focusTrapExitPrompt", + "defString": "Exited cell content.", "highlighting": "string", "loc": { "start": { - "line": 77, - "column": 25, - "index": 2286 + "line": 193, + "column": 10, + "index": 6845 }, "end": { - "line": 80, - "column": 3, - "index": 2362 + "line": 197, + "column": 12, + "index": 7016 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" + "filepath": "src/components/datagrid/body/cell/focus_utils.tsx" }, { - "token": "euiDatePopoverContent.endDateLabel", - "defString": "End date", + "token": "euiDataGridCell.focusTrapEnterPrompt", + "defString": "Press the Enter key to interact with this cell's contents.", "highlighting": "string", "loc": { "start": { - "line": 81, - "column": 23, - "index": 2387 + "line": 200, + "column": 10, + "index": 7067 }, "end": { - "line": 84, - "column": 3, - "index": 2459 + "line": 204, + "column": 12, + "index": 7277 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" + "filepath": "src/components/datagrid/body/cell/focus_utils.tsx" }, { - "token": "euiDatePopoverContent.absoluteTabLabel", - "defString": "Absolute", + "token": "euiDataGridCell.focusTrapEnteredExitPrompt", + "defString": "Press the Escape key to exit the cell.", "highlighting": "string", "loc": { "start": { - "line": 87, - "column": 24, - "index": 2562 + "line": 209, + "column": 10, + "index": 7383 }, "end": { - "line": 90, - "column": 3, - "index": 2638 + "line": 213, + "column": 12, + "index": 7579 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" + "filepath": "src/components/datagrid/body/cell/focus_utils.tsx" }, { - "token": "euiDatePopoverContent.relativeTabLabel", - "defString": "Relative", + "token": "euiDataGridCellActions.expandButtonTitle", + "defString": "Click or hit enter to interact with cell content", "highlighting": "string", "loc": { "start": { - "line": 91, - "column": 24, - "index": 2664 + "line": 50, + "column": 6, + "index": 1716 }, "end": { - "line": 94, - "column": 3, - "index": 2740 + "line": 54, + "column": 7, + "index": 1879 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" + "filepath": "src/components/datagrid/body/cell/data_grid_cell_actions.tsx" }, { - "token": "euiDatePopoverContent.nowTabLabel", - "defString": "Now", + "token": "euiDataGridCell.position", + "defString": "{columnName}, column {columnIndex}, row {rowIndex}", "highlighting": "string", "loc": { "start": { - "line": 95, - "column": 19, - "index": 2761 + "line": 748, + "column": 23, + "index": 23788 }, "end": { - "line": 95, - "column": 73, - "index": 2815 + "line": 752, + "column": 3, + "index": 23935 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" + "filepath": "src/components/datagrid/body/cell/data_grid_cell.tsx" }, { - "token": "euiDatePopoverContent.nowTabContent", - "defString": "Setting the time to \"now\" means that on every refresh this time will be set to the time of the refresh.", + "token": "euiDataGridCell.expansionEnterPrompt", + "defString": "Press the Enter key to expand this cell.", "highlighting": "string", "loc": { "start": { - "line": 145, - "column": 12, - "index": 4197 + "line": 753, + "column": 25, + "index": 23962 }, "end": { - "line": 148, - "column": 14, - "index": 4406 + "line": 756, + "column": 3, + "index": 24068 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" + "filepath": "src/components/datagrid/body/cell/data_grid_cell.tsx" }, { - "token": "euiDatePopoverContent.nowTabButtonStart", - "defString": "Set start date and time to now", + "token": "euiRecentlyUsed.legend", + "defString": "Recently used date ranges", "highlighting": "string", "loc": { "start": { - "line": 160, - "column": 14, - "index": 4696 + "line": 33, + "column": 16, + "index": 1123 }, "end": { - "line": 163, - "column": 16, - "index": 4842 + "line": 36, + "column": 3, + "index": 1200 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" + "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/recently_used.tsx" }, { - "token": "euiDatePopoverContent.nowTabButtonEnd", - "defString": "Set end date and time to now", + "token": "euiQuickSelectPopover.buttonLabel", + "defString": "Date quick select", "highlighting": "string", "loc": { "start": { - "line": 165, - "column": 14, - "index": 4875 + "line": 97, + "column": 22, + "index": 3258 }, "end": { - "line": 168, - "column": 16, - "index": 5017 + "line": 100, + "column": 3, + "index": 3338 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" + "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.tsx" }, { - "token": "euiDatePopoverButton.invalidTitle", - "defString": "Invalid date: {title}", + "token": "euiQuickSelect.quickSelectTitle", + "defString": "Quick select", "highlighting": "string", "loc": { "start": { - "line": 108, - "column": 23, - "index": 3102 + "line": 162, + "column": 10, + "index": 4691 }, "end": { - "line": 112, - "column": 3, - "index": 3201 + "line": 165, + "column": 12, + "index": 4799 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_button.tsx" + "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" }, { - "token": "euiDatePopoverButton.outdatedTitle", - "defString": "Update needed: {title}", + "token": "euiQuickSelect.previousLabel", + "defString": "Previous time window", "highlighting": "string", "loc": { "start": { - "line": 113, - "column": 24, - "index": 3227 + "line": 184, + "column": 12, + "index": 5381 }, "end": { - "line": 117, - "column": 3, - "index": 3328 + "line": 187, + "column": 13, + "index": 5499 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_button.tsx" + "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" }, { - "token": "euiAbsoluteTab.dateFormatButtonLabel", - "defString": "Parse date", + "token": "euiQuickSelect.nextLabel", + "defString": "Next time window", "highlighting": "string", "loc": { "start": { - "line": 96, - "column": 28, - "index": 2900 + "line": 200, + "column": 12, + "index": 5965 }, "end": { - "line": 99, - "column": 3, - "index": 2976 + "line": 203, + "column": 13, + "index": 6075 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/absolute_tab.tsx" + "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" }, { - "token": "euiAbsoluteTab.dateFormatError", - "defString": "Allowed formats: {dateFormat}, ISO 8601, RFC 2822, or Unix timestamp.", + "token": "euiQuickSelect.tenseLabel", + "defString": "Time tense", "highlighting": "string", "loc": { "start": { - "line": 100, - "column": 26, - "index": 3004 + "line": 218, + "column": 12, + "index": 6597 }, "end": { - "line": 104, - "column": 3, - "index": 3186 + "line": 218, + "column": 76, + "index": 6661 } }, - "filepath": "src/components/date_picker/super_date_picker/date_popover/absolute_tab.tsx" + "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" }, { - "token": "euiDataGridHeaderCell.sortedByAscendingSingle", - "defString": "Sorted ascending", + "token": "euiQuickSelect.valueLabel", + "defString": "Time value", "highlighting": "string", "loc": { "start": { - "line": 82, - "column": 16, - "index": 2683 + "line": 233, + "column": 12, + "index": 7183 }, "end": { - "line": 86, - "column": 18, - "index": 2857 + "line": 233, + "column": 76, + "index": 7247 } }, - "filepath": "src/components/datagrid/body/header/column_sorting.tsx" + "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" }, { - "token": "euiDataGridHeaderCell.sortedByDescendingSingle", - "defString": "Sorted descending", + "token": "euiQuickSelect.unitLabel", + "defString": "Time unit", "highlighting": "string", "loc": { "start": { - "line": 90, - "column": 16, - "index": 2935 + "line": 247, + "column": 12, + "index": 7729 }, "end": { - "line": 94, - "column": 18, - "index": 3111 + "line": 247, + "column": 74, + "index": 7791 } }, - "filepath": "src/components/datagrid/body/header/column_sorting.tsx" + "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" }, { - "token": "euiDataGridHeaderCell.sortedByAscendingFirst", - "defString": "Sorted by {columnId}, ascending", + "token": "euiQuickSelect.applyButton", + "defString": "Apply", "highlighting": "string", "loc": { "start": { - "line": 100, - "column": 16, - "index": 3257 + "line": 270, + "column": 14, + "index": 8674 }, "end": { - "line": 105, - "column": 18, - "index": 3485 + "line": 270, + "column": 76, + "index": 8736 } }, - "filepath": "src/components/datagrid/body/header/column_sorting.tsx" + "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" }, { - "token": "euiDataGridHeaderCell.sortedByDescendingFirst", - "defString": "Sorted by {columnId}, descending", + "token": "euiQuickSelect.fullDescription", + "defString": "Currently set to {timeTense} {timeValue} {timeUnit}.", "highlighting": "string", "loc": { "start": { - "line": 109, - "column": 16, - "index": 3563 + "line": 276, + "column": 12, + "index": 8893 }, "end": { - "line": 114, - "column": 18, - "index": 3793 + "line": 284, + "column": 14, + "index": 9167 } }, - "filepath": "src/components/datagrid/body/header/column_sorting.tsx" + "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/quick_select.tsx" }, { - "token": "euiDataGridHeaderCell.sortedByAscendingMultiple", - "defString": ", then sorted by {columnId}, ascending", + "token": "euiCommonlyUsedTimeRanges.legend", + "defString": "Commonly used", "highlighting": "string", "loc": { "start": { - "line": 120, + "line": 27, "column": 16, - "index": 3922 + "index": 995 }, "end": { - "line": 125, - "column": 18, - "index": 4160 + "line": 27, + "column": 79, + "index": 1058 } }, - "filepath": "src/components/datagrid/body/header/column_sorting.tsx" + "filepath": "src/components/date_picker/super_date_picker/quick_select_popover/commonly_used_time_ranges.tsx" }, { - "token": "euiDataGridHeaderCell.sortedByDescendingMultiple", - "defString": ", then sorted by {columnId}, descending", + "token": "euiRelativeTab.numberInputLabel", + "defString": "Time span amount", "highlighting": "string", "loc": { "start": { - "line": 129, - "column": 16, - "index": 4238 + "line": 126, + "column": 26, + "index": 3914 }, "end": { - "line": 134, - "column": 18, - "index": 4478 + "line": 129, + "column": 3, + "index": 3991 } }, - "filepath": "src/components/datagrid/body/header/column_sorting.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx" }, { - "token": "euiDataGridHeaderCell.actionsButtonAriaLabel", - "defString": "{title}. Click to view column header actions.", + "token": "euiRelativeTab.numberInputError", + "defString": "Must be >= 0", "highlighting": "string", "loc": { "start": { - "line": 116, - "column": 35, - "index": 3324 + "line": 130, + "column": 27, + "index": 4020 }, "end": { - "line": 120, - "column": 5, - "index": 3466 + "line": 133, + "column": 3, + "index": 4093 } }, - "filepath": "src/components/datagrid/body/header/column_actions.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx" }, { - "token": "euiDataGridHeaderCell.actionsEnterKeyInstructions", - "defString": "Press the Enter key to view this column's actions", + "token": "euiRelativeTab.dateInputError", + "defString": "Must be a valid range", "highlighting": "string", "loc": { "start": { - "line": 121, - "column": 40, - "index": 3508 + "line": 134, + "column": 25, + "index": 4120 }, "end": { - "line": 124, - "column": 5, - "index": 3642 + "line": 137, + "column": 3, + "index": 4200 } }, - "filepath": "src/components/datagrid/body/header/column_actions.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx" }, { - "token": "euiDataGridHeaderCell.actionsPopoverScreenReaderText", - "defString": "To navigate through the list of column actions, press the Tab or Up and Down arrow keys.", + "token": "euiRelativeTab.unitInputLabel", + "defString": "Relative time span", "highlighting": "string", "loc": { "start": { - "line": 284, - "column": 6, - "index": 8131 + "line": 138, + "column": 30, + "index": 4232 }, "end": { - "line": 287, - "column": 8, - "index": 8324 + "line": 141, + "column": 3, + "index": 4309 } }, - "filepath": "src/components/datagrid/body/header/column_actions.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx" }, { - "token": "euiColumnActions.hideColumn", - "defString": "Hide column", + "token": "euiRelativeTab.fullDescription", + "defString": "The unit is changeable. Currently set to {unit}.", "highlighting": "string", "loc": { "start": { - "line": 395, - "column": 6, - "index": 10912 + "line": 193, + "column": 12, + "index": 5951 }, "end": { - "line": 395, - "column": 75, - "index": 10981 + "line": 197, + "column": 14, + "index": 6132 } }, - "filepath": "src/components/datagrid/body/header/column_actions.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx" }, { - "token": "euiColumnActions.moveLeft", - "defString": "Move left", + "token": "euiDatePopoverContent.startDateLabel", + "defString": "Start date", "highlighting": "string", "loc": { "start": { - "line": 460, - "column": 13, - "index": 12685 + "line": 77, + "column": 25, + "index": 2286 }, "end": { - "line": 460, - "column": 78, - "index": 12750 + "line": 80, + "column": 3, + "index": 2362 } }, - "filepath": "src/components/datagrid/body/header/column_actions.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" }, { - "token": "euiColumnActions.moveRight", - "defString": "Move right", + "token": "euiDatePopoverContent.endDateLabel", + "defString": "End date", "highlighting": "string", "loc": { "start": { - "line": 482, - "column": 8, - "index": 13338 + "line": 81, + "column": 23, + "index": 2387 }, "end": { - "line": 482, - "column": 75, - "index": 13405 + "line": 84, + "column": 3, + "index": 2459 } }, - "filepath": "src/components/datagrid/body/header/column_actions.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" }, { - "token": "euiColumnActions.unsort", - "defString": "Unsort {schemaLabel}", + "token": "euiDatePopoverContent.absoluteTabLabel", + "defString": "Absolute", "highlighting": "string", "loc": { "start": { - "line": 566, - "column": 8, - "index": 15564 + "line": 87, + "column": 24, + "index": 2562 }, "end": { - "line": 570, - "column": 10, - "index": 15708 + "line": 90, + "column": 3, + "index": 2638 } }, - "filepath": "src/components/datagrid/body/header/column_actions.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" }, { - "token": "euiColumnActions.sort", - "defString": "Sort {schemaLabel}", + "token": "euiDatePopoverContent.relativeTabLabel", + "defString": "Relative", "highlighting": "string", "loc": { "start": { - "line": 572, - "column": 8, - "index": 15729 + "line": 91, + "column": 24, + "index": 2664 }, "end": { - "line": 576, - "column": 10, - "index": 15869 + "line": 94, + "column": 3, + "index": 2740 } }, - "filepath": "src/components/datagrid/body/header/column_actions.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" }, { - "token": "euiColumnActions.unsort", - "defString": "Unsort {schemaLabel}", + "token": "euiDatePopoverContent.nowTabLabel", + "defString": "Now", "highlighting": "string", "loc": { "start": { - "line": 602, - "column": 8, - "index": 16517 + "line": 95, + "column": 19, + "index": 2761 }, "end": { - "line": 606, - "column": 10, - "index": 16661 + "line": 95, + "column": 73, + "index": 2815 } }, - "filepath": "src/components/datagrid/body/header/column_actions.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" }, { - "token": "euiColumnActions.sort", - "defString": "Sort {schemaLabel}", + "token": "euiDatePopoverContent.nowTabContent", + "defString": "Setting the time to \"now\" means that on every refresh this time will be set to the time of the refresh.", "highlighting": "string", "loc": { "start": { - "line": 608, - "column": 8, - "index": 16682 + "line": 145, + "column": 12, + "index": 4197 }, "end": { - "line": 612, - "column": 10, - "index": 16822 + "line": 148, + "column": 14, + "index": 4406 } }, - "filepath": "src/components/datagrid/body/header/column_actions.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" }, { - "token": "euiDataGridCell.focusTrapExitPrompt", - "defString": "Exited cell content.", + "token": "euiDatePopoverContent.nowTabButtonStart", + "defString": "Set start date and time to now", "highlighting": "string", "loc": { "start": { - "line": 193, - "column": 10, - "index": 6845 + "line": 160, + "column": 14, + "index": 4696 }, "end": { - "line": 197, - "column": 12, - "index": 7016 + "line": 163, + "column": 16, + "index": 4842 } }, - "filepath": "src/components/datagrid/body/cell/focus_utils.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" }, { - "token": "euiDataGridCell.focusTrapEnterPrompt", - "defString": "Press the Enter key to interact with this cell's contents.", + "token": "euiDatePopoverContent.nowTabButtonEnd", + "defString": "Set end date and time to now", "highlighting": "string", "loc": { "start": { - "line": 200, - "column": 10, - "index": 7067 + "line": 165, + "column": 14, + "index": 4875 }, "end": { - "line": 204, - "column": 12, - "index": 7277 + "line": 168, + "column": 16, + "index": 5017 } }, - "filepath": "src/components/datagrid/body/cell/focus_utils.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_content.tsx" }, { - "token": "euiDataGridCell.focusTrapEnteredExitPrompt", - "defString": "Press the Escape key to exit the cell.", + "token": "euiDatePopoverButton.invalidTitle", + "defString": "Invalid date: {title}", "highlighting": "string", "loc": { "start": { - "line": 209, - "column": 10, - "index": 7383 + "line": 108, + "column": 23, + "index": 3102 }, "end": { - "line": 213, - "column": 12, - "index": 7579 + "line": 112, + "column": 3, + "index": 3201 } }, - "filepath": "src/components/datagrid/body/cell/focus_utils.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_button.tsx" }, { - "token": "euiDataGridCellActions.expandButtonTitle", - "defString": "Click or hit enter to interact with cell content", + "token": "euiDatePopoverButton.outdatedTitle", + "defString": "Update needed: {title}", "highlighting": "string", "loc": { "start": { - "line": 50, - "column": 6, - "index": 1716 + "line": 113, + "column": 24, + "index": 3227 }, "end": { - "line": 54, - "column": 7, - "index": 1879 + "line": 117, + "column": 3, + "index": 3328 } }, - "filepath": "src/components/datagrid/body/cell/data_grid_cell_actions.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/date_popover_button.tsx" }, { - "token": "euiDataGridCell.position", - "defString": "{columnName}, column {columnIndex}, row {rowIndex}", + "token": "euiAbsoluteTab.dateFormatButtonLabel", + "defString": "Parse date", "highlighting": "string", "loc": { "start": { - "line": 748, - "column": 23, - "index": 23788 + "line": 96, + "column": 28, + "index": 2900 }, "end": { - "line": 752, + "line": 99, "column": 3, - "index": 23935 + "index": 2976 } }, - "filepath": "src/components/datagrid/body/cell/data_grid_cell.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/absolute_tab.tsx" }, { - "token": "euiDataGridCell.expansionEnterPrompt", - "defString": "Press the Enter key to expand this cell.", + "token": "euiAbsoluteTab.dateFormatError", + "defString": "Allowed formats: {dateFormat}, ISO 8601, RFC 2822, or Unix timestamp.", "highlighting": "string", "loc": { "start": { - "line": 753, - "column": 25, - "index": 23962 + "line": 100, + "column": 26, + "index": 3004 }, "end": { - "line": 756, + "line": 104, "column": 3, - "index": 24068 + "index": 3186 } }, - "filepath": "src/components/datagrid/body/cell/data_grid_cell.tsx" + "filepath": "src/components/date_picker/super_date_picker/date_popover/absolute_tab.tsx" } ] \ No newline at end of file diff --git a/packages/eui/i18ntokens_changelog.json b/packages/eui/i18ntokens_changelog.json index e30e76c325af..2d5a20a10cd6 100644 --- a/packages/eui/i18ntokens_changelog.json +++ b/packages/eui/i18ntokens_changelog.json @@ -1,4 +1,24 @@ [ + { + "version": "118.0.0", + "changes": [ + { + "token": "euiFlyoutMenu.history.tooltip", + "changeType": "added", + "value": "Recently visited" + }, + { + "token": "euiFlyoutMenu.pagination.first", + "changeType": "added", + "value": "First" + }, + { + "token": "euiFlyoutMenu.pagination.last", + "changeType": "added", + "value": "Last" + } + ] + }, { "version": "118.0.0", "changes": [ diff --git a/packages/eui/src/components/context_menu/__snapshots__/context_menu_item.test.tsx.snap b/packages/eui/src/components/context_menu/__snapshots__/context_menu_item.test.tsx.snap index 31a0f43f3dc4..d1fd83377acb 100644 --- a/packages/eui/src/components/context_menu/__snapshots__/context_menu_item.test.tsx.snap +++ b/packages/eui/src/components/context_menu/__snapshots__/context_menu_item.test.tsx.snap @@ -95,57 +95,3 @@ exports[`EuiContextMenuItem renders 1`] = ` `; - -exports[`EuiContextMenuItem tooltip behavior 1`] = ` - -
- - - -
-
- - -`; diff --git a/packages/eui/src/components/context_menu/context_menu_item.test.tsx b/packages/eui/src/components/context_menu/context_menu_item.test.tsx index 6fa0f103d0ad..dfb5c6aa10fe 100644 --- a/packages/eui/src/components/context_menu/context_menu_item.test.tsx +++ b/packages/eui/src/components/context_menu/context_menu_item.test.tsx @@ -13,8 +13,16 @@ import { shouldRenderCustomStyles } from '../../test/internal'; import { requiredProps } from '../../test/required_props'; import { EuiContextMenuItem } from './context_menu_item'; +import { toolTipManager } from '../tool_tip/tool_tip_manager'; describe('EuiContextMenuItem', () => { + // The manager is a module-level singleton that suppresses the entry animation + // for a tooltip opened shortly after another closed. Without a reset, one + // test's tooltip leaks an inline `animation: none` into the next one. + beforeEach(() => { + toolTipManager.reset(); + }); + shouldRenderCustomStyles(); shouldRenderCustomStyles( @@ -143,18 +151,56 @@ describe('EuiContextMenuItem', () => { }); }); - test('tooltip behavior', () => { - const { getByRole, baseElement } = render( - - Hello - - ); + describe('tooltip behavior', () => { + const renderWithToolTip = () => + render( + + Hello + + ); + + it('renders no tooltip until the item is hovered', () => { + const { queryByRole } = renderWithToolTip(); + + expect(queryByRole('tooltip')).not.toBeInTheDocument(); + }); + + it('shows the tooltip title and content on hover', () => { + const { getByRole } = renderWithToolTip(); + + fireEvent.mouseOver(getByRole('button')); - fireEvent.mouseOver(getByRole('button')); + const tooltip = getByRole('tooltip'); + expect(tooltip).toHaveTextContent('Test'); + expect(tooltip).toHaveTextContent('tooltip content'); + }); + + it('describes the item with the tooltip for assistive technology', () => { + const { getByRole } = renderWithToolTip(); + + fireEvent.mouseOver(getByRole('button')); + + expect(getByRole('button')).toHaveAttribute( + 'aria-describedby', + getByRole('tooltip').id + ); + }); - expect(baseElement).toMatchSnapshot(); + it('forces the tooltip to the right, ignoring `toolTipProps.position`', () => { + const { getByRole } = renderWithToolTip(); + + fireEvent.mouseOver(getByRole('button')); + + expect(getByRole('tooltip')).toHaveAttribute('data-position', 'right'); + }); + + it('renders as a button so the tooltip is keyboard reachable', () => { + const { getByRole } = renderWithToolTip(); + + expect(getByRole('button')).toHaveAttribute('type', 'button'); + }); }); }); diff --git a/packages/eui/src/components/flyout/const.ts b/packages/eui/src/components/flyout/const.ts index 9eeae195ae96..3a102967628a 100644 --- a/packages/eui/src/components/flyout/const.ts +++ b/packages/eui/src/components/flyout/const.ts @@ -25,7 +25,7 @@ export type EuiFlyoutSize = (typeof FLYOUT_SIZES)[number]; /** Menu display mode: always render menu when flyoutMenuProps is provided. */ export const MENU_DISPLAY_ALWAYS = 'always' as const; -/** Menu display mode: only render menu when it has content (back button, history, title, or custom actions). */ +/** Menu display mode: only render menu when it has content (back button, history, title, or actions). */ export const MENU_DISPLAY_AUTO = 'auto' as const; /** Allowed flyout menu display modes. */ export const FLYOUT_MENU_DISPLAY_MODES = [ @@ -36,6 +36,11 @@ export const FLYOUT_MENU_DISPLAY_MODES = [ export type EuiFlyoutMenuDisplayMode = (typeof FLYOUT_MENU_DISPLAY_MODES)[number]; +/** + * Minimum number of history items required to render the flyout menu's history popover. + */ +export const MIN_HISTORY_ITEMS = 2; + /** Allowed padding sizes for flyout content. */ export const FLYOUT_PADDING_SIZES = ['none', 's', 'm', 'l'] as const; /** Type representing a supported flyout padding size. */ diff --git a/packages/eui/src/components/flyout/flyout.stories.tsx b/packages/eui/src/components/flyout/flyout.stories.tsx index 733bcaef3231..fb35ae97142d 100644 --- a/packages/eui/src/components/flyout/flyout.stories.tsx +++ b/packages/eui/src/components/flyout/flyout.stories.tsx @@ -24,7 +24,7 @@ import { DEFAULT_MENU_DISPLAY_MODE, FLYOUT_MENU_DISPLAY_MODES } from './const'; interface FlyoutStoryArgs extends EuiFlyoutProps { onToggle?: (open: boolean) => void; - showCustomActions?: boolean; + showTrailingActions?: boolean; } const meta: Meta = { @@ -38,7 +38,7 @@ const meta: Meta = { control: { type: 'radio' }, description: 'The display mode of the flyout menu.', }, - showCustomActions: { control: 'boolean' }, + showTrailingActions: { control: 'boolean' }, }, args: { // Component defaults @@ -53,7 +53,7 @@ const meta: Meta = { hideCloseButton: false, ownFocus: true, flyoutMenuDisplayMode: DEFAULT_MENU_DISPLAY_MODE, - showCustomActions: true, + showTrailingActions: true, }, parameters: { vrt: { @@ -68,16 +68,18 @@ type Story = StoryObj; const onClose = action('onClose'); -const customActions = [ +const trailingActions = [ { iconType: 'gear', onClick: () => action('Settings clicked')(), 'aria-label': 'Settings', + toolTipContent: 'Settings', }, ]; const StatefulFlyout = (props: Partial) => { - const { onToggle, flyoutMenuDisplayMode, showCustomActions, ...rest } = props; + const { onToggle, flyoutMenuDisplayMode, showTrailingActions, ...rest } = + props; const [_isOpen, setIsOpen] = useState(true); const handleToggle = (open: boolean) => { @@ -94,7 +96,7 @@ const StatefulFlyout = (props: Partial) => { { diff --git a/packages/eui/src/components/flyout/flyout.test.tsx b/packages/eui/src/components/flyout/flyout.test.tsx index b2ce96a9b16c..07dea4c743f3 100644 --- a/packages/eui/src/components/flyout/flyout.test.tsx +++ b/packages/eui/src/components/flyout/flyout.test.tsx @@ -247,7 +247,7 @@ describe('EuiFlyout', () => { {}} flyoutMenuProps={{ - customActions: [ + trailingActions: [ { iconType: 'gear', onClick: () => {}, @@ -941,6 +941,45 @@ describe('EuiFlyout', () => { expect(dialog).toHaveAttribute('aria-label', 'Test flyout'); expect(dialog).toHaveAttribute('data-managed-flyout-level', 'main'); }); + + it('only renders the history popover once more than two sessions are in history', () => { + const sharedKey = Symbol(); + const Sessions = ({ count }: { count: number }) => ( + + {Array.from({ length: count }, (_, index) => ( + {}} + flyoutMenuProps={{ title: `Session ${index + 1}` }} + aria-label={`Session ${index + 1}`} + > + Content + + ))} + + ); + + const { queryAllByTestSubject, rerender } = render( + + ); + + // Two sessions leaves a single history entry, which the back button + // already navigates to + expect( + queryAllByTestSubject('euiFlyoutMenuBackButton').length + ).toBeGreaterThan(0); + expect(queryAllByTestSubject('euiFlyoutMenuHistoryButton')).toHaveLength( + 0 + ); + + rerender(); + + expect( + queryAllByTestSubject('euiFlyoutMenuHistoryButton').length + ).toBeGreaterThan(0); + }); }); describe('ref forwarding', () => { diff --git a/packages/eui/src/components/flyout/flyout_menu.stories.tsx b/packages/eui/src/components/flyout/flyout_menu.stories.tsx index 16dda5fb0873..a2bc3430e34f 100644 --- a/packages/eui/src/components/flyout/flyout_menu.stories.tsx +++ b/packages/eui/src/components/flyout/flyout_menu.stories.tsx @@ -19,42 +19,119 @@ import { EuiFlyoutBody } from './flyout_body'; import { EuiFlyoutMenu, EuiFlyoutMenuProps } from './flyout_menu'; import { EuiFlyoutHeader } from './flyout_header'; +type PaginationVariant = 'default' | 'jump'; + interface Args extends EuiFlyoutMenuProps { - showCustomActions: boolean; - showHistoryItems: boolean; + leadingActionCount: number; + trailingActionCount: number; + historyItemCount: number; + paginationTotal: number; + paginationVariant: PaginationVariant; } +const COUNT_CONTROL = { + control: { type: 'range' as const, min: 0, max: 4, step: 1 }, +}; + +const PAGINATION_TOTAL_CONTROL = { + control: { type: 'range' as const, min: 1, max: 42, step: 1 }, +}; + const meta: Meta = { title: 'Layout/EuiFlyout/EuiFlyoutMenu', component: EuiFlyoutMenu, argTypes: { - hideTitle: { control: 'boolean' }, - showBackButton: { control: 'boolean' }, - showCustomActions: { control: 'boolean' }, + leadingActionCount: { + ...COUNT_CONTROL, + description: + 'Story-only control for the number of `leadingActions` to render.', + }, + trailingActionCount: { + ...COUNT_CONTROL, + description: + 'Story-only control for the number of `trailingActions` to render.', + }, + historyItemCount: { + ...COUNT_CONTROL, + description: + 'Story-only control for the number of `historyItems` to pass. Mirroring managed session flyouts, `showBackButton` is derived from this: the back button appears from one item, while the history popover only appears from two, since a single item would duplicate the back button.', + }, + paginationTotal: { + ...PAGINATION_TOTAL_CONTROL, + description: + 'Story-only control for the number of pages passed to `pagination.total`. Only used by the "Pagination (prop-based)" story.', + }, + paginationVariant: { + control: { type: 'radio' as const }, + options: ['default', 'jump'] as PaginationVariant[], + description: + 'Story-only control for the shape of the pagination controls. "jump" adds `pagination.onFirst`/`onLast` for jumping to the beginning and end of the list.', + }, 'aria-label': { table: { disable: true } }, + showBackButton: { table: { disable: true } }, backButtonProps: { table: { disable: true } }, + trailingActions: { table: { disable: true } }, customActions: { table: { disable: true } }, + leadingActions: { table: { disable: true } }, historyItems: { table: { disable: true } }, + pagination: { table: { disable: true } }, + hideCloseButton: { table: { disable: true } }, + hideTitle: { table: { disable: true } }, }, args: { - hideCloseButton: false, - showBackButton: true, - showCustomActions: true, - showHistoryItems: true, - hideTitle: true, + leadingActionCount: 1, + trailingActionCount: 2, + historyItemCount: 3, }, }; export default meta; +const LEADING_ACTION_POOL = [ + { iconType: 'documents', label: 'View surrounding documents' }, + { iconType: 'pin', label: 'Pin' }, + { iconType: 'tag', label: 'Tag' }, + { iconType: 'download', label: 'Download' }, +]; + +const TRAILING_ACTION_POOL = [ + { iconType: 'minimize', label: 'Minimize' }, + { iconType: 'gear', label: 'Settings' }, + { iconType: 'broom', label: 'Clear' }, + { iconType: 'share', label: 'Share' }, +]; + +const HISTORY_ITEM_POOL = [ + 'First item', + 'Second item', + 'Third item', + 'Fourth item', +]; + +const buildHistoryItems = (count: number) => + HISTORY_ITEM_POOL.slice(0, count).map((title) => ({ + title, + onClick: () => { + action('history item')(`${title} clicked`); + }, + })); + +const buildActions = ( + pool: typeof LEADING_ACTION_POOL, + count: number, + actionName: string +) => + pool.slice(0, count).map(({ iconType, label }) => ({ + iconType, + onClick: () => { + action(actionName)(`${label} clicked`); + }, + 'aria-label': label, + toolTipContent: label, + })); + const MenuBarFlyout = (args: Args) => { - const { - hideTitle, - hideCloseButton, - showBackButton, - showCustomActions, - showHistoryItems, - } = args; + const { leadingActionCount, trailingActionCount, historyItemCount } = args; const [isFlyoutOpen, setIsFlyoutOpen] = useState(true); const openFlyout = () => setIsFlyoutOpen(true); @@ -68,22 +145,22 @@ const MenuBarFlyout = (args: Args) => { }, }; - const historyItems = showHistoryItems - ? ['First item', 'Second item', 'Third item'].map((title) => ({ - title, - onClick: () => { - action('history item')(`${title} clicked`); - }, - })) - : undefined; + const historyItems = buildHistoryItems(historyItemCount); - const customActions = ['gear', 'broom'].map((iconType) => ({ - iconType, - onClick: () => { - action('custom action')(`${iconType} action clicked`); - }, - 'aria-label': `${iconType} action`, - })); + // Managed session flyouts derive this from history depth rather than + // accepting it from the consumer; mirror that here. + const showBackButton = historyItems.length > 0; + + const leadingActions = buildActions( + LEADING_ACTION_POOL, + leadingActionCount, + 'leading action' + ); + const trailingActions = buildActions( + TRAILING_ACTION_POOL, + trailingActionCount, + 'trailing action' + ); const titleId = 'menu-bar-example-main-title'; @@ -105,21 +182,18 @@ const MenuBarFlyout = (args: Args) => { flyoutMenuProps={{ title: 'Flyout title', titleId, - hideTitle, - hideCloseButton, showBackButton, backButtonProps, historyItems, - customActions: showCustomActions ? customActions : undefined, + leadingActions, + trailingActions, }} > - {hideTitle && ( - - -

Simple flyout header

- - - )} + + +

Simple flyout header

+ +

Simple flyout content.

@@ -132,13 +206,17 @@ const MenuBarFlyout = (args: Args) => { ); }; -export const MenuBarExample: StoryObj = { - name: 'Playground', +export const Playground: StoryObj = { parameters: { vrt: { selector: VRT_SELECTORS.portal, }, }, + argTypes: { + // Not applicable outside the "Pagination (prop-based)" story + paginationTotal: { table: { disable: true } }, + paginationVariant: { table: { disable: true } }, + }, render: (args) => , }; @@ -165,11 +243,44 @@ const PAGINATION_ITEMS = [ }, ]; -const PaginationFlyout = () => { +// Beyond the pool, cycle through it again but keep each page's title unique +// so it's obvious the control is actually changing pages. +const getPaginationItem = (index: number) => { + const item = PAGINATION_ITEMS[index % PAGINATION_ITEMS.length]; + return index < PAGINATION_ITEMS.length + ? item + : { ...item, title: `${item.title} #${index + 1}` }; +}; + +const PaginationFlyout = ({ + leadingActionCount, + trailingActionCount, + paginationTotal, + paginationVariant, +}: Pick< + Args, + | 'leadingActionCount' + | 'trailingActionCount' + | 'paginationTotal' + | 'paginationVariant' +>) => { const [isFlyoutOpen, setIsFlyoutOpen] = useState(true); const [currentIndex, setCurrentIndex] = useState(0); - const total = PAGINATION_ITEMS.length; - const item = PAGINATION_ITEMS[currentIndex]; + const total = paginationTotal; + // Clamp in case the total shrinks below the page the user was viewing. + const safeIndex = Math.min(currentIndex, total - 1); + const item = getPaginationItem(safeIndex); + + const leadingActions = buildActions( + LEADING_ACTION_POOL, + leadingActionCount, + 'leading action' + ); + const trailingActions = buildActions( + TRAILING_ACTION_POOL, + trailingActionCount, + 'trailing action' + ); return ( <> @@ -185,11 +296,17 @@ const PaginationFlyout = () => { aria-label="Item details" flyoutMenuProps={{ pagination: { - currentIndex, + currentIndex: safeIndex, total, - onPrevious: () => setCurrentIndex((i) => Math.max(0, i - 1)), - onNext: () => setCurrentIndex((i) => Math.min(total - 1, i + 1)), + onPrevious: () => setCurrentIndex(Math.max(0, safeIndex - 1)), + onNext: () => setCurrentIndex(Math.min(total - 1, safeIndex + 1)), + ...(paginationVariant === 'jump' && { + onFirst: () => setCurrentIndex(0), + onLast: () => setCurrentIndex(total - 1), + }), }, + leadingActions, + trailingActions, }} > @@ -208,10 +325,32 @@ const PaginationFlyout = () => { ); }; -export const PaginationExample: StoryObj = { +export const PaginationExample: StoryObj = { name: 'Pagination (prop-based)', parameters: { vrt: { selector: VRT_SELECTORS.portal }, }, - render: () => , + argTypes: { + // Not applicable outside the "Playground" story + historyItemCount: { table: { disable: true } }, + }, + args: { + leadingActionCount: 1, + trailingActionCount: 0, + paginationTotal: 5, + paginationVariant: 'default', + }, + render: ({ + leadingActionCount, + trailingActionCount, + paginationTotal, + paginationVariant, + }) => ( + + ), }; diff --git a/packages/eui/src/components/flyout/flyout_menu.test.tsx b/packages/eui/src/components/flyout/flyout_menu.test.tsx index 47f2922fa1ea..55c381d4e522 100644 --- a/packages/eui/src/components/flyout/flyout_menu.test.tsx +++ b/packages/eui/src/components/flyout/flyout_menu.test.tsx @@ -7,7 +7,7 @@ */ import React from 'react'; -import { fireEvent } from '@testing-library/react'; +import { fireEvent, waitFor } from '@testing-library/react'; import { render, screen, waitForEuiPopoverOpen } from '../../test/rtl'; import { requiredProps } from '../../test'; @@ -189,7 +189,7 @@ describe('EuiFlyoutMenu', () => { ).not.toBeInTheDocument(); }); - it('renders history popover when historyItems are provided', () => { + it('renders history popover when at least two historyItems are provided', () => { const { container } = renderWithContext( ); @@ -199,6 +199,22 @@ describe('EuiFlyoutMenu', () => { ).toBeInTheDocument(); }); + it('does not render history popover for a single historyItem', () => { + const { container, getByTestSubject } = renderWithContext( + + ); + + expect( + container.querySelector('[aria-label="History"]') + ).not.toBeInTheDocument(); + // the back button already navigates to that single item + expect(getByTestSubject('euiFlyoutMenuBackButton')).toBeInTheDocument(); + }); + it('renders history items with iconType as list group item icons', async () => { const itemsWithIcon = [ { @@ -232,49 +248,325 @@ describe('EuiFlyoutMenu', () => { secondItem.querySelector('.euiListGroupItem__icon') ).not.toBeInTheDocument(); }); + + it('uses the clockCounter icon for the history trigger', async () => { + const { container } = renderWithContext( + + ); + + const historyButton = container.querySelector('[aria-label="History"]'); + await waitFor(() => { + expect( + historyButton?.querySelector('[data-euiicon-type="clockCounter"]') + ).toBeInTheDocument(); + }); + }); + + it('shows a "Recently visited" tooltip on hover of the history trigger', () => { + const { getByTestSubject, getByRole } = renderWithContext( + + ); + + fireEvent.mouseOver(getByTestSubject('euiFlyoutMenuHistoryButton')); + + expect(getByRole('tooltip')).toHaveTextContent('Recently visited'); + }); }); - describe('custom actions', () => { - const customActions = [ + describe('leadingActions and trailingActions', () => { + const leadingActions = [ { - iconType: 'gear', + iconType: 'documents', onClick: jest.fn(), - 'aria-label': 'Settings', + 'aria-label': 'View surrounding documents', }, + ]; + const trailingActions = [ { - iconType: 'share', + iconType: 'minimize', onClick: jest.fn(), - 'aria-label': 'Share', + 'aria-label': 'Minimize', + toolTipContent: 'Minimize', }, ]; - it('does not render custom actions when not provided', () => { + it('renders leadingActions and calls their onClick handlers', () => { const { container } = renderWithContext( - + + ); + + const button = container.querySelector( + '[aria-label="View surrounding documents"]' ); + expect(button).toBeInTheDocument(); - expect(container.querySelectorAll('.euiButtonIcon').length).toBe(1); // Only close button + button?.dispatchEvent(new MouseEvent('click', { bubbles: true })); + expect(leadingActions[0].onClick).toHaveBeenCalledTimes(1); }); - it('renders custom action buttons', () => { + it('renders trailingActions and calls their onClick handlers', () => { const { container } = renderWithContext( - + ); - const buttons = container.querySelectorAll('.euiButtonIcon'); - // Should have 2 custom actions + 1 close button = 3 total - expect(buttons.length).toBeGreaterThanOrEqual(2); + const button = container.querySelector('[aria-label="Minimize"]'); + expect(button).toBeInTheDocument(); + + button?.dispatchEvent(new MouseEvent('click', { bubbles: true })); + expect(trailingActions[0].onClick).toHaveBeenCalledTimes(1); }); - it('calls onClick when custom action is clicked', () => { + it('renders both leadingActions and trailingActions together', () => { const { container } = renderWithContext( - + ); - const settingsButton = container.querySelector('[aria-label="Settings"]'); - settingsButton?.dispatchEvent(new MouseEvent('click', { bubbles: true })); + expect( + container.querySelector('[aria-label="View surrounding documents"]') + ).toBeInTheDocument(); + expect( + container.querySelector('[aria-label="Minimize"]') + ).toBeInTheDocument(); + }); + + it('shows a tooltip when toolTipContent is provided', () => { + const { getByRole } = renderWithContext( + + ); + + const button = screen.getByLabelText('Minimize'); + fireEvent.mouseOver(button); + + expect(getByRole('tooltip')).toHaveTextContent('Minimize'); + }); + + it('does not render a tooltip when toolTipContent is not provided', () => { + const { queryByRole } = renderWithContext( + + ); + + const button = screen.getByLabelText('View surrounding documents'); + fireEvent.mouseOver(button); + + expect(queryByRole('tooltip')).not.toBeInTheDocument(); + }); + + it('forwards toolTipProps to the underlying EuiToolTip', () => { + const actionsWithToolTipProps = [ + { + iconType: 'minimize', + onClick: jest.fn(), + 'aria-label': 'Minimize', + toolTipContent: 'Minimize', + toolTipProps: { position: 'left' as const }, + }, + ]; + + const { getByRole } = renderWithContext( + + ); + + fireEvent.mouseOver(screen.getByLabelText('Minimize')); + + expect(getByRole('tooltip').className).toContain('euiToolTip-left'); + }); + + it('falls back to the deprecated customActions alias when trailingActions is not supplied', () => { + const deprecatedCustomActions = [ + { iconType: 'gear', onClick: jest.fn(), 'aria-label': 'Settings' }, + ]; + + const { container } = renderWithContext( + + ); + + expect( + container.querySelector('[aria-label="Settings"]') + ).toBeInTheDocument(); + }); + + it('prefers trailingActions over the deprecated customActions alias when both are supplied', () => { + const deprecatedCustomActions = [ + { iconType: 'gear', onClick: jest.fn(), 'aria-label': 'Settings' }, + ]; + + const { container } = renderWithContext( + + ); + + expect( + container.querySelector('[aria-label="Minimize"]') + ).toBeInTheDocument(); + expect( + container.querySelector('[aria-label="Settings"]') + ).not.toBeInTheDocument(); + }); + }); + + describe('control-group dividers', () => { + const leadingActions = [ + { + iconType: 'documents', + onClick: jest.fn(), + 'aria-label': 'View surrounding documents', + }, + ]; + const trailingActions = [ + { iconType: 'minimize', onClick: jest.fn(), 'aria-label': 'Minimize' }, + ]; + const historyItems = [ + { title: 'History 1', onClick: jest.fn() }, + { title: 'History 2', onClick: jest.fn() }, + ]; + + it('renders a divider between the back button and history when both are present', () => { + const { container } = renderWithContext( + + ); + + expect( + container.querySelectorAll('.euiFlyoutMenu__divider') + ).toHaveLength(1); + }); + + it('does not render a divider when only the back button is present', () => { + const { container } = renderWithContext( + + ); + + expect( + container.querySelectorAll('.euiFlyoutMenu__divider') + ).toHaveLength(0); + }); + + it('does not render a divider when a single history item suppresses the popover', () => { + const { container } = renderWithContext( + + ); + + expect( + container.querySelectorAll('.euiFlyoutMenu__divider') + ).toHaveLength(0); + }); + + it('does not render a divider when only history is present', () => { + const { container } = renderWithContext( + + ); + + expect( + container.querySelectorAll('.euiFlyoutMenu__divider') + ).toHaveLength(0); + }); + + it('renders a divider between built-in leading controls and leadingActions', () => { + const { container } = renderWithContext( + + ); - expect(customActions[0].onClick).toHaveBeenCalledTimes(1); + expect( + container.querySelectorAll('.euiFlyoutMenu__divider') + ).toHaveLength(1); + }); + + it('does not render a divider when leadingActions is present without built-in leading controls', () => { + const { container } = renderWithContext( + + ); + + expect( + container.querySelectorAll('.euiFlyoutMenu__divider') + ).toHaveLength(0); + }); + + it('renders a divider between trailingActions and the close button', () => { + const { container } = renderWithContext( + + ); + + expect( + container.querySelectorAll('.euiFlyoutMenu__divider') + ).toHaveLength(1); + }); + + it('does not render a trailing divider when the close button is hidden', () => { + const { container } = renderWithContext( + + ); + + expect( + container.querySelectorAll('.euiFlyoutMenu__divider') + ).toHaveLength(0); + }); + + it('does not render a trailing divider when trailingActions is empty', () => { + const { container } = renderWithContext(); + + expect( + container.querySelectorAll('.euiFlyoutMenu__divider') + ).toHaveLength(0); + }); + + it('renders both leading and trailing dividers independently when leadingActions is absent but trailing content exists', () => { + const { container } = renderWithContext( + + ); + + // Only the trailing/close divider should render since leadingActions is absent + expect( + container.querySelectorAll('.euiFlyoutMenu__divider') + ).toHaveLength(1); + }); + + it('renders both boundary dividers when all groups are present', () => { + const { container } = renderWithContext( + + ); + + // back|history + built-in|leading + trailing|close + expect( + container.querySelectorAll('.euiFlyoutMenu__divider') + ).toHaveLength(3); }); }); @@ -353,12 +645,157 @@ describe('EuiFlyoutMenu', () => { expect(pagination.onNext).toHaveBeenCalledTimes(1); }); + it('disables screen reader output for the Prev/Next tooltips', () => { + const { getByTestSubject } = renderWithContext( + + ); + + fireEvent.mouseOver(getByTestSubject('euiFlyoutMenuPaginationNext')); + + expect( + getByTestSubject('euiFlyoutMenuPaginationNext') + ).not.toHaveAttribute('aria-describedby'); + }); + it('hides the back button when pagination is provided (pagination replaces navigation per design spec)', () => { const { queryByText } = renderWithContext( ); expect(queryByText('Back')).not.toBeInTheDocument(); }); + + it('defaults to chevron up/down icons', () => { + const { container } = renderWithContext( + + ); + + expect( + container.querySelector( + '[data-test-subj="euiFlyoutMenuPaginationPrev"] [data-euiicon-type="chevronSingleUp"]' + ) + ).toBeInTheDocument(); + expect( + container.querySelector( + '[data-test-subj="euiFlyoutMenuPaginationNext"] [data-euiicon-type="chevronSingleDown"]' + ) + ).toBeInTheDocument(); + }); + + it('omits the First/Last buttons unless onFirst/onLast are provided', () => { + const { queryByTestSubject } = renderWithContext( + + ); + + expect( + queryByTestSubject('euiFlyoutMenuPaginationFirst') + ).not.toBeInTheDocument(); + expect( + queryByTestSubject('euiFlyoutMenuPaginationLast') + ).not.toBeInTheDocument(); + }); + + describe('jump to first/last', () => { + const onFirst = jest.fn(); + const onLast = jest.fn(); + const jumpPagination = { ...pagination, onFirst, onLast }; + + beforeEach(() => { + onFirst.mockClear(); + onLast.mockClear(); + }); + + it('calls onFirst and onLast when the jump buttons are clicked', () => { + const { getByTestSubject } = renderWithContext( + + ); + + fireEvent.click(getByTestSubject('euiFlyoutMenuPaginationFirst')); + fireEvent.click(getByTestSubject('euiFlyoutMenuPaginationLast')); + + expect(onFirst).toHaveBeenCalledTimes(1); + expect(onLast).toHaveBeenCalledTimes(1); + }); + + it('defaults to limit icons for the jump buttons', () => { + const { container } = renderWithContext( + + ); + + expect( + container.querySelector( + '[data-test-subj="euiFlyoutMenuPaginationFirst"] [data-euiicon-type="chevronLimitLeft"]' + ) + ).toBeInTheDocument(); + expect( + container.querySelector( + '[data-test-subj="euiFlyoutMenuPaginationLast"] [data-euiicon-type="chevronLimitRight"]' + ) + ).toBeInTheDocument(); + }); + + it('switches the Prev/Next defaults to left/right chevrons', () => { + const { container } = renderWithContext( + + ); + + expect( + container.querySelector( + '[data-test-subj="euiFlyoutMenuPaginationPrev"] [data-euiicon-type="chevronSingleLeft"]' + ) + ).toBeInTheDocument(); + expect( + container.querySelector( + '[data-test-subj="euiFlyoutMenuPaginationNext"] [data-euiicon-type="chevronSingleRight"]' + ) + ).toBeInTheDocument(); + }); + + it('disables the First button at the beginning of the list', () => { + const { getByTestSubject } = renderWithContext( + + ); + + expect(getByTestSubject('euiFlyoutMenuPaginationFirst')).toBeDisabled(); + expect( + getByTestSubject('euiFlyoutMenuPaginationLast') + ).not.toBeDisabled(); + }); + + it('disables the Last button at the end of the list', () => { + const { getByTestSubject } = renderWithContext( + + ); + + expect( + getByTestSubject('euiFlyoutMenuPaginationFirst') + ).not.toBeDisabled(); + expect(getByTestSubject('euiFlyoutMenuPaginationLast')).toBeDisabled(); + }); + }); + + it('still renders the pagination controls when there is only one item', () => { + const { getAllByText, container } = renderWithContext( + + ); + + expect(getAllByText('1 of 1').length).toBeGreaterThanOrEqual(1); + expect( + container.querySelector( + '[data-test-subj="euiFlyoutMenuPaginationPrev"]' + ) + ).toBeDisabled(); + expect( + container.querySelector( + '[data-test-subj="euiFlyoutMenuPaginationNext"]' + ) + ).toBeDisabled(); + }); }); describe('accessibility', () => { @@ -395,13 +832,13 @@ describe('EuiFlyoutMenu', () => { expect(backButton).toBeInTheDocument(); }); - it('provides aria-labels for custom actions', () => { - const customActions = [ + it('provides aria-labels for trailing actions', () => { + const trailingActions = [ { iconType: 'gear', onClick: jest.fn(), 'aria-label': 'Settings' }, ]; const { container } = renderWithContext( - + ); const settingsButton = container.querySelector('[aria-label="Settings"]'); diff --git a/packages/eui/src/components/flyout/flyout_menu.tsx b/packages/eui/src/components/flyout/flyout_menu.tsx deleted file mode 100644 index 10bdf736bc66..000000000000 --- a/packages/eui/src/components/flyout/flyout_menu.tsx +++ /dev/null @@ -1,403 +0,0 @@ -/* - * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one - * or more contributor license agreements. Licensed under the Elastic License - * 2.0 and the Server Side Public License, v 1; you may not use this file except - * in compliance with, at your election, the Elastic License 2.0 or the Server - * Side Public License, v 1. - */ - -import classNames from 'classnames'; -import React, { - FunctionComponent, - HTMLAttributes, - useContext, - useState, -} from 'react'; - -import { useEuiMemoizedStyles } from '../../services'; -import { EuiButtonEmpty, EuiButtonIcon, EuiButtonProps } from '../button'; -import { CommonProps, PropsForAnchor } from '../common'; -import { EuiFlexGroup, EuiFlexItem } from '../flex'; -import { EuiListGroup, EuiListGroupItem } from '../list_group'; -import { EuiPopover } from '../popover'; -import { EuiScreenReaderLive } from '../accessibility'; -import { EuiText } from '../text'; -import { EuiTitle } from '../title'; -import { EuiToolTip } from '../tool_tip'; -import { EuiFlyoutCloseButton } from './_flyout_close_button'; -import { euiFlyoutMenuStyles } from './flyout_menu.styles'; -import { EuiFlyoutMenuContext } from './flyout_menu_context'; -import type { EuiFlyoutCloseEvent } from './types'; -import { EuiI18n, useEuiI18n } from '../i18n'; -import type { IconType } from '../icon'; - -type EuiFlyoutMenuBackButtonProps = Pick< - PropsForAnchor, - 'aria-label' | 'data-test-subj' | 'onClick' ->; - -/** - * History item for the flyout menu history popover - */ -export interface EuiFlyoutHistoryItem { - /** - * Title for the history item - */ - title: string; - /** - * An optional icon to display next to the session title in the history menu - */ - iconType?: IconType; - /** - * onClick handler for the history item - */ - onClick: () => void; -} - -/** - * Pagination configuration for the flyout menu - */ -export interface EuiFlyoutMenuPagination { - /** - * Zero-based index of the currently displayed item - */ - currentIndex: number; - /** - * Total number of items - */ - total: number; - /** - * Called when the user clicks the Previous button - */ - onPrevious: () => void; - /** - * Called when the user clicks the Next button - */ - onNext: () => void; -} - -/** - * Custom action item for the flyout menu component - */ -export interface EuiFlyoutMenuCustomAction { - /** - * Icon type for the action button - */ - iconType: string; - /** - * onClick handler for the action button - */ - onClick: () => void; - /** - * Aria label for the action button - */ - 'aria-label': string; -} - -/** - * Props for EuiFlyoutMenu - */ -export type EuiFlyoutMenuProps = CommonProps & - HTMLAttributes & { - /** - * An id to use for the title element. Useful for setting aria-labelledby on the flyout. - * Example: - * ```jsx - * - * ... - * - * ``` - */ - titleId?: string; - /** - * Title for the menu component. In a managed flyout context, the title is used to indicate the flyout session for history navigation. - */ - title?: React.ReactNode; - /** - * An optional icon to display next to the session title in the history menu - */ - iconType?: IconType; - /** - * Hides the title in the `EuiFlyoutMenu`. - * @default true - * @deprecated Use `EuiFlyoutHeader` for visible titles instead. - * `hideTitle` is still honored but may be removed in a future major version. - */ - hideTitle?: boolean; - /** - * Hides the close button in the menu component - * @default false - */ - hideCloseButton?: boolean; - /** - * Shows a back button in the menu component - * @default false - */ - showBackButton?: boolean; - /** - * Props to pass to the back button, such as `onClick` handler - */ - backButtonProps?: EuiFlyoutMenuBackButtonProps; - /** - * List of history items for the history popover - */ - historyItems?: EuiFlyoutHistoryItem[]; - /** - * List of custom action items for the menu component - */ - customActions?: EuiFlyoutMenuCustomAction[]; - /** - * Enables Prev/Next navigation controls and a position counter in the menu bar. - * Pagination replaces back/history navigation in the left menu slot. - */ - pagination?: EuiFlyoutMenuPagination; - }; - -const BackButton: React.FC = (props) => { - return ( - - - - ); -}; - -const HistoryPopover: React.FC<{ - items: EuiFlyoutHistoryItem[]; -}> = ({ items }) => { - const [isPopoverOpen, setIsPopoverOpen] = useState(false); - const handlePopoverButtonClick = () => { - setIsPopoverOpen(!isPopoverOpen); - }; - - return ( - - } - isOpen={isPopoverOpen} - onClick={handlePopoverButtonClick} - closePopover={() => setIsPopoverOpen(false)} - panelPaddingSize="xs" - anchorPosition="downLeft" - > - - {items.map((item, index) => ( - { - item.onClick(); - setIsPopoverOpen(false); - }} - data-test-subj={`euiFlyoutMenuHistoryItem-${index}`} - > - {item.title} - - ))} - - - ); -}; - -const PaginationControls: React.FC<{ - pagination: EuiFlyoutMenuPagination; - styles: ReturnType; -}> = ({ pagination, styles }) => { - const { currentIndex, total, onPrevious, onNext } = pagination; - const prevLabel = useEuiI18n('euiFlyoutMenu.pagination.previous', 'Previous'); - const nextLabel = useEuiI18n('euiFlyoutMenu.pagination.next', 'Next'); - const counterLabel = useEuiI18n( - 'euiFlyoutMenu.pagination.counter', - '{position} of {total}', - { position: currentIndex + 1, total } - ); - - const isPrevDisabled = currentIndex === 0; - const isNextDisabled = currentIndex === total - 1; - - const prevButton = ( - - ); - - const nextButton = ( - - ); - - return ( - - - - {isPrevDisabled ? ( - prevButton - ) : ( - - {prevButton} - - )} - - - - {counterLabel} - - - {isNextDisabled ? ( - nextButton - ) : ( - - {nextButton} - - )} - - - - ); -}; - -/** - * The component for the top menu bar inside a flyout. Since this is a private - * component, rendering is controlled using the `flyoutMenuProps` prop on - * `EuiFlyout`. In managed session flyouts, the Flyout Manager controls a back - * button and history popover for navigating to different flyout sessions - * within the managed context. - * - * @private - */ -export const EuiFlyoutMenu: FunctionComponent = ({ - className, - title, - titleId, - hideTitle = true, - hideCloseButton, - historyItems = [], - showBackButton, - backButtonProps, - customActions, - iconType: _iconType, - pagination, - ...rest -}) => { - const { onClose } = useContext(EuiFlyoutMenuContext); - - const styles = useEuiMemoizedStyles(euiFlyoutMenuStyles); - const classes = classNames('euiFlyoutMenu', className); - const showPaginationControls = pagination != null && pagination.total > 1; - - let titleNode; - if (title) { - titleNode = ( - -

{title}

- - ); - } - - const handleClose = (event: EuiFlyoutCloseEvent) => { - onClose?.(event, { reason: 'close-button' }); - }; - - const closeButton = ( - - ); - - return ( -
- - {showPaginationControls ? ( - - ) : ( - <> - {showBackButton && ( - - - - )} - {historyItems.length > 0 && ( - - - - )} - - )} - - {titleNode && {titleNode}} - - - - {customActions && - customActions.map((action, actionIndex) => ( - - - - ))} - - {/* spacer to give custom actions room around the close button */} - {!hideCloseButton && ( - - )} - - {!hideCloseButton && closeButton} -
- ); -}; diff --git a/packages/eui/src/components/flyout/flyout_menu/action_button.tsx b/packages/eui/src/components/flyout/flyout_menu/action_button.tsx new file mode 100644 index 000000000000..7e64194d0bb0 --- /dev/null +++ b/packages/eui/src/components/flyout/flyout_menu/action_button.tsx @@ -0,0 +1,45 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License + * 2.0 and the Server Side Public License, v 1; you may not use this file except + * in compliance with, at your election, the Elastic License 2.0 or the Server + * Side Public License, v 1. + */ + +import React from 'react'; + +import { EuiButtonIcon } from '../../button'; +import { EuiToolTip } from '../../tool_tip'; +import type { EuiFlyoutMenuAction } from './types'; + +export const MenuActionButton: React.FC<{ + action: EuiFlyoutMenuAction; +}> = ({ action }) => { + const { + iconType, + onClick, + 'aria-label': ariaLabel, + toolTipContent, + toolTipProps, + } = action; + + const sharedProps = { + 'aria-label': ariaLabel, + iconType, + onClick, + color: 'text' as const, + size: 'xs' as const, + }; + + return toolTipContent ? ( + + + + ) : ( + + ); +}; diff --git a/packages/eui/src/components/flyout/flyout_menu/back_button.tsx b/packages/eui/src/components/flyout/flyout_menu/back_button.tsx new file mode 100644 index 000000000000..2b7eaab9bc92 --- /dev/null +++ b/packages/eui/src/components/flyout/flyout_menu/back_button.tsx @@ -0,0 +1,30 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License + * 2.0 and the Server Side Public License, v 1; you may not use this file except + * in compliance with, at your election, the Elastic License 2.0 or the Server + * Side Public License, v 1. + */ + +import React from 'react'; + +import { EuiButtonEmpty } from '../../button'; +import type { EuiFlyoutMenuBackButtonProps } from './types'; + +/** + * `label` is resolved by `EuiFlyoutMenu`, which owns the `euiFlyoutMenu.*` + * i18n token namespace. + */ +export const BackButton: React.FC< + EuiFlyoutMenuBackButtonProps & { label: React.ReactNode } +> = ({ label, ...rest }) => ( + + {label} + +); diff --git a/packages/eui/src/components/flyout/flyout_menu/close_spacer.tsx b/packages/eui/src/components/flyout/flyout_menu/close_spacer.tsx new file mode 100644 index 000000000000..b8e9f144e90a --- /dev/null +++ b/packages/eui/src/components/flyout/flyout_menu/close_spacer.tsx @@ -0,0 +1,36 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License + * 2.0 and the Server Side Public License, v 1; you may not use this file except + * in compliance with, at your election, the Elastic License 2.0 or the Server + * Side Public License, v 1. + */ + +import React from 'react'; + +import { useEuiMemoizedStyles } from '../../../services'; +import { EuiFlexItem } from '../../flex'; +import { euiFlyoutMenuStyles } from './flyout_menu.styles'; + +/** + * Spacer that gives trailing actions room around the absolutely-positioned + * close button. When `showDivider` is true, it doubles as the visual divider + * between trailing actions and the close button. + */ +export const CloseButtonSpacer: React.FC<{ showDivider: boolean }> = ({ + showDivider, +}) => { + const styles = useEuiMemoizedStyles(euiFlyoutMenuStyles); + + return ( + + ); +}; diff --git a/packages/eui/src/components/flyout/flyout_menu/divider.tsx b/packages/eui/src/components/flyout/flyout_menu/divider.tsx new file mode 100644 index 000000000000..ad4e96a24c8c --- /dev/null +++ b/packages/eui/src/components/flyout/flyout_menu/divider.tsx @@ -0,0 +1,26 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License + * 2.0 and the Server Side Public License, v 1; you may not use this file except + * in compliance with, at your election, the Elastic License 2.0 or the Server + * Side Public License, v 1. + */ + +import React from 'react'; + +import { useEuiMemoizedStyles } from '../../../services'; +import { EuiFlexItem } from '../../flex'; +import { euiFlyoutMenuStyles } from './flyout_menu.styles'; + +export const MenuDivider: React.FC = () => { + const styles = useEuiMemoizedStyles(euiFlyoutMenuStyles); + + return ( +