ref(compactSelect): Use named exports (#44243)

Use named exports for `CompactSelect` and `CompositeSelect`

docs-ui/stories/components/compositeSelect.stories.js

@@ -1,4 +1,4 @@
-import CompositeSelect from 'sentry/components/compactSelect/composite';
+import {CompositeSelect} from 'sentry/components/compactSelect/composite';
 
 export default {
   title: 'Components/Composite Select',

static/app/components/charts/optionSelector.tsx

@@ -1,7 +1,8 @@
 import {Fragment, useMemo} from 'react';
 import styled from '@emotion/styled';
 
-import CompactSelect, {
+import {
+  CompactSelect,
   MultipleSelectProps,
   SelectOption,
   SingleSelectProps,

static/app/components/compactSelect/composite.spec.tsx

@@ -1,6 +1,6 @@
 import {render, screen, userEvent, waitFor} from 'sentry-test/reactTestingLibrary';
 
-import CompositeSelect from 'sentry/components/compactSelect/composite';
+import {CompositeSelect} from 'sentry/components/compactSelect/composite';
 
 describe('CompactSelect', function () {
   it('renders', function () {

static/app/components/compactSelect/composite.tsx

@@ -128,7 +128,7 @@ CompositeSelect.Region = function <Value extends React.Key>(
   return null;
 };
 
-export default CompositeSelect;
+export {CompositeSelect};
 
 type RegionProps<Value extends React.Key> = CompositeSelectRegion<Value> & {
   compositeIndex: SingleListBoxProps<Value>['compositeIndex'];

static/app/components/compactSelect/index.spec.tsx

@@ -1,6 +1,6 @@
 import {render, screen, userEvent} from 'sentry-test/reactTestingLibrary';
 
-import CompactSelect from 'sentry/components/compactSelect';
+import {CompactSelect} from 'sentry/components/compactSelect';
 
 describe('CompactSelect', function () {
   it('renders', function () {

static/app/components/compactSelect/index.tsx

@@ -12,7 +12,7 @@ import type {
   SelectSection,
 } from './types';
 
-export {SelectOption, SelectOptionOrSection, SelectSection};
+export type {SelectOption, SelectOptionOrSection, SelectSection};
 
 interface BaseSelectProps<Value extends React.Key> extends ControlProps {
   options: SelectOptionOrSection<Value>[];
@@ -123,4 +123,4 @@ function CompactSelect<Value extends React.Key>({
   );
 }
 
-export default CompactSelect;
+export {CompactSelect};

static/app/components/discover/transactionsList.tsx

@@ -5,7 +5,7 @@ import {Location, LocationDescriptor, Query} from 'history';
 
 import GuideAnchor from 'sentry/components/assistant/guideAnchor';
 import {Button} from 'sentry/components/button';
-import CompactSelect from 'sentry/components/compactSelect';
+import {CompactSelect} from 'sentry/components/compactSelect';
 import DiscoverButton from 'sentry/components/discoverButton';
 import Pagination, {CursorHandler} from 'sentry/components/pagination';
 import {t} from 'sentry/locale';

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

@@ -5,7 +5,8 @@ import pick from 'lodash/pick';
 
 import GuideAnchor from 'sentry/components/assistant/guideAnchor';
 import {Button} from 'sentry/components/button';
-import CompactSelect, {
+import {
+  CompactSelect,
   SelectOption,
   SelectSection,
 } from 'sentry/components/compactSelect';

static/app/components/events/interfaces/searchBarAction.tsx

@@ -1,6 +1,7 @@
 import styled from '@emotion/styled';
 
-import CompactSelect, {
+import {
+  CompactSelect,
   SelectOption,
   SelectOptionOrSection,
 } from 'sentry/components/compactSelect';

static/app/components/events/interfaces/spans/filter.tsx

@@ -1,7 +1,7 @@
 import {useMemo} from 'react';
 import styled from '@emotion/styled';
 
-import CompactSelect from 'sentry/components/compactSelect';
+import {CompactSelect} from 'sentry/components/compactSelect';
 import {pickBarColor} from 'sentry/components/performance/waterfall/utils';
 import {IconFilter} from 'sentry/icons';
 import {t, tn} from 'sentry/locale';