[9.3] Address @elastic/eui/require-table-caption lint violations across @elastic/ml-ui files (#249699)

x-pack/platform/packages/shared/file-upload/src/file_upload_component/new/file_status/docs_preview.tsx

@@ -11,6 +11,7 @@ import { type DataTableRecord } from '@kbn/discover-utils';
 import type { EuiBasicTableColumn } from '@elastic/eui';
 import { EuiBasicTable, EuiFlexGroup, EuiFlexItem, EuiText } from '@elastic/eui';
 import type { MappingTypeMapping } from '@elastic/elasticsearch/lib/api/types';
+import { i18n } from '@kbn/i18n';
 import { FieldTypeIcon } from '../field_type_icon';
 
 interface ResultsPreviewProps {
@@ -57,6 +58,9 @@ export const ResultsPreview: FC<ResultsPreviewProps> = ({ sampleDocs, mappings,
         <EuiBasicTable
           data-test-subj={`dataVisualizerFilePreviewPanel-${index}`}
           tableLayout="auto"
+          tableCaption={i18n.translate('xpack.fileUpload.docsPreview.tableCaption', {
+            defaultMessage: 'Sample documents preview',
+          })}
           columns={columns}
           items={items}
           css={{ overflow: 'auto' }}

x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/change_points_table.tsx

@@ -304,6 +304,9 @@ export const ChangePointsTable: FC<ChangePointsTableProps> = ({
 
   return (
     <EuiInMemoryTable<ChangePointAnnotation>
+      tableCaption={i18n.translate('xpack.aiops.changePointDetection.resultsTableCaption', {
+        defaultMessage: 'Change point detection results',
+      })}
       itemId="id"
       selection={selectionValue}
       loading={isLoading}

x-pack/platform/plugins/shared/aiops/public/components/log_categorization/category_table/category_table.tsx

@@ -298,6 +298,9 @@ export const CategoryTable: FC<Props> = ({
               }
             : undefined;
         }}
+        tableCaption={i18n.translate('xpack.aiops.logCategorization.categoryTable.tableCaption', {
+          defaultMessage: 'Log pattern categories',
+        })}
       />
     </div>
   );

x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table.tsx

@@ -10,6 +10,8 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { orderBy, isEqual } from 'lodash';
 import type { estypes } from '@elastic/elasticsearch';
 
+import { i18n } from '@kbn/i18n';
+
 import type { Criteria, EuiTableSortingType } from '@elastic/eui';
 import { useEuiTheme, useEuiBackgroundColor, EuiBasicTable } from '@elastic/eui';
 
@@ -246,6 +248,9 @@ export const LogRateAnalysisResultsTable: FC<LogRateAnalysisResultsTableProps> =
     <EuiBasicTable
       data-test-subj="aiopsLogRateAnalysisResultsTable"
       compressed
+      tableCaption={i18n.translate('xpack.aiops.logRateAnalysisResultsTable.tableCaption', {
+        defaultMessage: 'Log rate analysis results',
+      })}
       items={pageOfItems}
       columns={columns}
       pagination={pagination.totalItemCount > pagination.pageSize ? pagination : undefined}

x-pack/platform/plugins/shared/aiops/public/components/log_rate_analysis_results_table/log_rate_analysis_results_table_groups.tsx

@@ -410,6 +410,9 @@ export const LogRateAnalysisResultsGroupsTable: FC<LogRateAnalysisResultsTablePr
           style: getRowStyle(group),
         };
       }}
+      tableCaption={i18n.translate('xpack.aiops.logRateAnalysis.resultsTableGroups.tableCaption', {
+        defaultMessage: 'Log rate analysis results groups',
+      })}
     />
   );
 };

x-pack/platform/plugins/shared/ml/public/application/components/annotations/annotations_table/annotations_table.js

@@ -728,6 +728,9 @@ class AnnotationsTableUI extends Component {
       <Fragment>
         <EuiInMemoryTable
           data-test-subj={'mlAnnotationsTable'}
+          tableCaption={i18n.translate('xpack.ml.annotationsTable.annotation.tableCaption', {
+            defaultMessage: 'Annotations',
+          })}
           error={searchError}
           className="eui-textBreakWord"
           compressed={true}

x-pack/platform/plugins/shared/ml/public/application/components/anomalies_table/anomalies_table.tsx

@@ -10,6 +10,7 @@ import React, { useState, type FC, useEffect, useMemo, useCallback, useRef } fro
 import { usePageUrlState } from '@kbn/ml-url-state';
 import type { MlAnomaliesTableRecordExtended } from '@kbn/ml-anomaly-utils';
 import { get, isEqual } from 'lodash';
+import { i18n } from '@kbn/i18n';
 import type { CriteriaWithPagination, EuiBasicTableColumn } from '@elastic/eui';
 import { EuiFlexGroup, EuiFlexItem, EuiInMemoryTable, EuiText } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
@@ -354,6 +355,9 @@ export const AnomaliesTable: FC<AnomaliesTableProps> = React.memo(
           rowProps={getRowProps}
           data-test-subj="mlAnomaliesTable"
           onTableChange={onTableChange}
+          tableCaption={i18n.translate('xpack.ml.anomaliesTable.tableCaption', {
+            defaultMessage: 'Anomalies detected for the selected jobs',
+          })}
         />
       </>
     );

x-pack/platform/plugins/shared/ml/public/application/components/job_messages/job_messages.tsx

@@ -154,6 +154,9 @@ export const JobMessages: FC<JobMessagesProps> = ({
           initialPageSize: 25,
         }}
         data-test-subj={'mlAnalyticsDetailsJobMessagesTable'}
+        tableCaption={i18n.translate('xpack.ml.jobMessages.tableCaption', {
+          defaultMessage: 'Job messages',
+        })}
       />
     </>
   );

x-pack/platform/plugins/shared/ml/public/application/components/model_snapshots/model_snapshots_table.tsx

@@ -231,6 +231,9 @@ export const ModelSnapshotTable: FC<Props> = ({ job, refreshJobList }) => {
       <EuiInMemoryTable
         className="eui-textBreakWord"
         compressed={true}
+        tableCaption={i18n.translate('xpack.ml.modelSnapshotTable.tableCaption', {
+          defaultMessage: 'Model snapshots for the job',
+        })}
         items={snapshots}
         columns={columns}
         pagination={{

x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/evaluation_quality_metrics_table.tsx

@@ -62,6 +62,10 @@ export const EvaluationQualityMetricsTable: FC<{
     >
       <EuiPanel>
         <EuiInMemoryTable<ClassificationMetricItem>
+          tableCaption={i18n.translate(
+            'xpack.ml.dataframe.analytics.classificationExploration.evaluateSectionRecallAndAccuracyTableCaption',
+            { defaultMessage: 'Per class recall and accuracy metrics' }
+          )}
           items={evaluationMetricsItems}
           columns={columns}
           pagination

x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/analytics_management/components/analytics_list/analytics_list.tsx

@@ -262,6 +262,9 @@ export const DataFrameAnalyticsList: FC<Props> = ({
         <EuiSpacer size="m" />
         <div data-test-subj="mlAnalyticsTableContainer">
           <EuiInMemoryTable<DataFrameAnalyticsListRow>
+            tableCaption={i18n.translate('xpack.ml.dataFrame.analyticsList.tableCaption', {
+              defaultMessage: 'Data frame analytics jobs table',
+            })}
             rowHeader={DataFrameAnalyticsListColumn.id}
             allowNeutralSort={false}
             columns={columns}

x-pack/platform/plugins/shared/ml/public/application/data_frame_analytics/pages/components/analytics_selector/analytics_id_selector.tsx

@@ -243,6 +243,9 @@ export function AnalyticsIdSelector({
           pagination={pagination}
           sorting={true}
           selection={selectionValue}
+          tableCaption={i18n.translate('xpack.ml.analyticsSelector.jobsTableCaption', {
+            defaultMessage: 'Analytics jobs available for selection',
+          })}
         />
       ),
     },
@@ -263,6 +266,9 @@ export function AnalyticsIdSelector({
           pagination={pagination}
           sorting={true}
           selection={selectionValue}
+          tableCaption={i18n.translate('xpack.ml.analyticsSelector.modelsTableCaption', {
+            defaultMessage: 'Trained models available for selection',
+          })}
         />
       ),
     });

x-pack/platform/plugins/shared/ml/public/application/datavisualizer/data_drift/data_view_editor.tsx

@@ -43,6 +43,13 @@ const mustMatchError = i18n.translate(
   }
 );
 
+const matchedIndicesTableCaption = i18n.translate(
+  'xpack.ml.dataDrift.indexPatternsEditor.matchedIndicesTableCaption',
+  {
+    defaultMessage: 'Matched indices for the selected index pattern',
+  }
+);
+
 export function DataViewEditor({
   id,
   label,
@@ -187,6 +194,7 @@ export function DataViewEditor({
           columns={columns}
           pagination={pagination}
           onChange={onTableChange}
+          tableCaption={matchedIndicesTableCaption}
           data-test-subject={`mlDataDriftIndexPatternTable-${id ?? ''}`}
           rowProps={(item) => {
             return {

x-pack/platform/plugins/shared/ml/public/application/explorer/alerts/swim_lane_wrapper.tsx

@@ -266,6 +266,9 @@ export const MiniAlertTable: FC<MiniAlertTableProps> = ({ data }) => {
 
   return (
     <EuiInMemoryTable
+      tableCaption={i18n.translate('xpack.ml.explorer.cellSelectionPopover.alertsTableCaption', {
+        defaultMessage: 'Alerts for the selected swim lane cell',
+      })}
       css={{ width: '510px' }}
       compressed
       columns={columns}

x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js

@@ -445,6 +445,9 @@ export class ForecastsTable extends Component {
           compressed={true}
           items={forecasts}
           columns={columns}
+          tableCaption={i18n.translate('xpack.ml.jobsList.jobDetails.forecastsTable.tableCaption', {
+            defaultMessage: 'Forecasts run on this job',
+          })}
           pagination={{
             pageSizeOptions: [5, 10, 25],
           }}

x-pack/platform/plugins/shared/ml/public/application/jobs/jobs_list/components/jobs_list/jobs_list.js

@@ -412,6 +412,9 @@ export class JobsListUI extends Component {
       <>
         <EuiBasicTable
           data-test-subj={loading ? 'mlJobListTable loading' : 'mlJobListTable loaded'}
+          tableCaption={i18n.translate('xpack.ml.jobsList.tableCaption', {
+            defaultMessage: 'List of anomaly detection jobs',
+          })}
           loading={loading === true}
           noItemsMessage={
             loading

x-pack/platform/plugins/shared/ml/public/application/jobs/new_job/pages/components/pick_fields_step/components/categorization_view/category_stopped_partitions.tsx

@@ -137,7 +137,16 @@ export const CategoryStoppedPartitions: FC = () => {
               />
             }
           />
-          <EuiBasicTable columns={columns} items={tableRow} />
+          <EuiBasicTable
+            columns={columns}
+            items={tableRow}
+            tableCaption={i18n.translate(
+              'xpack.ml.newJob.wizard.pickFieldsStep.stoppedPartitions.tableCaption',
+              {
+                defaultMessage: 'Stopped partitions',
+              }
+            )}
+          />
         </>
       )}
     </>

x-pack/platform/plugins/shared/ml/public/application/jobs/new_job/pages/components/pick_fields_step/components/categorization_view/field_examples.tsx

@@ -69,6 +69,12 @@ export const FieldExamples: FC<Props> = ({ fieldExamples }) => {
       columns={columns}
       items={items}
       data-test-subj="mlJobWizardCategorizationExamplesTable"
+      tableCaption={i18n.translate(
+        'xpack.ml.newJob.wizard.pickFieldsStep.categorizationFieldExamples.tableCaption',
+        {
+          defaultMessage: 'Categorization field examples',
+        }
+      )}
     />
   );
 };

x-pack/platform/plugins/shared/ml/public/application/jobs/new_job/pages/components/pick_fields_step/components/categorization_view/top_categories.tsx

@@ -8,6 +8,7 @@
 import type { FC } from 'react';
 import React, { useContext, useEffect, useState } from 'react';
 import { EuiBasicTable, EuiText } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
 import { extractErrorProperties } from '@kbn/ml-error-utils';
 import { useMlApi } from '../../../../../../../contexts/kibana';
@@ -97,7 +98,16 @@ export const TopCategories: FC = () => {
               values={{ totalCategories }}
             />
           </div>
-          <EuiBasicTable columns={columns} items={tableRow} />
+          <EuiBasicTable
+            columns={columns}
+            items={tableRow}
+            tableCaption={i18n.translate(
+              'xpack.ml.newJob.wizard.pickFieldsStep.topCategoriesTableCaption',
+              {
+                defaultMessage: 'Top categories examples',
+              }
+            )}
+          />
         </>
       )}
     </>

x-pack/platform/plugins/shared/ml/public/application/management/jobs_list/components/jobs_list_page/space_management/space_management.tsx

@@ -185,6 +185,9 @@ export const SpaceManagement: FC<Props> = ({ spacesApi, onTabChange, onReload })
               data-test-subj={`mlSpacesManagementTable-${currentTabId} ${
                 isLoading ? 'loading' : 'loaded'
               }`}
+              tableCaption={i18n.translate('xpack.ml.management.spaceManagement.tableCaption', {
+                defaultMessage: 'Machine learning spaces management',
+              })}
               items={items}
               columns={columns}
               search={{

x-pack/platform/plugins/shared/ml/public/application/memory_usage/nodes_overview/allocated_models.tsx

@@ -308,6 +308,12 @@ export const AllocatedModels: FC<AllocatedModelsProps> = ({
       })}
       onTableChange={() => {}}
       data-test-subj={'mlNodesAllocatedModels'}
+      tableCaption={i18n.translate(
+        'xpack.ml.trainedModels.nodesList.modelsList.allocatedModelsTableCaption',
+        {
+          defaultMessage: 'Allocated machine learning models',
+        }
+      )}
     />
   );
 };

x-pack/platform/plugins/shared/ml/public/application/memory_usage/nodes_overview/nodes_list.tsx

@@ -219,6 +219,12 @@ export const NodesList: FC<NodesListProps> = ({ compactView = false }) => {
 
       <div data-test-subj="mlNodesTableContainer">
         <EuiInMemoryTable<NodeItem>
+          tableCaption={i18n.translate(
+            'xpack.ml.trainedModels.nodesList.nodesOverviewTableCaption',
+            {
+              defaultMessage: 'Machine learning nodes overview',
+            }
+          )}
           allowNeutralSort={false}
           columns={columns}
           itemIdToExpandedRowMap={itemIdToExpandedRowMap}

x-pack/platform/plugins/shared/ml/public/application/model_management/pipelines/expanded_row.tsx

@@ -176,6 +176,12 @@ export const ProcessorsStats: FC<ProcessorsStatsProps> = ({ stats }) => {
         'data-test-subj': `mlProcessorStatsTableRow row-${item.id}`,
       })}
       onTableChange={() => {}}
+      tableCaption={i18n.translate(
+        'xpack.ml.trainedModels.modelsList.pipelines.processorStats.tableCaption',
+        {
+          defaultMessage: 'Pipeline processor statistics',
+        }
+      )}
       data-test-subj={'mlProcessorStatsTable'}
     />
   );

x-pack/platform/plugins/shared/ml/public/application/notifications/components/notifications_list.tsx

@@ -401,6 +401,9 @@ export const NotificationsList: FC = () => {
       ) : null}
 
       <EuiBasicTable<NotificationItem>
+        tableCaption={i18n.translate('xpack.ml.notifications.tableCaption', {
+          defaultMessage: 'Machine learning notifications',
+        })}
         columns={columns}
         rowHeader="timestamp"
         items={itemsPerPage}

x-pack/platform/plugins/shared/ml/public/application/overview/components/analytics_panel/table.tsx

@@ -117,6 +117,9 @@ export const AnalyticsTable: FC<Props> = ({ items }) => {
       pagination={pagination}
       sorting={sorting}
       data-test-subj="mlOverviewTableAnalytics"
+      tableCaption={i18n.translate('xpack.ml.overview.analyticsList.caption', {
+        defaultMessage: 'Analytics jobs overview',
+      })}
     />
   );
 };

x-pack/platform/plugins/shared/ml/public/application/overview/components/anomaly_detection_panel/table.tsx

@@ -186,6 +186,9 @@ export const AnomalyDetectionTable: FC<Props> = ({ items, chartsService }) => {
       onTableChange={onTableChange}
       pagination={pagination}
       sorting={sorting}
+      tableCaption={i18n.translate('xpack.ml.overview.anomalyDetection.tableCaption', {
+        defaultMessage: 'Anomaly detection groups',
+      })}
       data-test-subj="mlOverviewTableAnomalyDetection"
     />
   );

x-pack/platform/plugins/shared/ml/public/application/settings/calendars/edit/events_table/events_table.tsx

@@ -214,6 +214,9 @@ export const EventsTable: FC<Props> = ({
           },
         }}
         search={showSearchBar ? search : undefined}
+        tableCaption={i18n.translate('xpack.ml.calendarsEdit.eventsTable.tableCaption', {
+          defaultMessage: 'Calendar events',
+        })}
         data-test-subj="mlCalendarEventsTable"
         rowProps={(item) => ({
           'data-test-subj': `mlCalendarEventListRow row-${item.description}`,

x-pack/platform/plugins/shared/ml/public/application/settings/calendars/list/table/table.js

@@ -150,6 +150,9 @@ export const CalendarsListTable = ({
         sorting={sorting}
         loading={loading}
         selection={tableSelection}
+        tableCaption={i18n.translate('xpack.ml.calendarsList.tableCaption', {
+          defaultMessage: 'Calendars',
+        })}
         data-test-subj={loading ? 'mlCalendarTable loading' : 'mlCalendarTable loaded'}
         rowProps={(item) => ({
           'data-test-subj': `mlCalendarListRow row-${item.calendar_id}`,