Remove several @ts-ignore/@ts-expect-errors around EUI imports (#163984)

## Summary

There's a few EUI imports out there that folks are reaching into
`@elastic/eui/lib/` for (which doesn't contain any types - something I'm
looking into separately) that could instead be imported at the top
`@elastic/eui` level, which is properly typed.

### Checklist

N/A - types only

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>

src/plugins/es_ui_shared/public/components/code_editor/code_editor.test.tsx

@@ -9,8 +9,7 @@
 import React from 'react';
 import { mount, ReactWrapper } from 'enzyme';
 import EuiCodeEditor from './code_editor';
-// @ts-ignore
-import { keys } from '@elastic/eui/lib/services';
+import { keys } from '@elastic/eui';
 import { findTestSubject, requiredProps, takeMountedSnapshot } from '@elastic/eui/lib/test';
 
 describe('EuiCodeEditor', () => {

src/plugins/vis_types/vislib/public/vislib/visualizations/point_series/_point_series.js

@@ -7,7 +7,7 @@
  */
 
 import _ from 'lodash';
-import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
+import { euiPaletteColorBlind } from '@elastic/eui';
 
 const thresholdLineDefaults = {
   show: false,

src/plugins/vis_types/xy/public/vis_types/area.ts

@@ -7,8 +7,7 @@
  */
 
 import { i18n } from '@kbn/i18n';
-// @ts-ignore
-import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
+import { euiPaletteColorBlind } from '@elastic/eui';
 import { Fit, Position } from '@elastic/charts';
 
 import { AggGroupNames } from '@kbn/data-plugin/public';

src/plugins/vis_types/xy/public/vis_types/histogram.ts

@@ -7,8 +7,7 @@
  */
 
 import { i18n } from '@kbn/i18n';
-// @ts-ignore
-import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
+import { euiPaletteColorBlind } from '@elastic/eui';
 import { Position } from '@elastic/charts';
 
 import { AggGroupNames } from '@kbn/data-plugin/public';

src/plugins/vis_types/xy/public/vis_types/horizontal_bar.ts

@@ -7,8 +7,7 @@
  */
 
 import { i18n } from '@kbn/i18n';
-// @ts-ignore
-import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
+import { euiPaletteColorBlind } from '@elastic/eui';
 import { Position } from '@elastic/charts';
 
 import { AggGroupNames } from '@kbn/data-plugin/public';

src/plugins/vis_types/xy/public/vis_types/line.ts

@@ -7,8 +7,7 @@
  */
 
 import { i18n } from '@kbn/i18n';
-// @ts-ignore
-import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
+import { euiPaletteColorBlind } from '@elastic/eui';
 import { Position, Fit } from '@elastic/charts';
 
 import { AggGroupNames } from '@kbn/data-plugin/public';

x-pack/packages/ml/aiops_components/src/document_count_chart/brush_badge.tsx

@@ -8,8 +8,7 @@
 import React, { FC } from 'react';
 
 import { EuiBadge, EuiText, EuiToolTip } from '@elastic/eui';
-// @ts-ignore
-import { formatDate } from '@elastic/eui/lib/services/format';
+import { formatDate } from '@elastic/eui';
 
 const DATE_FORMAT = 'YYYY-MM-DD';
 const TIME_FORMAT = 'HH:mm:ss';

x-pack/plugins/cases/public/components/all_cases/use_cases_columns.tsx

@@ -19,8 +19,8 @@ import {
   EuiIcon,
   EuiHealth,
   EuiToolTip,
+  RIGHT_ALIGNMENT,
 } from '@elastic/eui';
-import { RIGHT_ALIGNMENT } from '@elastic/eui/lib/services';
 import styled from 'styled-components';
 import { Status } from '@kbn/cases-components/src/status/status';
 import type { UserProfileWithAvatar } from '@kbn/user-profile-components';

x-pack/plugins/data_visualizer/public/application/common/components/stats_table/components/field_data_expanded_row/date_content.tsx

@@ -7,8 +7,7 @@
 
 import React, { FC, ReactNode } from 'react';
 import { EuiBasicTable, HorizontalAlignment, LEFT_ALIGNMENT, RIGHT_ALIGNMENT } from '@elastic/eui';
-// @ts-ignore
-import { formatDate } from '@elastic/eui/lib/services/format';
+import { formatDate } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
 
 import { i18n } from '@kbn/i18n';

x-pack/plugins/graph/public/helpers/style_choices.ts

@@ -6,8 +6,7 @@
  */
 
 import { i18n } from '@kbn/i18n';
-// @ts-ignore
-import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
+import { euiPaletteColorBlind } from '@elastic/eui';
 
 export interface GenericIcon {
   label: string;

x-pack/plugins/infra/public/pages/logs/log_entry_rate/sections/anomalies/table.tsx

@@ -13,8 +13,8 @@ import {
   EuiFlexItem,
   EuiButtonIcon,
   EuiSpacer,
+  RIGHT_ALIGNMENT,
 } from '@elastic/eui';
-import { RIGHT_ALIGNMENT } from '@elastic/eui/lib/services';
 import moment from 'moment';
 import { i18n } from '@kbn/i18n';
 import React, { useCallback, useMemo } from 'react';

x-pack/plugins/maps/public/classes/styles/color_palettes.ts

@@ -7,26 +7,17 @@
 
 import tinycolor from 'tinycolor2';
 import {
-  // @ts-ignore
   colorPalette as colorPaletteGenerator,
-  // @ts-ignore
   euiPaletteForStatus,
-  // @ts-ignore
   euiPaletteForTemperature,
-  // @ts-ignore
   euiPaletteCool,
-  // @ts-ignore
   euiPaletteWarm,
-  // @ts-ignore
   euiPaletteNegative,
-  // @ts-ignore
   euiPalettePositive,
-  // @ts-ignore
   euiPaletteGray,
-  // @ts-ignore
   euiPaletteColorBlind,
-} from '@elastic/eui/lib/services';
-import { EuiColorPalettePickerPaletteProps } from '@elastic/eui';
+  EuiColorPalettePickerPaletteProps,
+} from '@elastic/eui';
 import { PercentilesFieldMeta } from '../../../common/descriptor_types';
 
 export const DEFAULT_HEATMAP_COLOR_RAMP_NAME = 'theclassic';

x-pack/plugins/maps/public/classes/styles/vector/components/color/color_stops_utils.js

@@ -5,9 +5,8 @@
  * 2.0.
  */
 
-import { isValidHex } from '@elastic/eui';
+import { isValidHex, euiPaletteColorBlind } from '@elastic/eui';
 import _ from 'lodash';
-import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
 
 const DEFAULT_CUSTOM_PALETTE = euiPaletteColorBlind({ rotations: 3 });
 

x-pack/plugins/maps/public/classes/styles/vector/components/legend/extract_color_from_style_property.test.ts

@@ -13,8 +13,7 @@ import {
   ColorStaticStylePropertyDescriptor,
 } from '../../../../../../common/descriptor_types';
 import { COLOR_MAP_TYPE, FIELD_ORIGIN, STYLE_TYPE } from '../../../../../../common/constants';
-// @ts-ignore
-import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
+import { euiPaletteColorBlind } from '@elastic/eui';
 
 const blue = '#0000ff';
 const yellow = '#ffff00';

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

@@ -25,12 +25,11 @@ import {
   EuiLink,
   EuiLoadingSpinner,
   EuiToolTip,
+  RIGHT_ALIGNMENT,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
 
-import { RIGHT_ALIGNMENT } from '@elastic/eui/lib/services';
-
 import { addItemToRecentlyAccessed } from '../../../util/recently_accessed';
 import { ml } from '../../../services/ml_api_service';
 import { mlJobService } from '../../../services/job_service';

x-pack/plugins/ml/public/application/components/job_selector/job_selector_table/job_selector_table.js

@@ -19,9 +19,11 @@ import {
   EuiCallOut,
   EuiButton,
   EuiText,
+  LEFT_ALIGNMENT,
+  CENTER_ALIGNMENT,
+  SortableProperties,
 } from '@elastic/eui';
 
-import { LEFT_ALIGNMENT, CENTER_ALIGNMENT, SortableProperties } from '@elastic/eui/lib/services';
 import { i18n } from '@kbn/i18n';
 import { useMlKibana } from '../../../contexts/kibana';
 import { ML_PAGES } from '../../../../../common/constants/locator';

x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/configuration_step/analysis_fields_table.tsx

@@ -6,10 +6,16 @@
  */
 
 import React, { FC, Fragment, useEffect, useState } from 'react';
-import { EuiCallOut, EuiFormRow, EuiPanel, EuiSpacer, EuiText } from '@elastic/eui';
+import {
+  EuiCallOut,
+  EuiFormRow,
+  EuiPanel,
+  EuiSpacer,
+  EuiText,
+  LEFT_ALIGNMENT,
+  SortableProperties,
+} from '@elastic/eui';
 import { isEqual } from 'lodash';
-// @ts-ignore no declaration
-import { LEFT_ALIGNMENT, SortableProperties } from '@elastic/eui/lib/services';
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
 import { ES_FIELD_TYPES } from '@kbn/field-types';
@@ -54,7 +60,7 @@ export const AnalysisFieldsTable: FC<{
     unsupportedFieldsError,
     setUnsupportedFieldsError,
   }) => {
-    const [sortableProperties, setSortableProperties] = useState();
+    const [sortableProperties, setSortableProperties] = useState<SortableProperties<any>>();
     const [currentPaginationData, setCurrentPaginationData] = useState<{
       pageIndex: number;
       itemsPerPage: number;

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

@@ -16,8 +16,8 @@ import {
   EuiInMemoryTable,
   EuiLink,
   EuiLoadingSpinner,
+  formatNumber,
 } from '@elastic/eui';
-import { formatNumber } from '@elastic/eui/lib/services/format';
 
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';

x-pack/plugins/monitoring/public/components/chart/get_color.js

@@ -14,7 +14,7 @@
  * @param {Integer} index: index of the chart series, 0-3
  * @returns {String} Hex color to use for chart series at the given index
  */
-import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
+import { euiPaletteColorBlind } from '@elastic/eui';
 
 export function getColor(app, index) {
   let seriesColors;

x-pack/plugins/security/server/authentication/unauthenticated_page.tsx

@@ -5,8 +5,7 @@
  * 2.0.
  */
 
-// @ts-expect-error no definitions in component folder
-import { EuiButton } from '@elastic/eui/lib/components/button';
+import { EuiButton } from '@elastic/eui';
 import React from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 

x-pack/plugins/security/server/authorization/reset_session_page.tsx

@@ -5,8 +5,7 @@
  * 2.0.
  */
 
-// @ts-expect-error no definitions in component folder
-import { EuiButton, EuiButtonEmpty } from '@elastic/eui/lib/components/button';
+import { EuiButton, EuiButtonEmpty } from '@elastic/eui';
 import React from 'react';
 
 import type { IBasePath } from '@kbn/core/server';

x-pack/plugins/snapshot_restore/public/application/sections/home/restore_list/restore_table/restore_table.tsx

@@ -8,8 +8,13 @@
 import React, { useState, useMemo } from 'react';
 import { FormattedMessage } from '@kbn/i18n-react';
 import { orderBy } from 'lodash';
-import { EuiBasicTable, EuiButtonIcon, EuiHealth } from '@elastic/eui';
-import { RIGHT_ALIGNMENT } from '@elastic/eui/lib/services';
+import {
+  EuiBasicTable,
+  EuiBasicTableColumn,
+  EuiButtonIcon,
+  EuiHealth,
+  RIGHT_ALIGNMENT,
+} from '@elastic/eui';
 
 import { SnapshotRestore } from '../../../../../../common/types';
 import { UIM_RESTORE_LIST_EXPAND_INDEX } from '../../../../constants';
@@ -94,7 +99,7 @@ export const RestoreTable: React.FunctionComponent<Props> = React.memo(({ restor
     }, {} as { [key: string]: JSX.Element });
   }, [expandedIndices, restores]);
 
-  const columns = [
+  const columns: Array<EuiBasicTableColumn<SnapshotRestore>> = [
     {
       field: 'index',
       name: i18n.translate('xpack.snapshotRestore.restoreList.table.indexColumnTitle', {

x-pack/plugins/synthetics/public/apps/synthetics/components/test_now_mode/simple/ping_list/expanded_row.tsx

@@ -5,8 +5,7 @@
  * 2.0.
  */
 
-// @ts-ignore formatNumber
-import { formatNumber } from '@elastic/eui/lib/services/format';
+import { formatNumber } from '@elastic/eui';
 import {
   EuiCallOut,
   EuiCodeBlock,

x-pack/plugins/triggers_actions_ui/public/application/sections/rule_details/components/rule_alert_list.tsx

@@ -10,7 +10,6 @@ import moment, { Duration } from 'moment';
 import { padStart, chunk } from 'lodash';
 import { EuiBasicTable, EuiToolTip } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
-import { RIGHT_ALIGNMENT } from '@elastic/eui/lib/services';
 import { AlertStatus, ALERT_STATUS_ACTIVE, ALERT_STATUS_RECOVERED } from '@kbn/rule-data-utils';
 import { AlertStatusValues, MaintenanceWindow } from '@kbn/alerting-plugin/common';
 import { DEFAULT_SEARCH_PAGE_SIZE } from '../../../constants';
@@ -213,7 +212,7 @@ export const RuleAlertList = (props: RuleAlertListProps) => {
       },
       {
         field: '',
-        align: RIGHT_ALIGNMENT,
+        align: 'right' as const,
         width: '60px',
         name: i18n.translate(
           'xpack.triggersActionsUI.sections.ruleDetails.alertsList.columns.mute',

x-pack/plugins/uptime/public/legacy_uptime/components/monitor/ping_list/expanded_row.tsx

@@ -5,8 +5,7 @@
  * 2.0.
  */
 
-// @ts-ignore formatNumber
-import { formatNumber } from '@elastic/eui/lib/services/format';
+import { formatNumber } from '@elastic/eui';
 import {
   EuiCallOut,
   EuiCodeBlock,