chore(lint): Auto-fix all the js ../ relative imports (#89334)

This was automatically dont with the config from
#89333

In here you'll see plenty of examples where the config worked in
`static/app`, `static/gsAdmin`, and `static/gsApp`

The rule is still set to `warn` in the repo, to help prevent CI failures
for others

Author: ryan953

static/app/components/charts/components/legend.tsx

@@ -6,8 +6,7 @@ import type {LegendComponentOption} from 'echarts';
 import merge from 'lodash/merge';
 
 import type BaseChart from 'sentry/components/charts/baseChart';
-
-import {truncationFormatter} from '../utils';
+import {truncationFormatter} from 'sentry/components/charts/utils';
 
 type ChartProps = React.ComponentProps<typeof BaseChart>;
 

static/app/components/charts/components/tooltip.tsx

@@ -6,13 +6,12 @@ import type {TooltipComponentFormatterCallback, TooltipComponentOption} from 'ec
 import moment from 'moment-timezone';
 
 import type BaseChart from 'sentry/components/charts/baseChart';
+import {truncationFormatter} from 'sentry/components/charts/utils';
 import {t} from 'sentry/locale';
 import type {DataPoint} from 'sentry/types/echarts';
 import toArray from 'sentry/utils/array/toArray';
 import {getFormattedDate, getTimeFormat} from 'sentry/utils/dates';
 
-import {truncationFormatter} from '../utils';
-
 export const CHART_TOOLTIP_VIEWPORT_OFFSET = 20;
 
 type ChartProps = React.ComponentProps<typeof BaseChart>;

static/app/components/checkInTimeline/hooks/useTimeWindowConfig.tsx

@@ -1,6 +1,6 @@
 import {useMemo} from 'react';
 
-import {getConfigFromTimeRange} from '../utils/getConfigFromTimeRange';
+import {getConfigFromTimeRange} from 'sentry/components/checkInTimeline/utils/getConfigFromTimeRange';
 
 import {usePageFilterDates} from './useMonitorDates';
 

static/app/components/checkInTimeline/utils/getAggregateStatus.tsx

@@ -1,4 +1,4 @@
-import type {StatsBucket} from '../types';
+import type {StatsBucket} from 'sentry/components/checkInTimeline/types';
 
 export function getAggregateStatus<Status extends string>(
   statusPrecedent: Status[],

static/app/components/checkInTimeline/utils/getConfigFromTimeRange.tsx

@@ -1,9 +1,11 @@
 import moment from 'moment-timezone';
 
+import type {
+  RollupConfig,
+  TimeWindowConfig,
+} from 'sentry/components/checkInTimeline/types';
 import {getFormat} from 'sentry/utils/dates';
 
-import type {RollupConfig, TimeWindowConfig} from '../types';
-
 /**
  * The minimum pixels to allocate to the reference start time label which
  * always includes date, time, and timezone.

static/app/components/checkInTimeline/utils/getTickStyle.tsx

@@ -1,6 +1,6 @@
 import {css, type Theme} from '@emotion/react';
 
-import type {TickStyle} from '../types';
+import type {TickStyle} from 'sentry/components/checkInTimeline/types';
 
 export function getTickStyle<Status extends string>(
   statusStyles: Record<Status, TickStyle>,

static/app/components/checkInTimeline/utils/getTimeRangeFromEvent.tsx

@@ -1,9 +1,8 @@
 import moment from 'moment-timezone';
 
+import type {TimeWindow} from 'sentry/components/checkInTimeline/types';
 import type {Event} from 'sentry/types/event';
 
-import type {TimeWindow} from '../types';
-
 // Stores the elapsed minutes for each selectable resolution
 export const resolutionElapsedMinutes: Record<TimeWindow, number> = {
   '1h': 60,

static/app/components/checkInTimeline/utils/isStatsBucketEmpty.tsx

@@ -1,4 +1,4 @@
-import type {StatsBucket} from '../types';
+import type {StatsBucket} from 'sentry/components/checkInTimeline/types';
 
 export function isStatsBucketEmpty<Status extends string>(
   stats: StatsBucket<Status>

static/app/components/checkInTimeline/utils/mergeBuckets.spec.tsx

@@ -1,4 +1,4 @@
-import type {CheckInBucket, RollupConfig} from '../types';
+import type {CheckInBucket, RollupConfig} from 'sentry/components/checkInTimeline/types';
 
 import {mergeBuckets} from './mergeBuckets';
 import {generateTestStats, type TestStatusCounts, testStatusPrecedent} from './testUtils';

static/app/components/checkInTimeline/utils/mergeBuckets.tsx

@@ -1,6 +1,10 @@
 import chunk from 'lodash/chunk';
 
-import type {CheckInBucket as CheckInStats, JobTickData, RollupConfig} from '../types';
+import type {
+  CheckInBucket as CheckInStats,
+  JobTickData,
+  RollupConfig,
+} from 'sentry/components/checkInTimeline/types';
 
 import {getAggregateStatus} from './getAggregateStatus';
 import {isStatsBucketEmpty} from './isStatsBucketEmpty';

static/app/components/checkInTimeline/utils/mergeStats.tsx

@@ -1,4 +1,4 @@
-import type {StatsBucket} from '../types';
+import type {StatsBucket} from 'sentry/components/checkInTimeline/types';
 
 /**
  * Combines job status counts

static/app/components/checkInTimeline/utils/testUtils.tsx

@@ -1,4 +1,4 @@
-import type {StatsBucket, TickStyle} from '../types';
+import type {StatsBucket, TickStyle} from 'sentry/components/checkInTimeline/types';
 
 export type TestStatusCounts = [
   in_progress: number,

static/app/components/core/badge/alertBadge.tsx

@@ -13,10 +13,9 @@ import {
 import type {SVGIconProps} from 'sentry/icons/svgIcon';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
+import {withChonk} from 'sentry/utils/theme/withChonk';
 import {IncidentStatus} from 'sentry/views/alerts/types';
 
-import {withChonk} from '../../../utils/theme/withChonk';
-
 import {ChonkAlertBadgeDiamondBackground} from './alertBadge.chonk';
 
 export interface AlertBadgeProps {

static/app/components/core/compactSelect/gridList/index.tsx

@@ -5,14 +5,18 @@ import {mergeProps} from '@react-aria/utils';
 import type {ListState} from '@react-stately/list';
 import type {CollectionChildren} from '@react-types/shared';
 
+import {SelectContext} from 'sentry/components/core/compactSelect/control';
+import {SelectFilterContext} from 'sentry/components/core/compactSelect/list';
+import {
+  ListLabel,
+  ListSeparator,
+  ListWrap,
+  SizeLimitMessage,
+} from 'sentry/components/core/compactSelect/styles';
+import type {SelectKey, SelectSection} from 'sentry/components/core/compactSelect/types';
 import {t} from 'sentry/locale';
 import type {FormSize} from 'sentry/utils/theme';
 
-import {SelectContext} from '../control';
-import {SelectFilterContext} from '../list';
-import {ListLabel, ListSeparator, ListWrap, SizeLimitMessage} from '../styles';
-import type {SelectKey, SelectSection} from '../types';
-
 import {GridListOption} from './option';
 import {GridListSection} from './section';
 

static/app/components/core/compactSelect/gridList/option.tsx

@@ -8,13 +8,12 @@ import type {ListState} from '@react-stately/list';
 import type {Node} from '@react-types/shared';
 
 import {Checkbox} from 'sentry/components/core/checkbox';
+import {CheckWrap} from 'sentry/components/core/compactSelect/styles';
 import {InnerWrap, MenuListItem} from 'sentry/components/core/menuListItem';
 import {IconCheckmark} from 'sentry/icons';
 import {space} from 'sentry/styles/space';
 import type {FormSize} from 'sentry/utils/theme';
 
-import {CheckWrap} from '../styles';
-
 interface GridListOptionProps extends AriaGridListItemOptions {
   listState: ListState<any>;
   node: Node<any>;

static/app/components/core/compactSelect/gridList/section.tsx

@@ -3,18 +3,17 @@ import {useSeparator} from '@react-aria/separator';
 import type {ListState} from '@react-stately/list';
 import type {Node} from '@react-types/shared';
 
-import type {FormSize} from 'sentry/utils/theme';
-
-import {SelectFilterContext} from '../list';
+import {SelectFilterContext} from 'sentry/components/core/compactSelect/list';
 import {
   SectionGroup,
   SectionHeader,
   SectionSeparator,
   SectionTitle,
   SectionWrap,
-} from '../styles';
-import type {SelectKey, SelectSection} from '../types';
-import {SectionToggle} from '../utils';
+} from 'sentry/components/core/compactSelect/styles';
+import type {SelectKey, SelectSection} from 'sentry/components/core/compactSelect/types';
+import {SectionToggle} from 'sentry/components/core/compactSelect/utils';
+import type {FormSize} from 'sentry/utils/theme';
 
 import {GridListOption} from './option';
 

static/app/components/core/compactSelect/listBox/index.tsx

@@ -5,12 +5,16 @@ import {mergeProps, mergeRefs} from '@react-aria/utils';
 import type {ListState} from '@react-stately/list';
 import type {CollectionChildren} from '@react-types/shared';
 
+import {
+  ListLabel,
+  ListSeparator,
+  ListWrap,
+  SizeLimitMessage,
+} from 'sentry/components/core/compactSelect/styles';
+import type {SelectKey, SelectSection} from 'sentry/components/core/compactSelect/types';
 import {t} from 'sentry/locale';
 import type {FormSize} from 'sentry/utils/theme';
 
-import {ListLabel, ListSeparator, ListWrap, SizeLimitMessage} from '../styles';
-import type {SelectKey, SelectSection} from '../types';
-
 import {ListBoxOption} from './option';
 import {ListBoxSection} from './section';
 

static/app/components/core/compactSelect/listBox/option.tsx

@@ -6,13 +6,12 @@ import type {ListState} from '@react-stately/list';
 import type {Node} from '@react-types/shared';
 
 import {Checkbox} from 'sentry/components/core/checkbox';
+import {CheckWrap} from 'sentry/components/core/compactSelect/styles';
 import {InnerWrap, MenuListItem} from 'sentry/components/core/menuListItem';
 import {IconCheckmark} from 'sentry/icons';
 import {space} from 'sentry/styles/space';
 import type {FormSize} from 'sentry/utils/theme';
 
-import {CheckWrap} from '../styles';
-
 interface ListBoxOptionProps extends AriaOptionProps {
   item: Node<any>;
   listState: ListState<any>;

static/app/components/core/compactSelect/listBox/section.tsx

@@ -5,17 +5,16 @@ import {useSeparator} from '@react-aria/separator';
 import type {ListState} from '@react-stately/list';
 import type {Node} from '@react-types/shared';
 
-import type {FormSize} from 'sentry/utils/theme';
-
 import {
   SectionGroup,
   SectionHeader,
   SectionSeparator,
   SectionTitle,
   SectionWrap,
-} from '../styles';
-import type {SelectKey, SelectSection} from '../types';
-import {SectionToggle} from '../utils';
+} from 'sentry/components/core/compactSelect/styles';
+import type {SelectKey, SelectSection} from 'sentry/components/core/compactSelect/types';
+import {SectionToggle} from 'sentry/components/core/compactSelect/utils';
+import type {FormSize} from 'sentry/utils/theme';
 
 import {ListBoxOption} from './option';
 

static/app/components/deprecatedSmartSearchBar/index.tsx

@@ -9,6 +9,8 @@ import {fetchRecentSearches, saveRecentSearch} from 'sentry/actionCreators/saved
 import type {Client} from 'sentry/api';
 import {Button} from 'sentry/components/core/button';
 import {ButtonBar} from 'sentry/components/core/button/buttonBar';
+import type {MenuItemProps} from 'sentry/components/dropdownMenu';
+import {DropdownMenu} from 'sentry/components/dropdownMenu';
 import {normalizeDateTimeParams} from 'sentry/components/organizations/pageFilters/parse';
 import type {
   BooleanOperator,
@@ -54,9 +56,6 @@ import withOrganization from 'sentry/utils/withOrganization';
 // eslint-disable-next-line no-restricted-imports
 import withSentryRouter from 'sentry/utils/withSentryRouter';
 
-import type {MenuItemProps} from '../dropdownMenu';
-import {DropdownMenu} from '../dropdownMenu';
-
 import SearchBarDatePicker from './searchBarDatePicker';
 import SearchDropdown from './searchDropdown';
 import SearchHotkeysListener from './searchHotkeysListener';

static/app/components/deprecatedSmartSearchBar/types.tsx

@@ -1,7 +1,6 @@
+import type {Token, TokenResult} from 'sentry/components/searchSyntax/parser';
 import type {FieldKind} from 'sentry/utils/fields';
 
-import type {Token, TokenResult} from '../searchSyntax/parser';
-
 export enum ItemType {
   DEFAULT = 'default',
   TAG_KEY = 'tag-key',

static/app/components/dynamicSampling/investigationRule.tsx

@@ -15,6 +15,7 @@ import type {Organization} from 'sentry/types/organization';
 import {trackAnalytics} from 'sentry/utils/analytics';
 import type EventView from 'sentry/utils/discover/eventView';
 import {DiscoverDatasets} from 'sentry/utils/discover/types';
+import {handleXhrErrorResponse} from 'sentry/utils/handleXhrErrorResponse';
 import type {ApiQueryKey} from 'sentry/utils/queryClient';
 import {useApiQuery, useMutation, useQueryClient} from 'sentry/utils/queryClient';
 import type RequestError from 'sentry/utils/requestError/requestError';
@@ -24,8 +25,6 @@ import {Datasource} from 'sentry/views/alerts/rules/metric/types';
 import {getQueryDatasource} from 'sentry/views/alerts/utils';
 import {hasDatasetSelector} from 'sentry/views/dashboards/utils';
 
-import {handleXhrErrorResponse} from '../../utils/handleXhrErrorResponse';
-
 // Number of samples under which we can trigger an investigation rule
 const INVESTIGATION_MAX_SAMPLES_TRIGGER = 5;
 

static/app/components/events/eventCustomPerformanceMetrics.tsx

@@ -5,6 +5,7 @@ import type {Location} from 'history';
 import {SectionHeading} from 'sentry/components/charts/styles';
 import {DropdownMenu} from 'sentry/components/dropdownMenu';
 import Panel from 'sentry/components/panels/panel';
+import {Tooltip} from 'sentry/components/tooltip';
 import {IconEllipsis} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
@@ -20,8 +21,6 @@ import {
 import {isCustomMeasurement} from 'sentry/views/dashboards/utils';
 import {transactionSummaryRouteWithQuery} from 'sentry/views/performance/transactionSummary/utils';
 
-import {Tooltip} from '../tooltip';
-
 export enum EventDetailPageSource {
   PERFORMANCE = 'performance',
   DISCOVER = 'discover',

static/app/components/events/eventExtraData/index.tsx

@@ -1,6 +1,10 @@
 import {useState} from 'react';
 
 import ContextBlock from 'sentry/components/events/contexts/contextBlock';
+import {
+  getKnownData,
+  getKnownStructuredData,
+} from 'sentry/components/events/contexts/utils';
 import {SegmentedControl} from 'sentry/components/segmentedControl';
 import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
@@ -9,8 +13,6 @@ import {isEmptyObject} from 'sentry/utils/object/isEmptyObject';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
 import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
 
-import {getKnownData, getKnownStructuredData} from '../contexts/utils';
-
 import {getEventExtraDataKnownDataDetails} from './getEventExtraDataKnownDataDetails';
 import type {EventExtraData as TEventExtraData, EventExtraDataType} from './types';
 

static/app/components/events/eventTags/index.tsx

@@ -4,15 +4,14 @@ import * as Sentry from '@sentry/react';
 import EventTagCustomBanner from 'sentry/components/events/eventTags/eventTagCustomBanner';
 import EventTagsTree from 'sentry/components/events/eventTags/eventTagsTree';
 import {TagFilter} from 'sentry/components/events/eventTags/util';
+import {AnnotatedText} from 'sentry/components/events/meta/annotatedText';
 import type {Event, EventTag} from 'sentry/types/event';
 import type {Project} from 'sentry/types/project';
 import {defined} from 'sentry/utils';
 import {trackAnalytics} from 'sentry/utils/analytics';
 import {isMobilePlatform} from 'sentry/utils/platform';
 import useOrganization from 'sentry/utils/useOrganization';
 
-import {AnnotatedText} from '../meta/annotatedText';
-
 type Props = {
   event: Event;
   projectSlug: Project['slug'];

static/app/components/events/eventTagsAndScreenshot/tags.tsx

@@ -3,6 +3,7 @@ import styled from '@emotion/styled';
 
 import GuideAnchor from 'sentry/components/assistant/guideAnchor';
 import {ButtonBar} from 'sentry/components/core/button/buttonBar';
+import {EventTags} from 'sentry/components/events/eventTags';
 import {
   getSentryDefaultTags,
   TagFilter,
@@ -18,8 +19,6 @@ import type {Project} from 'sentry/types/project';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
 import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
 
-import {EventTags} from '../eventTags';
-
 type Props = {
   event: Event;
   projectSlug: Project['slug'];

static/app/components/events/interfaces/breadcrumbs/index.tsx

@@ -9,6 +9,7 @@ import {CompactSelect} from 'sentry/components/core/compactSelect';
 import ErrorBoundary from 'sentry/components/errorBoundary';
 import type {EnhancedCrumb} from 'sentry/components/events/breadcrumbs/utils';
 import type {BreadcrumbWithMeta} from 'sentry/components/events/interfaces/breadcrumbs/types';
+import SearchBarAction from 'sentry/components/events/interfaces/searchBarAction';
 import {IconSort} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
@@ -21,8 +22,6 @@ import {useLocalStorageState} from 'sentry/utils/useLocalStorageState';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
 import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
 
-import SearchBarAction from '../searchBarAction';
-
 import {Level} from './breadcrumb/level';
 import Type from './breadcrumb/type';
 import Breadcrumbs from './breadcrumbs';

static/app/components/events/interfaces/crashContent/exception/stackTrace.tsx

@@ -1,4 +1,6 @@
 import EmptyMessage from 'sentry/components/emptyMessage';
+import StackTraceContent from 'sentry/components/events/interfaces/crashContent/stackTrace/content';
+import {NativeContent} from 'sentry/components/events/interfaces/crashContent/stackTrace/nativeContent';
 import type {FrameSourceMapDebuggerData} from 'sentry/components/events/interfaces/sourceMapsDebuggerModal';
 import Panel from 'sentry/components/panels/panel';
 import {IconWarning} from 'sentry/icons';
@@ -11,9 +13,6 @@ import {defined} from 'sentry/utils';
 import {isNativePlatform} from 'sentry/utils/platform';
 import {useHasStreamlinedUI} from 'sentry/views/issueDetails/utils';
 
-import StackTraceContent from '../stackTrace/content';
-import {NativeContent} from '../stackTrace/nativeContent';
-
 type Props = {
   chainedException: boolean;
   data: ExceptionValue['stacktrace'];