Address @elastic/eui/require-table-caption lint violations across @elastic/kibana-data-discovery files

examples/data_view_field_editor_example/moon.yml

@@ -23,6 +23,7 @@ dependsOn:
   - '@kbn/data-views-plugin'
   - '@kbn/data-view-field-editor-plugin'
   - '@kbn/developer-examples-plugin'
+  - '@kbn/i18n'
 tags:
   - plugin
   - prod

examples/data_view_field_editor_example/public/app.tsx

@@ -7,6 +7,7 @@
  * License v3.0 only", or the "Server Side Public License, v 1".
  */
 
+import { i18n } from '@kbn/i18n';
 import type { DefaultItemAction } from '@elastic/eui';
 import {
   EuiProvider,
@@ -129,6 +130,10 @@ const DataViewFieldEditorExample = ({ dataView, dataViewFieldEditor }: Props) =>
             direction: 'asc',
           },
         }}
+        tableCaption={i18n.translate('dataViewFieldEditorExample.fieldsTable.caption', {
+          defaultMessage: 'Fields in {dataViewTitle}',
+          values: { dataViewTitle: dataView.title },
+        })}
       />
     </>
   ) : (

examples/data_view_field_editor_example/tsconfig.json

@@ -18,5 +18,6 @@
     "@kbn/data-views-plugin",
     "@kbn/data-view-field-editor-plugin",
     "@kbn/developer-examples-plugin",
+    "@kbn/i18n",
   ]
 }

examples/field_formats_example/moon.yml

@@ -24,6 +24,7 @@ dependsOn:
   - '@kbn/data-plugin'
   - '@kbn/data-view-field-editor-plugin'
   - '@kbn/field-types'
+  - '@kbn/i18n'
 tags:
   - plugin
   - prod

examples/field_formats_example/public/app.tsx

@@ -8,6 +8,7 @@
  */
 
 import React from 'react';
+import { i18n } from '@kbn/i18n';
 import {
   EuiBasicTable,
   EuiCallOut,
@@ -62,6 +63,9 @@ const UsingAnExistingFieldFormatExample: React.FC<{ deps: Deps }> = (props) => {
       <EuiSpacer size={'s'} />
       <EuiBasicTable
         data-test-subj={'example1 sample table'}
+        tableCaption={i18n.translate('fieldFormatsExamples.existingFieldFormatSampleTableCaption', {
+          defaultMessage: 'Sample values formatted with the existing field format.',
+        })}
         items={sample}
         columns={[
           {
@@ -102,6 +106,9 @@ const CreatingCustomFieldFormat: React.FC<{ deps: Deps }> = (props) => {
       <EuiBasicTable
         items={sample}
         data-test-subj={'example2 sample table'}
+        tableCaption={i18n.translate('fieldFormatsExamples.customFieldFormatSampleTableCaption', {
+          defaultMessage: 'Sample values formatted with the custom field format.',
+        })}
         columns={[
           {
             field: 'raw',

examples/field_formats_example/tsconfig.json

@@ -21,5 +21,6 @@
     "@kbn/data-plugin",
     "@kbn/data-view-field-editor-plugin",
     "@kbn/field-types",
+    "@kbn/i18n",
   ]
 }

examples/partial_results_example/moon.yml

@@ -21,6 +21,7 @@ dependsOn:
   - '@kbn/core'
   - '@kbn/developer-examples-plugin'
   - '@kbn/expressions-plugin'
+  - '@kbn/i18n'
 tags:
   - plugin
   - prod

examples/partial_results_example/public/app/app.tsx

@@ -19,6 +19,7 @@ import {
   EuiText,
 } from '@elastic/eui';
 import type { Datatable } from '@kbn/expressions-plugin/common';
+import { i18n } from '@kbn/i18n';
 import { ExpressionsContext } from './expressions_context';
 
 const expression = `getEvents
@@ -57,6 +58,9 @@ export function App() {
           <EuiSpacer size={'m'} />
           {datatable ? (
             <EuiBasicTable
+              tableCaption={i18n.translate('partialResultsDemo.tableCaption', {
+                defaultMessage: 'Partial expression results',
+              })}
               data-test-subj={'example-table'}
               columns={datatable.columns?.map(({ id: field, name }) => ({
                 field,

examples/partial_results_example/tsconfig.json

@@ -16,5 +16,6 @@
     "@kbn/core",
     "@kbn/developer-examples-plugin",
     "@kbn/expressions-plugin",
+    "@kbn/i18n",
   ]
 }

src/platform/plugins/shared/data_view_field_editor/public/components/field_format_editor/editors/static_lookup/static_lookup.tsx

@@ -154,7 +154,14 @@ export class StaticLookupFormatEditor extends DefaultFormatEditor<StaticLookupFo
 
     return (
       <Fragment>
-        <EuiBasicTable items={items} columns={columns} css={{ maxWidth: '400px' }} />
+        <EuiBasicTable
+          items={items}
+          columns={columns}
+          css={{ maxWidth: '400px' }}
+          tableCaption={i18n.translate('indexPatternFieldEditor.staticLookup.tableCaption', {
+            defaultMessage: 'Static lookup entries',
+          })}
+        />
         <EuiSpacer size="m" />
         <EuiButton
           iconType="plusInCircle"

src/platform/plugins/shared/data_view_field_editor/public/components/field_format_editor/samples/samples.tsx

@@ -72,6 +72,9 @@ export class FormatEditorSamples extends PureComponent<FormatEditorSamplesProps>
           compressed={true}
           items={samples}
           columns={columns}
+          tableCaption={i18n.translate('indexPatternFieldEditor.samples.tableCaption', {
+            defaultMessage: 'Sample input and output values',
+          })}
         />
       </EuiFormRow>
     ) : null;

src/platform/plugins/shared/data_view_management/public/components/delete_data_view_flyout/delete_data_view_flyout_content.tsx

@@ -46,6 +46,13 @@ const tableTitle = i18n.translate('indexPatternManagement.dataViewTable.tableTit
   defaultMessage: 'Data views selected for deletion',
 });
 
+const relationshipsTableCaption = i18n.translate(
+  'indexPatternManagement.dataViewTable.relationshipsTableCaption',
+  {
+    defaultMessage: 'Kibana objects using this data view',
+  }
+);
+
 export const spacesWarningText = i18n.translate(
   'indexPatternManagement.dataViewTable.deleteWarning',
   {
@@ -124,7 +131,11 @@ export const DeleteModalContent: React.FC<ModalProps> = ({
               <EuiSpacer size="xs" />
             </>
           )}
-          <EuiBasicTable items={relationships[id]} columns={relationsColumns} />
+          <EuiBasicTable
+            tableCaption={relationshipsTableCaption}
+            items={relationships[id]}
+            columns={relationsColumns}
+          />
         </div>
       );
       itemIdToExpandedRowMapValues[id] = relationsTable;

src/platform/plugins/shared/data_view_management/public/components/edit_index_pattern/indexed_fields_table/components/table/table.tsx

@@ -328,7 +328,10 @@ export const getConflictModalContent = ({
           />
         </p>
         <EuiBasicTable
-          tableCaption="Demo of EuiBasicTable"
+          tableCaption={i18n.translate(
+            'indexPatternManagement.editIndexPattern.fields.conflictModal.tableCaption',
+            { defaultMessage: 'Field type conflicts across indices' }
+          )}
           items={getItems(conflictDescriptions)}
           rowHeader="firstName"
           columns={conflictColumns}
@@ -516,6 +519,10 @@ class TableClass extends PureComponent<
 
     return (
       <EuiInMemoryTable
+        tableCaption={i18n.translate(
+          'indexPatternManagement.editIndexPattern.fields.table.tableCaption',
+          { defaultMessage: 'Indexed fields' }
+        )}
         items={items}
         columns={columns}
         pagination={pagination}

src/platform/plugins/shared/data_view_management/public/components/edit_index_pattern/relationships_table/i18n.ts

@@ -44,3 +44,10 @@ export const managedBadge = i18n.translate(
     defaultMessage: 'Managed',
   }
 );
+
+export const relationshipsTableCaption = i18n.translate(
+  'indexPatternManagement.relationshipsTable.tableCaption',
+  {
+    defaultMessage: 'Saved object relationships',
+  }
+);

src/platform/plugins/shared/data_view_management/public/components/edit_index_pattern/relationships_table/relationships_table.tsx

@@ -39,6 +39,7 @@ import {
   titleFieldDescription,
   filterTitle,
   managedBadge,
+  relationshipsTableCaption,
 } from './i18n';
 
 const canGoInApp = (
@@ -183,6 +184,7 @@ export const RelationshipsTable = ({
       <EuiInMemoryTable<SavedObjectRelation>
         items={relationships}
         columns={columns}
+        tableCaption={relationshipsTableCaption}
         pagination={{
           pageSize,
         }}

src/platform/plugins/shared/data_view_management/public/components/edit_index_pattern/scripted_fields_table/components/table/table.tsx

@@ -157,6 +157,10 @@ class TableClass extends PureComponent<
         pagination={pagination}
         sorting={sorting}
         onTableChange={onTableChange}
+        tableCaption={i18n.translate(
+          'indexPatternManagement.editIndexPattern.scripted.table.caption',
+          { defaultMessage: 'Scripted fields' }
+        )}
       />
     );
   }

src/platform/plugins/shared/data_view_management/public/components/edit_index_pattern/source_filters_table/components/table/table.tsx

@@ -46,6 +46,13 @@ const matchesDescription = i18n.translate(
   { defaultMessage: 'Language used for the field' }
 );
 
+const tableCaption = i18n.translate(
+  'indexPatternManagement.editIndexPattern.source.table.caption',
+  {
+    defaultMessage: 'Source filters',
+  }
+);
+
 const editAria = i18n.translate('indexPatternManagement.editIndexPattern.source.table.editAria', {
   defaultMessage: 'Edit',
 });
@@ -250,6 +257,7 @@ class TableClass extends Component<
         pagination={pagination}
         sorting={sorting}
         onTableChange={onTableChange}
+        tableCaption={tableCaption}
       />
     );
   }

src/platform/plugins/shared/data_view_management/public/components/field_editor/field_editor.tsx

@@ -491,7 +491,13 @@ export class FieldEditor extends PureComponent<FieldEdiorProps, FieldEditorState
           />
         </EuiCallOut>
         <EuiSpacer size="m" />
-        <EuiBasicTable items={items} columns={columns} />
+        <EuiBasicTable
+          items={items}
+          columns={columns}
+          tableCaption={i18n.translate('indexPatternManagement.fieldTypeConflictTableCaption', {
+            defaultMessage: 'Indices listed by conflicting field type',
+          })}
+        />
         <EuiSpacer size="m" />
       </div>
     );

src/platform/plugins/shared/data_view_management/public/components/index_pattern_table/index_pattern_table.tsx

@@ -418,6 +418,7 @@ export const IndexPatternTable = ({ history, canSave, setShowCreateDialog, title
           onTableChange={onTableChange}
           search={search}
           selection={dataViews.getCanSaveSync() ? selection : undefined}
+          tableCaption={title}
         />
       </ContextWrapper>
       {deleteFlyoutOpen && (

src/platform/plugins/shared/saved_objects_finder/public/finder/saved_object_finder.tsx

@@ -406,6 +406,9 @@ class SavedObjectFinderUiClass extends React.Component<
             items={this.state.items}
             columns={columns}
             data-test-subj="savedObjectsFinderTable"
+            tableCaption={i18n.translate('savedObjectsFinder.tableCaption', {
+              defaultMessage: 'Saved objects search results',
+            })}
             noItemsMessage={this.props.noItemsMessage}
             search={search}
             pagination={pagination}