Replace deprecated EUI icons in files owned by @elastic/ml-ui

x-pack/platform/packages/private/ml/aiops_components/src/progress_controls/progress_controls.tsx

@@ -139,7 +139,7 @@ export const ProgressControls: FC<PropsWithChildren<ProgressControlProps>> = (pr
         {progress === 1 ? (
           <EuiFlexGroup gutterSize="xs" alignItems="center" responsive={false}>
             <EuiFlexItem grow={false}>
-              <EuiIcon type="checkInCircleFilled" color={euiTheme.colors.success} />
+              <EuiIcon type="checkCircleFill" color={euiTheme.colors.success} />
             </EuiFlexItem>
             <EuiFlexItem grow={false} data-test-subj="aiopsAnalysisComplete">
               <small>

x-pack/platform/packages/private/ml/data_grid/components/data_grid.tsx

@@ -261,7 +261,7 @@ export const DataGrid: FC<Props> = memo(
                   {(copy: () => void) => (
                     <EuiButtonIcon
                       onClick={copy}
-                      iconType="copyClipboard"
+                      iconType="copy"
                       aria-label={props.copyToClipboardDescription}
                     />
                   )}
@@ -340,7 +340,7 @@ export const DataGrid: FC<Props> = memo(
                                 }`}
                                 data-test-subj={`${dataTestSubj}HistogramButton`}
                                 size="xs"
-                                iconType="visBarVertical"
+                                iconType="chartBarVertical"
                                 color="text"
                                 onClick={toggleChartVisibility}
                                 disabled={chartsVisible === undefined}

x-pack/platform/packages/private/ml/field_stats_flyout/field_stats_info_button.tsx

@@ -103,7 +103,7 @@ export const FieldStatsInfoButton: FC<FieldStatsInfoButtonProps> = (props) => {
               data-test-subj={`mlInspectFieldStatsButton-${field.id}`}
               disabled={disabled === true}
               size="xs"
-              iconType="fieldStatistics"
+              iconType="tableInfo"
               css={{ color: isEmpty ? euiTheme.colors.textDisabled : undefined }}
               onClick={(ev: React.MouseEvent<HTMLButtonElement>) => {
                 if (ev.type === 'click') {

x-pack/platform/packages/shared/file-upload/src/file_upload_component/new/combined_fields/combined_fields_form.tsx

@@ -183,7 +183,7 @@ export class CombinedFieldsForm extends Component<Props, State> {
                   onClick={this.togglePopover.bind(null, 'semantic')}
                   size="s"
                   color="text"
-                  iconType="plusInCircleFilled"
+                  iconType="plusCircle"
                   isDisabled={this.isSemanticTextCompatible() === false}
                 >
                   <FormattedMessage
@@ -209,7 +209,7 @@ export class CombinedFieldsForm extends Component<Props, State> {
                   onClick={this.togglePopover.bind(null, 'geo')}
                   size="s"
                   color="text"
-                  iconType="plusInCircleFilled"
+                  iconType="plusCircle"
                   isDisabled={this.isLatLonCompatible() === false}
                 >
                   <FormattedMessage

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

@@ -131,7 +131,7 @@ export const FileClashIcon: FC<Props> = ({ fileClash }) => {
       return (
         <EuiToolTip content={getClashText(fileClash)}>
           <EuiBadge color={euiTheme.colors.backgroundBaseDanger}>
-            <EuiIcon type="alert" color="danger" size="s" />
+            <EuiIcon type="warning" color="danger" size="s" />
           </EuiBadge>
         </EuiToolTip>
       );

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

@@ -18,7 +18,7 @@ export const ImportErrors: FC = () => {
       {uploadStatus.errors.map((error, index) => (
         <React.Fragment key={index}>
           <EuiSpacer size="m" />
-          <EuiCallOut title={error.title} color="danger" iconType="alert">
+          <EuiCallOut title={error.title} color="danger" iconType="warning">
             <p>{JSON.stringify(error)}</p>
           </EuiCallOut>
         </React.Fragment>

x-pack/platform/plugins/private/data_visualizer/public/application/common/components/multi_select_picker/multi_select_picker.tsx

@@ -35,7 +35,7 @@ const SELECT_PICKER_HEIGHT = '250px';
 const NoFilterItems = () => {
   return (
     <EuiSelectableMessage>
-      <EuiIcon type="minusInCircle" />
+      <EuiIcon type="minusCircle" />
       <EuiSpacer size="xs" />
       <p>
         <FormattedMessage
@@ -101,7 +101,7 @@ export const MultiSelectPicker: FC<{
   const button = (
     <EuiFilterButton
       data-test-subj={`${dataTestSubj}-button`}
-      iconType="arrowDown"
+      iconType="chevronSingleDown"
       onClick={onButtonClick}
       isSelected={isPopoverOpen}
       numFilters={items.length}

x-pack/platform/plugins/private/data_visualizer/public/application/common/components/random_sampling_menu/random_sampling_menu.tsx

@@ -139,7 +139,7 @@ export const SamplingMenu: FC<Props> = ({ randomSampler, reload, id }) => {
           data-test-subj={getDataTestSubject('aiopsRandomSamplerOptionsButton', id)}
           onClick={() => setShowSamplingOptionsPopover(!showSamplingOptionsPopover)}
           iconSide="right"
-          iconType="arrowDown"
+          iconType="chevronSingleDown"
           size="s"
         >
           {buttonText}

x-pack/platform/plugins/private/data_visualizer/public/application/common/components/stats_table/data_visualizer_stats_table.tsx

@@ -161,7 +161,7 @@ const UnmemoizedDataVisualizerTable = <T extends DataVisualizerTableItem>({
                     defaultMessage: 'Collapse details for all fields',
                   })
             }
-            iconType={expandAll ? 'arrowDown' : 'arrowRight'}
+            iconType={expandAll ? 'chevronSingleDown' : 'chevronSingleRight'}
           />
         ) : null,
       align: RIGHT_ALIGNMENT,
@@ -170,7 +170,9 @@ const UnmemoizedDataVisualizerTable = <T extends DataVisualizerTableItem>({
       render: (item: DataVisualizerTableItem) => {
         const displayName = item.displayName ?? item.fieldName;
         if (item.fieldName === undefined) return null;
-        const direction = expandedRowItemIds.includes(item.fieldName) ? 'arrowDown' : 'arrowRight';
+        const direction = expandedRowItemIds.includes(item.fieldName)
+          ? 'chevronSingleDown'
+          : 'chevronSingleRight';
         return (
           <EuiButtonIcon
             data-test-subj={`dataVisualizerDetailsToggle-${item.fieldName}-${direction}`}
@@ -287,7 +289,7 @@ const UnmemoizedDataVisualizerTable = <T extends DataVisualizerTableItem>({
         name: (
           <div className={'columnHeader__title'}>
             {dimensions.showIcon ? (
-              <EuiIcon type={'visBarVertical'} className={'columnHeader__icon'} />
+              <EuiIcon type={'chartBarVertical'} className={'columnHeader__icon'} />
             ) : null}
             {i18n.translate('xpack.dataVisualizer.dataGrid.distributionsColumnName', {
               defaultMessage: 'Distributions',
@@ -308,7 +310,7 @@ const UnmemoizedDataVisualizerTable = <T extends DataVisualizerTableItem>({
                 <EuiButtonIcon
                   style={{ marginLeft: 4 }}
                   size={'s'}
-                  iconType={!showDistributions ? 'eye' : 'eyeClosed'}
+                  iconType={!showDistributions ? 'eye' : 'eyeSlash'}
                   onClick={() => toggleShowDistribution()}
                   aria-label={
                     !showDistributions

x-pack/platform/plugins/private/data_visualizer/public/application/common/components/top_values/top_values.tsx

@@ -245,7 +245,7 @@ export const TopValues: FC<TopValuesProps> = ({
                     >
                       <EuiButtonIcon
                         iconSize="s"
-                        iconType="plusInCircle"
+                        iconType="plusCircle"
                         onClick={() => onAddFilter(fieldName, fieldValue, '+')}
                         aria-label={i18n.translate(
                           'xpack.dataVisualizer.dataGrid.field.addFilterAriaLabel',
@@ -266,7 +266,7 @@ export const TopValues: FC<TopValuesProps> = ({
                       />
                       <EuiButtonIcon
                         iconSize="s"
-                        iconType="minusInCircle"
+                        iconType="minusCircle"
                         onClick={() => onAddFilter(fieldName, fieldValue, '-')}
                         aria-label={i18n.translate(
                           'xpack.dataVisualizer.dataGrid.field.removeFilterAriaLabel',

x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/charts/data_drift_distribution_chart.tsx

@@ -53,12 +53,12 @@ const visualizeComparisonChartIcons = [
   {
     id: DATA_DRIFT_COMPARISON_CHART_TYPE.AREA,
     label: showAsAreaChartOption,
-    iconType: 'visArea',
+    iconType: 'chartArea',
   },
   {
     id: DATA_DRIFT_COMPARISON_CHART_TYPE.BAR,
     label: showAsBarChartOption,
-    iconType: 'visBarVertical',
+    iconType: 'chartBarVertical',
   },
 ];
 

x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/data_drift_hint.tsx

@@ -43,7 +43,7 @@ export const DataDriftPromptHint = ({
             fill
             size="m"
             onClick={refresh}
-            iconType="visTagCloud"
+            iconType="chartTagCloud"
             data-test-subj="runDataDriftAnalysis"
             aria-label={ANALYZE_DATA_DRIFT_LABEL}
           >

x-pack/platform/plugins/private/data_visualizer/public/application/data_drift/data_drift_overview_table.tsx

@@ -104,7 +104,11 @@ export const DataDriftOverviewTable = ({
             }`}
             onClick={() => toggleDetails(item)}
             aria-label={itemIdToExpandedRowMapValues[item.featureName] ? COLLAPSE_ROW : EXPAND_ROW}
-            iconType={itemIdToExpandedRowMapValues[item.featureName] ? 'arrowDown' : 'arrowRight'}
+            iconType={
+              itemIdToExpandedRowMapValues[item.featureName]
+                ? 'chevronSingleDown'
+                : 'chevronSingleRight'
+            }
           />
         );
       },

x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/components/data_view_management/data_view_management.tsx

@@ -70,7 +70,7 @@ export function DataVisualizerDataViewManagement(props: DataVisualizerDataViewMa
       button={
         <EuiButtonIcon
           color="text"
-          iconType="boxesHorizontal"
+          iconType="boxesVertical"
           data-test-subj="dataVisualizerDataViewManagementButton"
           aria-label={i18n.translate(
             'xpack.dataVisualizer.index.dataViewManagement.actionsPopoverLabel',

x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/embeddables/field_stats/field_stats_factory.tsx

@@ -406,7 +406,7 @@ export const getFieldStatsChartEmbeddableFactory = (
                     </h3>
                   }
                   color="warning"
-                  iconType="alert"
+                  iconType="warning"
                 />
               </EuiFlexItem>
             );

x-pack/platform/plugins/private/data_visualizer/public/application/index_data_visualizer/embeddables/field_stats/field_stats_initializer_view_type.tsx

@@ -20,7 +20,7 @@ const viewTypeOptions: EuiButtonGroupOptionProps[] = [
         defaultMessage="Data view"
       />
     ),
-    iconType: 'visLine',
+    iconType: 'chartLine',
   },
   {
     id: FieldStatsInitializerViewType.ESQL,
@@ -30,7 +30,7 @@ const viewTypeOptions: EuiButtonGroupOptionProps[] = [
         defaultMessage="ES|QL"
       />
     ),
-    iconType: 'visTable',
+    iconType: 'table',
   },
 ];
 

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

@@ -234,7 +234,7 @@ export const ChangePointsTable: FC<ChangePointsTableProps> = ({
                           defaultMessage: 'Filter for value',
                         }
                       ),
-                      icon: 'plusInCircle',
+                      icon: 'plusCircle',
                       color: 'primary',
                       type: 'icon',
                       onClick: (item) => {
@@ -262,7 +262,7 @@ export const ChangePointsTable: FC<ChangePointsTableProps> = ({
                           defaultMessage: 'Filter out value',
                         }
                       ),
-                      icon: 'minusInCircle',
+                      icon: 'minusCircle',
                       color: 'primary',
                       type: 'icon',
                       onClick: (item) => {
@@ -324,7 +324,7 @@ export const ChangePointsTable: FC<ChangePointsTableProps> = ({
       noItemsMessage={
         isLoading ? (
           <EuiEmptyPrompt
-            iconType="search"
+            iconType="magnify"
             title={
               <h3>
                 <FormattedMessage

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

@@ -254,7 +254,7 @@ const FieldPanel: FC<FieldPanelProps> = ({
                       : i18n.translate('xpack.aiops.changePointDetection.attachChartsLabel', {
                           defaultMessage: 'Attach charts',
                         }),
-                  icon: 'plusInCircle',
+                  icon: 'plusCircle',
                   panel: 'attachMainPanel',
                   'data-test-subj': 'aiopsChangePointDetectionAttachButton',
                 },
@@ -525,7 +525,7 @@ const FieldPanel: FC<FieldPanelProps> = ({
         <EuiFlexItem grow={false}>
           <EuiButtonIcon
             data-test-subj="aiopsChangePointDetectionExpandConfigButton"
-            iconType={isExpanded ? 'arrowDown' : 'arrowRight'}
+            iconType={isExpanded ? 'chevronSingleDown' : 'chevronSingleRight'}
             onClick={setIsExpanded.bind(null, (prevState) => !prevState)}
             aria-label={i18n.translate('xpack.aiops.changePointDetection.expandConfigLabel', {
               defaultMessage: 'Expand configuration',
@@ -572,7 +572,7 @@ const FieldPanel: FC<FieldPanelProps> = ({
                     display="base"
                     size="s"
                     isSelected={isActionMenuOpen}
-                    iconType="boxesHorizontal"
+                    iconType="boxesVertical"
                     onClick={setIsActionMenuOpen.bind(null, !isActionMenuOpen)}
                   />
                 }

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

@@ -15,7 +15,7 @@ export const NoDataFoundWarning = (props: { onRenderComplete?: () => void }) =>
   return (
     <EuiEmptyPrompt
       data-test-subj="aiopsNoDataFoundWarning"
-      iconType="search"
+      iconType="magnify"
       title={
         <h3>
           <FormattedMessage

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

@@ -21,7 +21,7 @@ const viewTypeOptions: EuiButtonGroupOptionProps[] = [
         defaultMessage="Charts"
       />
     ),
-    iconType: 'visLine',
+    iconType: 'chartLine',
   },
   {
     id: `table`,
@@ -31,7 +31,7 @@ const viewTypeOptions: EuiButtonGroupOptionProps[] = [
         defaultMessage="Table"
       />
     ),
-    iconType: 'visTable',
+    iconType: 'table',
   },
 ];
 

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

@@ -225,7 +225,7 @@ export const AttachmentsMenu = ({
                 color="text"
                 display="base"
                 isSelected={isActionMenuOpen}
-                iconType="boxesHorizontal"
+                iconType="boxesVertical"
                 onClick={() => setIsActionMenuOpen(!isActionMenuOpen)}
               />
             }

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

@@ -107,7 +107,7 @@ export const CategoryTable: FC<Props> = ({
                   defaultMessage: 'Expand',
                 })
           }
-          iconType={itemIdToExpandedRowMap[item.key] ? 'arrowDown' : 'arrowRight'}
+          iconType={itemIdToExpandedRowMap[item.key] ? 'chevronSingleDown' : 'chevronSingleRight'}
         />
       ),
       'data-test-subj': 'aiopsLogPatternsExpandRowToggle',

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

@@ -75,7 +75,7 @@ export const OpenInDiscoverButtons: FC<{ openInDiscover: OpenInDiscover; showTex
             data-test-subj="aiopsLogPatternAnalysisOpenInDiscoverIncludeButton"
             size="s"
             onClick={() => openFunction(QUERY_MODE.INCLUDE, true)}
-            iconType="plusInCircle"
+            iconType="plusCircle"
             iconSide="left"
           >
             {labels.multiSelect.in}
@@ -88,7 +88,7 @@ export const OpenInDiscoverButtons: FC<{ openInDiscover: OpenInDiscover; showTex
             data-test-subj="aiopsLogPatternAnalysisOpenInDiscoverExcludeButton"
             size="s"
             onClick={() => openFunction(QUERY_MODE.EXCLUDE, true)}
-            iconType="minusInCircle"
+            iconType="minusCircle"
             iconSide="left"
           >
             {labels.multiSelect.out}

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

@@ -54,7 +54,7 @@ export function useActions(
         {
           name: openInDiscoverLabels.singleSelect.in,
           description: openInDiscoverLabels.singleSelect.in,
-          icon: 'plusInCircle',
+          icon: 'plusCircle',
           type: 'icon',
           'data-test-subj': 'aiopsLogPatternsActionFilterInButton',
           onClick: (category) =>
@@ -63,7 +63,7 @@ export function useActions(
         {
           name: openInDiscoverLabels.singleSelect.out,
           description: openInDiscoverLabels.singleSelect.out,
-          icon: 'minusInCircle',
+          icon: 'minusCircle',
           type: 'icon',
           'data-test-subj': 'aiopsLogPatternsActionFilterOutButton',
           onClick: (category) =>

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

@@ -60,7 +60,7 @@ export const EmbeddableMenu: FC<Props> = ({
       <EuiButtonIcon
         data-test-subj="aiopsEmbeddableMenuOptionsButton"
         size="s"
-        iconType="controlsHorizontal"
+        iconType="controls"
         onClick={() => togglePopover()}
         // @ts-expect-error - subdued does work
         color="subdued"

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

@@ -53,14 +53,14 @@ export const SelectedPatterns: FC<{ openInDiscover: OpenInDiscover }> = ({ openI
         items={[
           <EuiContextMenuItem
             key="in"
-            icon="plusInCircle"
+            icon="plusCircle"
             onClick={() => openFunction(QUERY_MODE.INCLUDE, false)}
           >
             {labels.multiSelect.in}
           </EuiContextMenuItem>,
           <EuiContextMenuItem
             key="out"
-            icon="minusInCircle"
+            icon="minusCircle"
             onClick={() => openFunction(QUERY_MODE.EXCLUDE, false)}
           >
             {labels.multiSelect.out}

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

@@ -40,7 +40,7 @@ export const SamplingMenu: FC<Props> = ({ randomSampler, reload }) => {
           color="text"
           iconSide="right"
           isSelected={showSamplingOptionsPopover}
-          iconType={showSamplingOptionsPopover ? 'arrowUp' : 'arrowDown'}
+          iconType={showSamplingOptionsPopover ? 'chevronSingleUp' : 'chevronSingleDown'}
         >
           {buttonText}
         </EuiButton>