Remove barrel files part 1 (supabase#39955)

Author: joshenlim

apps/studio/components/grid/components/grid/ColumnHeader.tsx

@@ -8,7 +8,7 @@ import { FOREIGN_KEY_CASCADE_ACTION } from 'data/database/database-query-constan
 import { useTableEditorTableStateSnapshot } from 'state/table-editor-table'
 import { Tooltip, TooltipContent, TooltipTrigger } from 'ui'
 import type { ColumnHeaderProps, ColumnType, DragItem, GridForeignKey } from '../../types'
-import { ColumnMenu } from '../menu'
+import { ColumnMenu } from '../menu/ColumnMenu'
 
 export function ColumnHeader<R>({
   column,

apps/studio/components/grid/components/menu/ColumnMenu.tsx

@@ -23,7 +23,7 @@ interface ColumnMenuProps {
   isEncrypted?: boolean
 }
 
-const ColumnMenu = ({ column, isEncrypted }: ColumnMenuProps) => {
+export const ColumnMenu = ({ column, isEncrypted }: ColumnMenuProps) => {
   const tableEditorSnap = useTableEditorStateSnapshot()
   const snap = useTableEditorTableStateSnapshot()
   const { sorts, addOrUpdateSort, removeSort } = useTableSort()
@@ -163,5 +163,3 @@ const ColumnMenu = ({ column, isEncrypted }: ColumnMenuProps) => {
     </>
   )
 }
-
-export default ColumnMenu

apps/studio/components/grid/components/menu/index.ts

@@ -3,7 +3,7 @@ import { ArrowDown, ArrowUp, RefreshCw } from 'lucide-react'
 import { useEffect, useMemo, useState } from 'react'
 
 import { useDebounce } from '@uidotdev/usehooks'
-import { LogDetailsPanel } from 'components/interfaces/AuditLogs'
+import { LogDetailsPanel } from 'components/interfaces/AuditLogs/LogDetailsPanel'
 import Table from 'components/to-be-cleaned/Table'
 import AlertError from 'components/ui/AlertError'
 import { ButtonTooltip } from 'components/ui/ButtonTooltip'
@@ -17,7 +17,7 @@ import { Button } from 'ui'
 import { TimestampInfo } from 'ui-patterns'
 import { LogsDatePicker } from '../Settings/Logs/Logs.DatePickers'
 
-const AuditLogs = () => {
+export const AuditLogs = () => {
   const currentTime = dayjs().utc().set('millisecond', 0)
 
   const [search, setSearch] = useState('')
@@ -294,5 +294,3 @@ const AuditLogs = () => {
     </>
   )
 }
-
-export default AuditLogs

apps/studio/components/interfaces/Account/AuditLogs.tsx

@@ -1,4 +1,3 @@
-import { Github } from 'lucide-react'
 import Image from 'next/image'
 
 import Panel from 'components/ui/Panel'
@@ -8,7 +7,7 @@ import { openInstallGitHubIntegrationWindow } from 'lib/github'
 import { Badge, Button, cn } from 'ui'
 import ShimmeringLoader from 'ui-patterns/ShimmeringLoader'
 
-const AccountConnections = () => {
+export const AccountConnections = () => {
   const {
     data: gitHubAuthorization,
     isLoading,
@@ -78,5 +77,3 @@ const AccountConnections = () => {
     </Panel>
   )
 }
-
-export { AccountConnections }

apps/studio/components/interfaces/Account/Preferences/AccountConnections.tsx

@@ -10,7 +10,7 @@ import { AlertDescription_Shadcn_, AlertTitle_Shadcn_, Alert_Shadcn_, Button } f
 import { AddNewFactorModal } from './AddNewFactorModal'
 import DeleteFactorModal from './DeleteFactorModal'
 
-const TOTPFactors = () => {
+export const TOTPFactors = () => {
   const [isAddNewFactorOpen, setIsAddNewFactorOpen] = useState(false)
   const [factorToBeDeleted, setFactorToBeDeleted] = useState<string | null>(null)
   const { data, isLoading, isError, isSuccess, error } = useMfaListFactorsQuery()
@@ -88,5 +88,3 @@ const TOTPFactors = () => {
     </>
   )
 }
-
-export default TOTPFactors

apps/studio/components/interfaces/Account/TOTPFactors/index.tsx

@@ -6,7 +6,7 @@ import IncidentBanner from 'components/layouts/AppLayout/IncidentBanner'
 import { NoticeBanner } from 'components/layouts/AppLayout/NoticeBanner'
 import { OrganizationResourceBanner } from '../Organization/HeaderBanner'
 
-const AppBannerWrapper = ({ children }: PropsWithChildren<{}>) => {
+export const AppBannerWrapper = ({ children }: PropsWithChildren<{}>) => {
   const ongoingIncident = useFlag('ongoingIncident')
   const showNoticeBanner = useFlag('showNoticeBanner')
   const clockSkewBanner = useFlag('clockSkewBanner')
@@ -23,5 +23,3 @@ const AppBannerWrapper = ({ children }: PropsWithChildren<{}>) => {
     </div>
   )
 }
-
-export default AppBannerWrapper

apps/studio/components/interfaces/Account/index.ts

@@ -1,12 +1,12 @@
-import { LifeBuoy, Activity } from 'lucide-react'
+import { Activity, LifeBuoy } from 'lucide-react'
 import { useMemo } from 'react'
 
 import { IS_PLATFORM } from 'common'
 import type { ICommand } from 'ui-patterns/CommandMenu'
 import { useRegisterCommands } from 'ui-patterns/CommandMenu'
 import { COMMAND_MENU_SECTIONS } from './CommandMenu.utils'
 
-const useSupportCommands = () => {
+export const useSupportCommands = () => {
   const commands = useMemo(
     () =>
       [
@@ -37,5 +37,3 @@ const useSupportCommands = () => {
 
   useRegisterCommands(COMMAND_MENU_SECTIONS.SUPPORT, commands, { enabled: IS_PLATFORM })
 }
-
-export { useSupportCommands }

apps/studio/components/interfaces/App/AppBannerWrapper.tsx

@@ -4,9 +4,7 @@ import { useCommandMenuInitiated } from 'ui-patterns/CommandMenu'
 
 const LazyCommandMenu = dynamic(() => import('./CommandMenu'), { ssr: false })
 
-const StudioCommandMenu = () => {
+export const StudioCommandMenu = () => {
   const isInitiated = useCommandMenuInitiated()
   return isInitiated && <LazyCommandMenu />
 }
-
-export { StudioCommandMenu }