Clean up barrel files part 4 (supabase#40015)

* Clean up barrel files part 4

* nit

Author: joshenlim

apps/studio/components/grid/components/formatter/ReferenceRecordPeek.tsx

@@ -9,11 +9,11 @@ import {
   getColumnDefaultWidth,
 } from 'components/grid/utils/gridColumns'
 import { convertByteaToHex } from 'components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/RowEditor.utils'
+import ShimmeringLoader from 'components/ui/ShimmeringLoader'
 import { EditorTablePageLink } from 'data/prefetchers/project.$ref.editor.$id'
 import { useTableRowsQuery } from 'data/table-rows/table-rows-query'
 import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
 import { Button, cn, Tooltip, TooltipContent, TooltipTrigger } from 'ui'
-import ShimmeringLoader from 'ui-patterns/ShimmeringLoader'
 
 interface ReferenceRecordPeekProps {
   table: PostgresTable

apps/studio/components/interfaces/Auth/AuthProvidersForm/index.tsx

@@ -9,7 +9,7 @@ import {
 } from 'components/layouts/Scaffold'
 import AlertError from 'components/ui/AlertError'
 import { ResourceList } from 'components/ui/Resource/ResourceList'
-import { HorizontalShimmerWithIcon } from 'components/ui/Shimmers/Shimmers'
+import { HorizontalShimmerWithIcon } from 'components/ui/Shimmers'
 import { useAuthConfigQuery } from 'data/auth/auth-config-query'
 import {
   Alert_Shadcn_,

apps/studio/components/interfaces/Auth/RedirectUrls/RedirectUrlList.tsx

@@ -2,7 +2,7 @@ import { PermissionAction } from '@supabase/shared-types/out/constants'
 import { Globe, Trash } from 'lucide-react'
 
 import { ButtonTooltip } from 'components/ui/ButtonTooltip'
-import { EmptyListState } from 'components/ui/States'
+import { EmptyListState } from 'components/ui/EmptyListState'
 import { useAsyncCheckPermissions } from 'hooks/misc/useCheckPermissions'
 import { Button, Checkbox_Shadcn_ } from 'ui'
 import { ValueContainer } from './ValueContainer'

apps/studio/components/interfaces/Auth/RedirectUrls/RedirectUrls.tsx

@@ -9,7 +9,7 @@ import {
 } from 'components/layouts/Scaffold'
 import AlertError from 'components/ui/AlertError'
 import { DocsButton } from 'components/ui/DocsButton'
-import { HorizontalShimmerWithIcon } from 'components/ui/Shimmers/Shimmers'
+import { HorizontalShimmerWithIcon } from 'components/ui/Shimmers'
 import { useAuthConfigQuery } from 'data/auth/auth-config-query'
 import { useAuthConfigUpdateMutation } from 'data/auth/auth-config-update-mutation'
 import { DOCS_URL } from 'lib/constants'

apps/studio/components/interfaces/Integrations/VercelGithub/IntegrationPanels.tsx

@@ -72,7 +72,7 @@ const Avatar = ({ src }: { src: string | undefined }) => {
   )
 }
 
-const IntegrationInstallation = forwardRef<HTMLLIElement, IntegrationInstallationProps>(
+export const IntegrationInstallation = forwardRef<HTMLLIElement, IntegrationInstallationProps>(
   ({ integration, disabled, ...props }, ref) => {
     const IntegrationIconBlock = () => {
       return (
@@ -144,7 +144,7 @@ export interface IntegrationConnectionProps extends HTMLAttributes<HTMLLIElement
   orientation?: 'horizontal' | 'vertical'
 }
 
-const IntegrationConnection = forwardRef<HTMLLIElement, IntegrationConnectionProps>(
+export const IntegrationConnection = forwardRef<HTMLLIElement, IntegrationConnectionProps>(
   (
     { connection, type, actions, showNode = true, orientation = 'horizontal', className, ...props },
     ref
@@ -233,7 +233,7 @@ const IntegrationConnection = forwardRef<HTMLLIElement, IntegrationConnectionPro
   }
 )
 
-const IntegrationConnectionOption = forwardRef<HTMLLIElement, IntegrationConnectionProps>(
+export const IntegrationConnectionOption = forwardRef<HTMLLIElement, IntegrationConnectionProps>(
   ({ connection, type, ...props }, ref) => {
     const { data: project } = useProjectDetailQuery({ ref: connection.supabase_project_ref })
 
@@ -266,7 +266,7 @@ const IntegrationConnectionOption = forwardRef<HTMLLIElement, IntegrationConnect
   }
 )
 
-const EmptyIntegrationConnection = forwardRef<
+export const EmptyIntegrationConnection = forwardRef<
   HTMLDivElement,
   HTMLAttributes<HTMLDivElement> & {
     showNode?: boolean
@@ -319,7 +319,7 @@ interface IntegrationConnectionHeader extends React.HTMLAttributes<HTMLDivElemen
   showNode?: boolean
 }
 
-const IntegrationConnectionHeader = forwardRef<HTMLDivElement, IntegrationConnectionHeader>(
+export const IntegrationConnectionHeader = forwardRef<HTMLDivElement, IntegrationConnectionHeader>(
   ({ className, markdown = '', showNode = true, ...props }, ref) => {
     return (
       <div
@@ -343,11 +343,3 @@ IntegrationConnection.displayName = 'IntegrationConnection'
 IntegrationConnectionHeader.displayName = 'IntegrationConnectionHeader'
 EmptyIntegrationConnection.displayName = 'EmptyIntegrationConnection'
 IntegrationConnectionOption.displayName = 'IntegrationConnectionOption'
-
-export {
-  EmptyIntegrationConnection,
-  IntegrationConnection,
-  IntegrationConnectionHeader,
-  IntegrationConnectionOption,
-  IntegrationInstallation,
-}

apps/studio/components/interfaces/Settings/Logs/PreviewFilterPanelWithUniversal.tsx

@@ -108,7 +108,7 @@ function useDebounce<T extends (...args: any[]) => void>(callback: T, delay: num
   ) as T
 }
 
-const PreviewFilterPanelWithUniversal = ({
+export const PreviewFilterPanelWithUniversal = ({
   isLoading,
   newCount,
   onRefresh,
@@ -380,5 +380,3 @@ const PreviewFilterPanelWithUniversal = ({
     </div>
   )
 }
-
-export { PreviewFilterPanelWithUniversal }

apps/studio/components/interfaces/UnifiedLogs/ServiceFlow/components/ServiceBlocks.tsx

@@ -9,31 +9,20 @@ import {
 import { createBlock } from './shared/Block'
 
 // Generate all block components
-const MemoizedGoTrueBlock = createBlock(authBlockConfig)
-
-const MemoizedPostgRESTBlock = createBlock(postgrestBlockConfig)
-
-const MemoizedNetworkBlock = createBlock(networkBlockConfig)
-
-const MemoizedEdgeFunctionBlock = createBlock(edgeFunctionBlockConfig)
-
-const MemoizedStorageBlock = createBlock(storageBlockConfig)
-
-const MemoizedPostgresBlock = createBlock(postgresBlockConfig)
-
-// Set display names for debugging
+export const MemoizedGoTrueBlock = createBlock(authBlockConfig)
 MemoizedGoTrueBlock.displayName = 'MemoizedGoTrueBlock'
+
+export const MemoizedPostgRESTBlock = createBlock(postgrestBlockConfig)
 MemoizedPostgRESTBlock.displayName = 'MemoizedPostgRESTBlock'
+
+export const MemoizedNetworkBlock = createBlock(networkBlockConfig)
 MemoizedNetworkBlock.displayName = 'MemoizedNetworkBlock'
+
+export const MemoizedEdgeFunctionBlock = createBlock(edgeFunctionBlockConfig)
 MemoizedEdgeFunctionBlock.displayName = 'MemoizedEdgeFunctionBlock'
+
+export const MemoizedStorageBlock = createBlock(storageBlockConfig)
 MemoizedStorageBlock.displayName = 'MemoizedStorageBlock'
-MemoizedPostgresBlock.displayName = 'MemoizedPostgresBlock'
 
-export {
-  MemoizedEdgeFunctionBlock,
-  MemoizedGoTrueBlock,
-  MemoizedNetworkBlock,
-  MemoizedPostgresBlock,
-  MemoizedPostgRESTBlock,
-  MemoizedStorageBlock,
-}
+export const MemoizedPostgresBlock = createBlock(postgresBlockConfig)
+MemoizedPostgresBlock.displayName = 'MemoizedPostgresBlock'

apps/studio/components/interfaces/UnifiedLogs/ServiceFlow/components/shared/BlockField.tsx

@@ -5,7 +5,7 @@ import { getStatusLevel } from '../../../UnifiedLogs.utils'
 import { BlockFieldProps } from '../../types'
 import { TruncatedTextWithPopover } from './TruncatedTextWithPopover'
 
-const BlockField = ({
+export const BlockField = ({
   config,
   data,
   enrichedData,
@@ -84,5 +84,3 @@ const BlockField = ({
 
   return <div className="flex justify-between items-center py-1 px-2">{fieldContent}</div>
 }
-
-export { BlockField }

apps/studio/components/interfaces/UnifiedLogs/ServiceFlow/components/shared/CollapsibleSection.tsx

@@ -23,7 +23,7 @@ interface CollapsibleSectionProps {
   defaultOpen?: boolean
 }
 
-const CollapsibleSection = ({
+export const CollapsibleSection = ({
   title,
   fields,
   data,
@@ -67,5 +67,3 @@ const CollapsibleSection = ({
     </div>
   )
 }
-
-export { CollapsibleSection }

apps/studio/components/interfaces/UnifiedLogs/ServiceFlow/components/shared/FieldWithSeeMore.tsx

@@ -14,7 +14,7 @@ import { BlockFieldConfig } from '../../types'
 import { BlockField } from './BlockField'
 
 // Single source of truth for field row styling
-const FieldRow = ({
+export const FieldRow = ({
   label,
   value,
   expandButton,
@@ -44,7 +44,7 @@ interface FieldWithSeeMoreProps {
 }
 
 // Primary field with expandable additional details
-const FieldWithSeeMore = ({
+export const FieldWithSeeMore = ({
   primaryField,
   additionalFields,
   data,
@@ -131,5 +131,3 @@ const FieldWithSeeMore = ({
     </div>
   )
 }
-
-export { FieldRow, FieldWithSeeMore }