Upgrade EUI to v51.1.0

package.json

@@ -109,7 +109,7 @@
     "@elastic/datemath": "link:bazel-bin/packages/elastic-datemath",
     "@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.2.0-canary.1",
     "@elastic/ems-client": "8.1.0",
-    "@elastic/eui": "48.1.1",
+    "@elastic/eui": "51.1.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/node-crypto": "1.2.1",
     "@elastic/numeral": "^2.5.1",

src/core/public/i18n/i18n_eui_mapping.tsx

@@ -306,6 +306,9 @@ export const getEuiContextMapping = (): EuiTokensObject => {
         defaultMessage: 'Select sorting method for {display}',
         values: { display },
       }),
+    'euiComboBox.listboxAriaLabel': i18n.translate('core.euiComboBox.listboxAriaLabel', {
+      defaultMessage: 'Choose from the following options',
+    }),
     'euiComboBoxOptionsList.allOptionsSelected': i18n.translate(
       'core.euiComboBoxOptionsList.allOptionsSelected',
       {
@@ -484,18 +487,6 @@ export const getEuiContextMapping = (): EuiTokensObject => {
         description: 'Descending size label',
       }
     ),
-    'euiDataGridToolbar.fullScreenButton': i18n.translate(
-      'core.euiDataGridToolbar.fullScreenButton',
-      {
-        defaultMessage: 'Full screen',
-      }
-    ),
-    'euiDataGridToolbar.fullScreenButtonActive': i18n.translate(
-      'core.euiDataGridToolbar.fullScreenButtonActive',
-      {
-        defaultMessage: 'Exit full screen',
-      }
-    ),
     'euiDatePopoverButton.invalidTitle': ({ title }: EuiValues) =>
       i18n.translate('core.euiDatePopoverButton.invalidTitle', {
         defaultMessage: 'Invalid date: {title}',
@@ -586,6 +577,18 @@ export const getEuiContextMapping = (): EuiTokensObject => {
         description: 'ARIA label on a button that removes any entry in a form field',
       }
     ),
+    'euiFullscreenSelector.fullscreenButton': i18n.translate(
+      'core.euiFullscreenSelector.fullscreenButton',
+      {
+        defaultMessage: 'Enter fullscreen',
+      }
+    ),
+    'euiFullscreenSelector.fullscreenButtonActive': i18n.translate(
+      'core.euiFullscreenSelector.fullscreenButtonActive',
+      {
+        defaultMessage: 'Exit fullscreen',
+      }
+    ),
     'euiHeaderLinks.appNavigation': i18n.translate('core.euiHeaderLinks.appNavigation', {
       defaultMessage: 'App menu',
       description: 'ARIA label on a `nav` element',
@@ -598,12 +601,12 @@ export const getEuiContextMapping = (): EuiTokensObject => {
     }),
     'euiImage.closeImage': ({ alt }: EuiValues) =>
       i18n.translate('core.euiImage.closeImage', {
-        defaultMessage: 'Close full screen {alt} image',
+        defaultMessage: 'Close fullscreen {alt} image',
         values: { alt },
       }),
     'euiImage.openImage': ({ alt }: EuiValues) =>
       i18n.translate('core.euiImage.openImage', {
-        defaultMessage: 'Open full screen {alt} image',
+        defaultMessage: 'Open fullscreen {alt} image',
         values: { alt },
       }),
     'euiLink.external.ariaLabel': i18n.translate('core.euiLink.external.ariaLabel', {
@@ -1193,6 +1196,10 @@ export const getEuiContextMapping = (): EuiTokensObject => {
         values: { innerText, description },
         description: 'Displayed in a cell in the header of the table to describe the field',
       }),
+    'euiTablePagination.allRows': i18n.translate('core.euiTablePagination.allRows', {
+      defaultMessage: 'Showing all rows',
+      description: 'Displayed in a button that toggles a table pagination menu',
+    }),
     'euiTablePagination.rowsPerPage': i18n.translate('core.euiTablePagination.rowsPerPage', {
       defaultMessage: 'Rows per page',
       description: 'Displayed in a button that toggles a table pagination menu',
@@ -1203,6 +1210,13 @@ export const getEuiContextMapping = (): EuiTokensObject => {
         description: 'Displayed in a button that toggles the number of visible rows',
         values: { rowsPerPage },
       }),
+    'euiTablePagination.rowsPerPageOptionShowAllRows': i18n.translate(
+      'core.euiTablePagination.rowsPerPageOptionShowAllRows',
+      {
+        defaultMessage: 'Show all rows',
+        description: 'Displayed in a button that toggles the number of visible rows',
+      }
+    ),
     'euiTableSortMobile.sorting': i18n.translate('core.euiTableSortMobile.sorting', {
       defaultMessage: 'Sorting',
       description: 'Displayed in a button that toggles a table sorting menu',

src/dev/license_checker/config.ts

@@ -77,6 +77,6 @@ export const LICENSE_OVERRIDES = {
   'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
   '@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
   '@elastic/ems-client@8.1.0': ['Elastic License 2.0'],
-  '@elastic/eui@48.1.1': ['SSPL-1.0 OR Elastic License 2.0'],
+  '@elastic/eui@51.1.0': ['SSPL-1.0 OR Elastic License 2.0'],
   'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
 };

src/plugins/data_view_field_editor/public/components/field_editor/form_fields/type_field.tsx

@@ -54,7 +54,6 @@ export const TypeField = ({ isDisabled = false }: Props) => {
                     defaultMessage: 'Type select',
                   }
                 )}
-                aria-controls="runtimeFieldScript"
                 fullWidth
               />
             </EuiFormRow>

test/functional/apps/dashboard/dashboard_filter_bar.ts

@@ -202,10 +202,6 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
         } else {
           const documentCell = await dataGrid.getCellElement(1, 3);
           await documentCell.click();
-          const expandCellContentButton = await documentCell.findByTestSubject(
-            'euiDataGridCellExpandButton'
-          );
-          await expandCellContentButton.click();
           await testSubjects.click('filterForButton');
         }
         const filterCount = await filterBar.getFilterCount();

x-pack/plugins/apm/public/components/app/service_overview/index.tsx

@@ -128,7 +128,7 @@ export function ServiceOverview() {
                     isSingleColumn={isSingleColumn}
                     start={start}
                     end={end}
-                    hidePerPageOptions={true}
+                    showPerPageOptions={false}
                   />
                 </EuiPanel>
               </EuiFlexItem>
@@ -185,7 +185,7 @@ export function ServiceOverview() {
                     <ServiceOverviewDependenciesTable
                       fixedHeight={true}
                       isSingleColumn={isSingleColumn}
-                      hidePerPageOptions={true}
+                      showPerPageOptions={false}
                       link={
                         <EuiLink href={dependenciesLink}>
                           {i18n.translate(