From b30db91d71c0bff5fc21b44913c873c436bb8d62 Mon Sep 17 00:00:00 2001 From: Gildas Garcia <1122076+djhi@users.noreply.github.com> Date: Tue, 30 Jun 2026 09:23:17 +0200 Subject: [PATCH] chore: cleanup UI patterns exports (#47406) ## Problem We now export components under a subpath in ui-patterns to avoid barrel files as they slow down every tools (from IDE to linters, etc.) and may also affect bundles our users have to download. ## Solution - Remove the UI patterns index file - Fix invalid impors --- .../default/example/copy-empty-states.tsx | 2 +- .../empty-state-presentational-buttons.tsx | 2 +- .../empty-state-presentational-demo.tsx | 2 +- .../empty-state-presentational-icon.tsx | 2 +- .../default/example/filter-bar-demo.tsx | 2 +- .../example/page-layout-logs-content.tsx | 2 +- .../default/example/status-code-demo.tsx | 2 +- .../registry/default/example/toc-demo.tsx | 8 +++++- .../default/example/toc-single-demo.tsx | 8 +++++- .../database/database-advisors/page.tsx | 2 +- .../extensions/wrappers/[[...slug]]/page.tsx | 2 +- .../ai-prompts/[slug]/AiPromptsIndex.tsx | 2 +- .../Navigation/NavigationMenu/TopNavBar.tsx | 3 ++- .../ProjectConfigVariables.ComboBox.tsx | 8 +++--- apps/docs/features/docs/GuidesMdx.client.tsx | 3 ++- .../docs/Troubleshooting.ui.client.tsx | 2 +- apps/docs/features/ui/McpConfigPanel.tsx | 4 +-- apps/learn/components/side-navigation.tsx | 2 +- .../components/grid/MsSqlValidation.tsx | 2 +- .../grid/components/editor/DateTimeEditor.tsx | 2 +- .../grid/components/grid/GridError.tsx | 2 +- .../grid/components/header/ExportDialog.tsx | 2 +- .../header/filter/FilterPopoverNew.tsx | 2 +- .../header/filter/FilterPopoverNew.utils.ts | 2 +- .../interfaces/APIKeys/APIKeyRow.tsx | 3 ++- .../interfaces/APIKeys/PublishableAPIKeys.tsx | 3 ++- .../AccessTokenNewBanner.tsx | 2 +- .../AccessTokens/Classic/NewTokenDialog.tsx | 2 +- .../Scoped/NewScopedTokenSheet.tsx | 2 +- .../interfaces/Advisors/AdvisorRuleItem.tsx | 2 +- .../interfaces/Advisors/CreateRuleSheet.tsx | 2 +- .../ApiAuthorization.Approved.tsx | 2 +- .../ApiAuthorization.Error.tsx | 2 +- .../ApiAuthorization.Form.tsx | 3 ++- .../ApiAuthorization.Invalid.tsx | 2 +- .../ApiAuthorization.Loading.tsx | 2 +- .../ContextSearchResults.shared.tsx | 2 +- .../interfaces/Auth/AuditLogsForm.tsx | 3 ++- .../Auth/AuthProvidersForm/ProviderForm.tsx | 2 +- .../Auth/EmailTemplates/SpamValidation.tsx | 2 +- .../Auth/EmailTemplates/TemplateEditor.tsx | 2 +- .../interfaces/Auth/Hooks/CreateHookSheet.tsx | 2 +- .../interfaces/Auth/Hooks/HooksListing.tsx | 3 ++- .../MfaAuthSettingsForm.tsx | 2 +- .../Auth/OAuthApps/OAuthEndpointsTable.tsx | 6 ++--- .../Auth/Overview/OverviewMetrics.tsx | 2 +- .../Auth/PerformanceSettingsForm.tsx | 2 +- .../Auth/Policies/PolicyTableRow/index.tsx | 2 +- .../ProtectionAuthSettingsForm.tsx | 2 +- .../Auth/RLSTester/RLSTesterResults.tsx | 2 +- .../Auth/RLSTester/RLSTesterSheet.tsx | 2 +- .../Auth/RLSTester/SandboxManagement.tsx | 2 +- .../Auth/RLSTester/UserSelector.tsx | 3 ++- .../SessionsAuthSettingsForm.tsx | 2 +- .../interfaces/Auth/SiteUrl/SiteUrl.tsx | 2 +- .../interfaces/Auth/SmtpForm/SmtpForm.tsx | 3 ++- .../interfaces/Auth/Users/UserLogs.tsx | 3 ++- .../Billing/NoProjectsOnPaidOrgInfo.tsx | 2 +- .../DeletePaymentMethodModal.tsx | 2 +- .../DiskIOBandwidthWarnings.tsx | 2 +- .../BranchManagement/BranchPanels.tsx | 2 +- .../BranchManagement/OutOfDateNotice.tsx | 2 +- .../BranchManagement/WorkflowLogs.tsx | 3 ++- .../interfaces/Branching/MergeRequest.tsx | 2 +- .../ConnectSheet/ConnectStepsSection.tsx | 2 +- .../content/server/env/content.tsx | 2 +- .../Database/Backups/BackupItem.tsx | 2 +- .../Database/Backups/BackupsEmpty.tsx | 2 +- .../Database/Backups/BackupsList.tsx | 2 +- .../RestoreToNewProject/BackupsList.tsx | 2 +- .../Extensions/EnableExtensionModal.tsx | 2 +- .../Database/Extensions/ExtensionRow.tsx | 2 +- .../Functions/FunctionsList/FunctionsList.tsx | 2 +- .../Database/Indexes/CreateIndexSidePanel.tsx | 2 +- .../Database/Migrations/Migrations.tsx | 3 ++- .../Migrations/MigrationsEmptyState.tsx | 2 +- .../Database/ProtectedSchemaWarning.tsx | 2 +- .../Publications/PublicationsTables.tsx | 2 +- .../AnalyticsBucket/Fields.tsx | 2 +- .../DestinationForm/DuckLake/Fields.tsx | 2 +- .../DestinationForm/PublicationSelection.tsx | 2 +- .../ValidationFailuresSection.tsx | 2 +- .../ReadReplicaEligibilityWarnings.tsx | 2 +- .../Database/Replication/Destinations.tsx | 3 ++- .../Replication/EnablePipelinesCallout.tsx | 2 +- .../ReadReplicas/ReadReplicaDetails.tsx | 4 +-- .../ReadReplicas/ReadReplicaRow.tsx | 2 +- .../ReplicationPipelineStatus.tsx | 2 +- .../PreviousRestoreItem.tsx | 2 +- .../EventTriggersList/EventTriggersList.tsx | 2 +- .../Triggers/TriggersList/TriggersList.tsx | 2 +- .../DiskManagement/DiskManagementForm.tsx | 2 +- .../DiskManagementPanelForm.tsx | 4 +-- .../DiskManagement/fields/AutoScaleFields.tsx | 2 +- .../fields/ComputeSizeField.tsx | 3 ++- .../DiskManagement/ui/FormMessage.tsx | 2 +- .../Docs/PublicSchemaNotEnabledAlert.tsx | 2 +- .../EdgeFunctionRecentInvocations.tsx | 3 ++- .../EdgeFunctionSecret.tsx | 2 +- .../Functions/EdgeFunctionsListItem.tsx | 3 ++- .../Home/ProjectList/EmptyStates.tsx | 2 +- .../Home/ProjectList/ProjectTableRow.tsx | 2 +- .../CronJobs/CronJobTableCell.tsx | 2 +- .../Integrations/CronJobs/PreviousRunsTab.tsx | 2 +- .../Integrations/DataApi/DocViewLoading.tsx | 2 +- .../Integrations/DataApi/DocsTab.tsx | 2 +- .../ConnectedResourceGroupSection.tsx | 2 +- .../Integration/LegacyIntegrationPage.tsx | 11 ++++---- .../MarketplaceIntegrationSettingsTab.tsx | 3 ++- .../Marketplace/MarketplaceDetail.tsx | 2 +- .../MarketplaceDetailBreadcrumbs.tsx | 2 +- .../Marketplace/MarketplaceDetailHero.tsx | 2 +- .../Marketplace/MarketplaceIndex.tsx | 6 ++--- .../Marketplace/MarketplaceSidebar.tsx | 2 +- .../CreateQueueSheet/PgPartmanCallout.tsx | 2 +- .../Queues/CreateQueueSheet/RlsSection.tsx | 2 +- .../Integrations/Queues/OverviewTab.tsx | 2 +- .../Integrations/Queues/QueuesSettings.tsx | 2 +- .../Integrations/Webhooks/OverviewTab.tsx | 2 +- .../StripeSyncEngine/OverviewTab.tsx | 2 +- .../StripeSyncSettingsPage.tsx | 4 ++- .../jwt-secret-keys-table/signing-key-row.tsx | 2 +- .../Linter/GraphqlExposureLintCTA.tsx | 2 +- .../LogDrains/OrgAuditLogDrains.tsx | 2 +- .../BillingSettings/CreditCodeRedemption.tsx | 4 ++- .../Subscription/DowngradeModal.tsx | 2 +- .../SubscriptionPlanUpdateDialog.tsx | 2 +- .../AwsMarketplaceOnboarding.components.tsx | 3 ++- .../AwsMarketplaceOnboarding.tsx | 3 ++- .../OrganizationDeletePanel.tsx | 2 +- .../UpgradeExistingOrganizationCallout.tsx | 2 +- .../OAuthApps/AuthorizedAppRow.tsx | 2 +- .../Organization/OAuthApps/DeleteAppModal.tsx | 2 +- .../Organization/OAuthApps/OAuthAppRow.tsx | 2 +- .../Organization/OAuthApps/RevokeAppModal.tsx | 2 +- .../PrivateApps/Apps/AppsList/AppsList.tsx | 2 +- .../interfaces/Organization/SSO/SSOConfig.tsx | 2 +- .../Organization/SecuritySettings.tsx | 2 +- .../Organization/TeamSettings/MembersView.tsx | 2 +- .../TeamSettings/TeamSettings.tsx | 2 +- .../Organization/Usage/Usage.constants.tsx | 2 +- .../interfaces/Organization/Usage/Usage.tsx | 2 +- .../Organization/restriction.constants.tsx | 2 +- .../OrganizationInvite/OrganizationInvite.tsx | 3 ++- .../OrganizationInviteError.tsx | 2 +- .../PlatformWebhooksDeliveryDetailsSheet.tsx | 2 +- .../PlatformWebhooksEndpointDetails.test.tsx | 5 +--- .../PlatformWebhooksEndpointDetails.tsx | 2 +- .../Webhooks/PlatformWebhooksEndpointList.tsx | 3 ++- .../Webhooks/PlatformWebhooksPage.tsx | 2 +- .../components/interfaces/Project/APIKeys.tsx | 3 ++- .../ProjectAPIDocs/FirstLevelNav.tsx | 2 +- .../ProjectCreation/AdvancedConfiguration.tsx | 2 +- .../ProjectCreation/ComputeSizeSelector.tsx | 2 +- .../ProjectCreation/SecurityOptions.tsx | 2 +- .../interfaces/ProjectHome/ActivityStats.tsx | 2 +- .../interfaces/ProjectHome/AdvisorSection.tsx | 2 +- .../ProjectHome/CustomReportSection.tsx | 2 +- .../ProjectHome/ProjectConnectionPopover.tsx | 2 +- .../ProjectHome/ProjectUsageSection.tsx | 2 +- .../ProjectHome/ProjectUsageSectionDeltas.tsx | 2 +- .../QueryPerformance/QueryIndexes.tsx | 2 +- .../QueryPerformance/QueryPerformanceGrid.tsx | 2 +- .../WithStatements/WithStatements.tsx | 2 +- .../Realtime/Inspector/MessagesTable.tsx | 2 +- .../interfaces/Realtime/RealtimeSettings.tsx | 2 +- .../RedeemCredits/RedeemCredits.tsx | 3 ++- .../interfaces/SQLEditor/MonacoEditor.tsx | 2 +- .../SQLEditor/UtilityPanel/ChartConfig.tsx | 2 +- .../Settings/API/DataApiProjectUrlCard.tsx | 4 +-- .../Settings/API/PostgrestConfig.tsx | 3 ++- .../interfaces/Settings/Addons/Addons.tsx | 2 +- .../Settings/Addons/IPv4SidePanel.tsx | 2 +- .../Settings/Database/BannedIPs.tsx | 4 +-- .../Settings/Database/ConnectionLogging.tsx | 4 +-- .../ConnectionPooling/ConnectionPooling.tsx | 2 +- .../Database/DiskSizeConfiguration.tsx | 2 +- .../JitDbAccessConfiguration.tsx | 6 ++--- .../JitDbAccessRoleGrantFields.tsx | 2 +- .../JitDbAccessRuleSheet.tsx | 2 +- .../NetworkRestrictions.tsx | 2 +- .../RemoveRestrictionModal.tsx | 2 +- .../Settings/General/DashboardPreferences.tsx | 4 +-- .../interfaces/Settings/General/General.tsx | 2 +- .../TransferProjectButton.tsx | 2 +- .../InstanceNode.tsx | 2 +- .../AWSPrivateLink/AWSPrivateLinkForm.tsx | 2 +- .../Integrations/IntegrationsSettings.tsx | 2 +- .../DefaultPreviewSelectionRenderer.tsx | 2 +- .../Settings/Logs/LogsExplorerOtelBanner.tsx | 2 +- .../Settings/Logs/LogsQueryPanel.tsx | 2 +- .../SignIn/ForgotPasswordWizard.tsx | 2 +- .../SimpleConfigurationDetails.tsx | 2 +- .../UpdateCatalogTokenDialog.tsx | 3 ++- .../AnalyticsBucketDetails/index.tsx | 2 +- .../CreateAnalyticsBucketForm.tsx | 2 +- .../Storage/AnalyticsBuckets/index.tsx | 2 +- .../interfaces/Storage/BucketsUpgradePlan.tsx | 2 +- .../interfaces/Storage/EditBucketModal.tsx | 2 +- .../interfaces/Storage/EmptyBucketModal.tsx | 2 +- .../interfaces/Storage/EmptyBucketState.tsx | 2 +- .../FilesBuckets/BucketsTable.LoadMoreRow.tsx | 2 +- .../interfaces/Storage/FilesBuckets/index.tsx | 2 +- .../StoragePolicies/StoragePolicies.tsx | 2 +- .../StoragePoliciesBucketsSection.tsx | 2 +- .../StorageListV2MigrationCallout.tsx | 3 ++- .../VectorBuckets/CreateVectorTableSheet.tsx | 2 +- .../VectorBuckets/RegionLimitation.tsx | 9 +++---- .../VectorBucketTableExamplesSheet.tsx | 2 +- .../Support/LinkSupportTicketPage.tsx | 2 +- .../interfaces/Support/ProjectAndPlanInfo.tsx | 4 +-- .../SupportEmailVerification.tsx | 3 ++- .../TableEditor/ApiAccessToggle.tsx | 2 +- .../TableEditor/TableEditor.tsx | 2 +- .../TableGridEditor/TableGridEditor.tsx | 3 ++- .../components/HoverCardTimestamp.tsx | 2 +- .../UnifiedLogs/components/LogsFilterBar.tsx | 2 +- .../layouts/AppLayout/BranchDropdown.tsx | 2 +- .../layouts/AppLayout/NoticeBanner.tsx | 2 +- .../AppLayout/OrganizationDropdown.tsx | 2 +- .../layouts/AppLayout/ProjectDropdown.tsx | 2 +- .../EdgeFunctionDetailsLayout.tsx | 2 +- .../Integrations/IntegrationsProductMenu.tsx | 2 +- .../FeedbackDropdown/FeedbackWidget.tsx | 2 +- .../Navigation/LayoutHeader/LayoutHeader.tsx | 2 +- .../NavigationBar/MobileNavigationBar.tsx | 2 +- .../NavigationBar/StudioMobileSheetNav.tsx | 3 ++- .../ObservabilityLayout/ObservabilityMenu.tsx | 2 +- .../layouts/ProjectIntegrationsLayout.tsx | 2 +- .../MobileMenuContent/MobileMenuContent.tsx | 2 +- .../MobileMenuContent/OrgMenuContent.tsx | 2 +- .../PausedState/PauseDisabledState.tsx | 3 ++- .../PausedState/ProjectPausedState.tsx | 2 +- .../PrivateSqlSnippetEmpty.tsx | 2 +- .../ReferenceSnippetsSection.tsx | 4 +-- .../SQLEditorNavV2/SQLEditorNav.tsx | 4 +-- .../ui/AIAssistantPanel/AIAssistant.tsx | 2 +- .../ui/AIAssistantPanel/AIAssistantHeader.tsx | 2 +- apps/studio/components/ui/AIEditor/index.tsx | 2 +- .../ui/AdvisorPanel/AdvisorPanelBody.tsx | 2 +- .../ui/AdvisorPanel/AdvisorPanelHeader.tsx | 2 +- apps/studio/components/ui/AlphaNotice.tsx | 2 +- .../ui/DataTable/DataTableInfinite.tsx | 2 +- .../ClientSideExceptionHandler.tsx | 2 +- .../HighAvailabilityDisabledEmptyState.tsx | 2 +- apps/studio/components/ui/HighQueryCost.tsx | 2 +- .../ui/ProjectUpgradeFailedBanner.tsx | 2 +- .../components/ui/SqlWarningAdmonition.tsx | 2 +- .../studio/components/ui/UnknownInterface.tsx | 2 +- apps/studio/components/ui/UpgradeToPro.tsx | 2 +- apps/studio/pages/_app.tsx | 2 +- apps/studio/pages/account/security.tsx | 2 +- apps/studio/pages/cli/login.tsx | 3 ++- apps/studio/pages/org/[slug]/documents.tsx | 2 +- apps/studio/pages/org/[slug]/index.tsx | 2 +- .../pages/partners/stripe/projects/login.tsx | 3 ++- .../studio/pages/project/[ref]/auth/hooks.tsx | 2 +- .../pages/project/[ref]/auth/oauth-apps.tsx | 2 +- apps/studio/pages/project/[ref]/auth/smtp.tsx | 2 +- .../[ref]/auth/templates/[templateId].tsx | 3 ++- .../project/[ref]/auth/templates/index.tsx | 2 +- .../project/[ref]/database/backups/pitr.tsx | 2 +- .../[ref]/database/backups/scheduled.tsx | 2 +- .../[ref]/database/publications/[id].tsx | 4 ++- .../replication/replica/[replicaId].tsx | 2 +- .../pages/project/[ref]/functions/index.tsx | 2 +- .../[id]/[pageId]/[childId]/index.tsx | 2 +- .../project/[ref]/integrations/index.tsx | 2 +- apps/studio/pages/project/[ref]/merge.tsx | 2 +- .../[ref]/observability/query-performance.tsx | 2 +- .../project/[ref]/settings/log-drains.tsx | 2 +- apps/studio/pages/project/[ref]/sql/[id].tsx | 2 +- .../pages/project/_/[[...routeSlug]].tsx | 2 +- apps/studio/state/shortcuts/utils.ts | 2 +- .../tanstack-db-generator/ComboBox.tsx | 8 +++--- .../Contribute/UnansweredThreads.tsx | 2 +- .../components/LaunchWeek/14/ActionButton.tsx | 2 +- .../components/LaunchWeek/15/ActionButton.tsx | 2 +- apps/www/components/Nav/index.tsx | 2 +- apps/www/components/Nav/useDropdownMenu.tsx | 7 +++--- apps/www/pages/opt-out/[ref].tsx | 2 +- packages/ui-patterns/index.tsx | 25 ------------------- packages/ui-patterns/package.json | 4 --- .../src/ShimmeringLoader/index.tsx | 2 -- 284 files changed, 362 insertions(+), 350 deletions(-) delete mode 100644 packages/ui-patterns/index.tsx diff --git a/apps/design-system/registry/default/example/copy-empty-states.tsx b/apps/design-system/registry/default/example/copy-empty-states.tsx index 7008b7ef0cf..50f25046cb2 100644 --- a/apps/design-system/registry/default/example/copy-empty-states.tsx +++ b/apps/design-system/registry/default/example/copy-empty-states.tsx @@ -2,7 +2,7 @@ import { Key } from 'lucide-react' import { Button } from 'ui' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' export default function CopyEmptyStates() { return ( diff --git a/apps/design-system/registry/default/example/empty-state-presentational-buttons.tsx b/apps/design-system/registry/default/example/empty-state-presentational-buttons.tsx index 0d548e96489..9a2196a4669 100644 --- a/apps/design-system/registry/default/example/empty-state-presentational-buttons.tsx +++ b/apps/design-system/registry/default/example/empty-state-presentational-buttons.tsx @@ -1,6 +1,6 @@ import { Plus } from 'lucide-react' import { Button } from 'ui' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' import { PageSection, PageSectionAside, diff --git a/apps/design-system/registry/default/example/empty-state-presentational-demo.tsx b/apps/design-system/registry/default/example/empty-state-presentational-demo.tsx index cf33f0e62f3..09a85c5d057 100644 --- a/apps/design-system/registry/default/example/empty-state-presentational-demo.tsx +++ b/apps/design-system/registry/default/example/empty-state-presentational-demo.tsx @@ -1,6 +1,6 @@ import { Plus } from 'lucide-react' import { Button } from 'ui' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' export default function EmptyStatePresentationalIcon() { return ( diff --git a/apps/design-system/registry/default/example/empty-state-presentational-icon.tsx b/apps/design-system/registry/default/example/empty-state-presentational-icon.tsx index ba9e158d59b..a25204ae1ca 100644 --- a/apps/design-system/registry/default/example/empty-state-presentational-icon.tsx +++ b/apps/design-system/registry/default/example/empty-state-presentational-icon.tsx @@ -1,7 +1,7 @@ import { BucketPlus } from 'icons' import { Plus } from 'lucide-react' import { Button } from 'ui' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' export default function EmptyStatePresentationalIcon() { return ( diff --git a/apps/design-system/registry/default/example/filter-bar-demo.tsx b/apps/design-system/registry/default/example/filter-bar-demo.tsx index 497a1ddecd8..4bc48b1bfec 100644 --- a/apps/design-system/registry/default/example/filter-bar-demo.tsx +++ b/apps/design-system/registry/default/example/filter-bar-demo.tsx @@ -2,7 +2,7 @@ import { format } from 'date-fns' import { useState } from 'react' import { DateRange } from 'react-day-picker' import { Button, Calendar } from 'ui' -import { CustomOptionProps, FilterBar, FilterGroup } from 'ui-patterns' +import { CustomOptionProps, FilterBar, FilterGroup } from 'ui-patterns/FilterBar' function CustomDatePicker({ onChange, onCancel, search }: CustomOptionProps) { const [date, setDate] = useState( diff --git a/apps/design-system/registry/default/example/page-layout-logs-content.tsx b/apps/design-system/registry/default/example/page-layout-logs-content.tsx index 6826cb565fc..8879095879c 100644 --- a/apps/design-system/registry/default/example/page-layout-logs-content.tsx +++ b/apps/design-system/registry/default/example/page-layout-logs-content.tsx @@ -2,7 +2,7 @@ import { useState } from 'react' import { Button, cn, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from 'ui' -import { FilterBar, isGroup, type FilterCondition, type FilterGroup } from 'ui-patterns' +import { FilterBar, isGroup, type FilterCondition, type FilterGroup } from 'ui-patterns/FilterBar' const logs = [ ['10:42:01.129', 'POST /hello-world', '200', '132ms', 'iad1'], diff --git a/apps/design-system/registry/default/example/status-code-demo.tsx b/apps/design-system/registry/default/example/status-code-demo.tsx index 4f41585f901..1b346fb47dc 100644 --- a/apps/design-system/registry/default/example/status-code-demo.tsx +++ b/apps/design-system/registry/default/example/status-code-demo.tsx @@ -1,4 +1,4 @@ -import { StatusCode } from 'ui-patterns' +import { StatusCode } from 'ui-patterns/StatusCode' export default function StatusCodeDemo() { return ( diff --git a/apps/design-system/registry/default/example/toc-demo.tsx b/apps/design-system/registry/default/example/toc-demo.tsx index 6764c55119f..f62d944a7aa 100644 --- a/apps/design-system/registry/default/example/toc-demo.tsx +++ b/apps/design-system/registry/default/example/toc-demo.tsx @@ -1,7 +1,13 @@ 'use client' import { createContext, PropsWithChildren, useContext, useEffect, useState } from 'react' -import { AnchorProvider, Toc, TOCItems, TOCScrollArea, type AnchorProviderProps } from 'ui-patterns' +import { + AnchorProvider, + Toc, + TOCItems, + TOCScrollArea, + type AnchorProviderProps, +} from 'ui-patterns/Toc' export default function MultiSelectDemo() { return ( diff --git a/apps/design-system/registry/default/example/toc-single-demo.tsx b/apps/design-system/registry/default/example/toc-single-demo.tsx index bb010262eae..513b3e88c20 100644 --- a/apps/design-system/registry/default/example/toc-single-demo.tsx +++ b/apps/design-system/registry/default/example/toc-single-demo.tsx @@ -1,7 +1,13 @@ 'use client' import { createContext, PropsWithChildren, useContext, useEffect, useState } from 'react' -import { AnchorProvider, Toc, TOCItems, TOCScrollArea, type AnchorProviderProps } from 'ui-patterns' +import { + AnchorProvider, + Toc, + TOCItems, + TOCScrollArea, + type AnchorProviderProps, +} from 'ui-patterns/Toc' export default function MultiSelectDemo() { return ( diff --git a/apps/docs/app/guides/database/database-advisors/page.tsx b/apps/docs/app/guides/database/database-advisors/page.tsx index 56d9c89876b..946afb6d46c 100644 --- a/apps/docs/app/guides/database/database-advisors/page.tsx +++ b/apps/docs/app/guides/database/database-advisors/page.tsx @@ -11,7 +11,7 @@ import { SerializeOptions } from '~/types/next-mdx-remote-serialize' import { capitalize } from 'lodash-es' import rehypeSlug from 'rehype-slug' import { Heading } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' // We fetch these docs at build time from an external repo const org = 'supabase' diff --git a/apps/docs/app/guides/database/extensions/wrappers/[[...slug]]/page.tsx b/apps/docs/app/guides/database/extensions/wrappers/[[...slug]]/page.tsx index ebafbd690b7..90551a2838b 100644 --- a/apps/docs/app/guides/database/extensions/wrappers/[[...slug]]/page.tsx +++ b/apps/docs/app/guides/database/extensions/wrappers/[[...slug]]/page.tsx @@ -24,7 +24,7 @@ import { notFound } from 'next/navigation' import rehypeSlug from 'rehype-slug' import emoji from 'remark-emoji' import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' // We fetch these docs at build time from an external repo const org = 'supabase' diff --git a/apps/docs/app/guides/getting-started/ai-prompts/[slug]/AiPromptsIndex.tsx b/apps/docs/app/guides/getting-started/ai-prompts/[slug]/AiPromptsIndex.tsx index 6e6bf5b3053..178f1f0dc37 100644 --- a/apps/docs/app/guides/getting-started/ai-prompts/[slug]/AiPromptsIndex.tsx +++ b/apps/docs/app/guides/getting-started/ai-prompts/[slug]/AiPromptsIndex.tsx @@ -1,5 +1,5 @@ import Link from 'next/link' -import { GlassPanel } from 'ui-patterns' +import { GlassPanel } from 'ui-patterns/GlassPanel' import { getAiPrompts } from './AiPrompts.utils' diff --git a/apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx b/apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx index 7c2101cd27b..476e64d5a32 100644 --- a/apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx +++ b/apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx @@ -10,7 +10,8 @@ import Link from 'next/link' import type { FC } from 'react' import { memo, useState } from 'react' import { Button, buttonVariants, cn } from 'ui' -import { AuthenticatedDropdownMenu, CommandMenuTriggerInput } from 'ui-patterns' +import { AuthenticatedDropdownMenu } from 'ui-patterns/AuthenticatedDropdownMenu' +import { CommandMenuTriggerInput } from 'ui-patterns/CommandMenu' import { getCustomContent } from '../../../lib/custom-content/getCustomContent' import GlobalNavigationMenu from './GlobalNavigationMenu' diff --git a/apps/docs/components/ProjectConfigVariables/ProjectConfigVariables.ComboBox.tsx b/apps/docs/components/ProjectConfigVariables/ProjectConfigVariables.ComboBox.tsx index 364af234717..6b88f8ae343 100644 --- a/apps/docs/components/ProjectConfigVariables/ProjectConfigVariables.ComboBox.tsx +++ b/apps/docs/components/ProjectConfigVariables/ProjectConfigVariables.ComboBox.tsx @@ -6,16 +6,16 @@ import { Button_Shadcn_ as Button, cn, Command, - CommandGroup as CommandGroup, + CommandGroup, CommandInput, - CommandItem as CommandItem, - CommandList as CommandList, + CommandItem, + CommandList, Popover, PopoverContent, PopoverTrigger, ScrollArea, } from 'ui' -import ShimmeringLoader from 'ui-patterns/ShimmeringLoader' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' export interface ComboBoxOption { id: string diff --git a/apps/docs/features/docs/GuidesMdx.client.tsx b/apps/docs/features/docs/GuidesMdx.client.tsx index 546e4342e01..2ab13db5fb4 100644 --- a/apps/docs/features/docs/GuidesMdx.client.tsx +++ b/apps/docs/features/docs/GuidesMdx.client.tsx @@ -1,7 +1,8 @@ 'use client' import { useEffect, useState, type PropsWithChildren } from 'react' -import { AnchorProvider } from 'ui-patterns' +import { AnchorProvider } from 'ui-patterns/Toc' + import { TocAnchorsContext, useSubscribeTocRerender } from './GuidesMdx.state' interface TOCHeader { diff --git a/apps/docs/features/docs/Troubleshooting.ui.client.tsx b/apps/docs/features/docs/Troubleshooting.ui.client.tsx index 6d1eace163e..c64191fd98f 100644 --- a/apps/docs/features/docs/Troubleshooting.ui.client.tsx +++ b/apps/docs/features/docs/Troubleshooting.ui.client.tsx @@ -6,7 +6,7 @@ import { useQueryStates } from 'nuqs' import { Suspense, useCallback, useEffect, useMemo, useRef, useState } from 'react' import { Button_Shadcn_, cn, Collapsible, CollapsibleContent, CollapsibleTrigger, Input } from 'ui' import { MultiSelector } from 'ui-patterns/multi-select' -import ShimmeringLoader from 'ui-patterns/ShimmeringLoader' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { type ITroubleshootingMetadata } from './Troubleshooting.utils' import { diff --git a/apps/docs/features/ui/McpConfigPanel.tsx b/apps/docs/features/ui/McpConfigPanel.tsx index d8823dc2bc3..a02e50443c0 100644 --- a/apps/docs/features/ui/McpConfigPanel.tsx +++ b/apps/docs/features/ui/McpConfigPanel.tsx @@ -22,13 +22,13 @@ import { PopoverTrigger, ScrollArea, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { createMcpCopyHandler, McpConfigPanel as McpConfigPanelBase, type McpClient, } from 'ui-patterns/McpUrlBuilder' -import ShimmeringLoader from 'ui-patterns/ShimmeringLoader' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' type PlatformType = (typeof PLATFORMS)[number]['value'] diff --git a/apps/learn/components/side-navigation.tsx b/apps/learn/components/side-navigation.tsx index 0f4c80dae6a..3668830c1a3 100644 --- a/apps/learn/components/side-navigation.tsx +++ b/apps/learn/components/side-navigation.tsx @@ -4,7 +4,7 @@ import { logOut, useIsLoggedIn, useUser } from 'common' import { LogOut, Settings, UserIcon } from 'lucide-react' import Link from 'next/link' import { useRouter } from 'next/navigation' -import { AuthenticatedDropdownMenu, type menuItem } from 'ui-patterns' +import { AuthenticatedDropdownMenu, type menuItem } from 'ui-patterns/AuthenticatedDropdownMenu' import { CommandMenu } from './command-menu' import { ThemeSwitcherDropdown } from './theme-switcher-dropdown' diff --git a/apps/studio/components/grid/MsSqlValidation.tsx b/apps/studio/components/grid/MsSqlValidation.tsx index 8a57748fd64..8a5a92fff57 100644 --- a/apps/studio/components/grid/MsSqlValidation.tsx +++ b/apps/studio/components/grid/MsSqlValidation.tsx @@ -1,5 +1,5 @@ import type { ComponentType, ReactNode } from 'react' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import type { Filter, Sort } from './types' import { isMsSqlForeignTable, type Entity } from '@/data/table-editor/table-editor-types' diff --git a/apps/studio/components/grid/components/editor/DateTimeEditor.tsx b/apps/studio/components/grid/components/editor/DateTimeEditor.tsx index d0133a7f547..741bd38c464 100644 --- a/apps/studio/components/grid/components/editor/DateTimeEditor.tsx +++ b/apps/studio/components/grid/components/editor/DateTimeEditor.tsx @@ -13,8 +13,8 @@ import { PopoverContent, PopoverTrigger, } from 'ui' -import { TimestampInfo, timestampLocalFormatter } from 'ui-patterns' import { Input } from 'ui-patterns/DataInputs/Input' +import { TimestampInfo, timestampLocalFormatter } from 'ui-patterns/TimestampInfo' import { BlockKeys } from '../common/BlockKeys' import { useIsQueueOperationsEnabled } from '@/components/interfaces/Account/Preferences/useDashboardSettings' diff --git a/apps/studio/components/grid/components/grid/GridError.tsx b/apps/studio/components/grid/components/grid/GridError.tsx index 368a2d1d456..955dd170d9b 100644 --- a/apps/studio/components/grid/components/grid/GridError.tsx +++ b/apps/studio/components/grid/components/grid/GridError.tsx @@ -3,7 +3,7 @@ import { useParams } from 'common' import { ChevronDown } from 'lucide-react' import { useCallback } from 'react' import { Button, Collapsible, CollapsibleContent, CollapsibleTrigger } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { isFilterRelatedError } from './GridError.utils' import { useTableFilter } from '@/components/grid/hooks/useTableFilter' diff --git a/apps/studio/components/grid/components/header/ExportDialog.tsx b/apps/studio/components/grid/components/header/ExportDialog.tsx index 727ffb603fa..1c91ff9fa68 100644 --- a/apps/studio/components/grid/components/header/ExportDialog.tsx +++ b/apps/studio/components/grid/components/header/ExportDialog.tsx @@ -15,7 +15,7 @@ import { TabsList_Shadcn_, TabsTrigger_Shadcn_, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { CodeBlock } from 'ui-patterns/CodeBlock' import { Filter, Sort, SupaTable } from '@/components/grid/types' diff --git a/apps/studio/components/grid/components/header/filter/FilterPopoverNew.tsx b/apps/studio/components/grid/components/header/filter/FilterPopoverNew.tsx index c96808d761f..07a5a4aff64 100644 --- a/apps/studio/components/grid/components/header/filter/FilterPopoverNew.tsx +++ b/apps/studio/components/grid/components/header/filter/FilterPopoverNew.tsx @@ -12,7 +12,7 @@ import { isGroup, SerializableFilterProperty, updateGroupAtPath, -} from 'ui-patterns' +} from 'ui-patterns/FilterBar' import { columnToFilterProperty } from './FilterPopoverNew.utils' import { useTableFilter } from '@/components/grid/hooks/useTableFilter' diff --git a/apps/studio/components/grid/components/header/filter/FilterPopoverNew.utils.ts b/apps/studio/components/grid/components/header/filter/FilterPopoverNew.utils.ts index 78a28c587e3..2dfff4c7d0b 100644 --- a/apps/studio/components/grid/components/header/filter/FilterPopoverNew.utils.ts +++ b/apps/studio/components/grid/components/header/filter/FilterPopoverNew.utils.ts @@ -1,5 +1,5 @@ import { format } from 'date-fns' -import type { FilterProperty, OperatorDefinition } from 'ui-patterns' +import type { FilterProperty, OperatorDefinition } from 'ui-patterns/FilterBar' import type { Filter, SupaColumn } from '@/components/grid/types' import { diff --git a/apps/studio/components/interfaces/APIKeys/APIKeyRow.tsx b/apps/studio/components/interfaces/APIKeys/APIKeyRow.tsx index b667236ecf7..10c8f7576f2 100644 --- a/apps/studio/components/interfaces/APIKeys/APIKeyRow.tsx +++ b/apps/studio/components/interfaces/APIKeys/APIKeyRow.tsx @@ -9,7 +9,8 @@ import { TableCell, TableRow, } from 'ui' -import { ShimmeringLoader, TimestampInfo } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { APIKeyDeleteDialog } from './APIKeyDeleteDialog' import { ApiKeyPill } from './ApiKeyPill' diff --git a/apps/studio/components/interfaces/APIKeys/PublishableAPIKeys.tsx b/apps/studio/components/interfaces/APIKeys/PublishableAPIKeys.tsx index e3d29980549..fdb6dcb24f8 100644 --- a/apps/studio/components/interfaces/APIKeys/PublishableAPIKeys.tsx +++ b/apps/studio/components/interfaces/APIKeys/PublishableAPIKeys.tsx @@ -13,7 +13,8 @@ import { TableHeader, TableRow, } from 'ui' -import { Admonition, GenericSkeletonLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { APIKeyRow } from './APIKeyRow' import { CreatePublishableAPIKeyDialog } from './CreatePublishableAPIKeyDialog' diff --git a/apps/studio/components/interfaces/Account/AccessTokens/AccessTokenNewBanner/AccessTokenNewBanner.tsx b/apps/studio/components/interfaces/Account/AccessTokens/AccessTokenNewBanner/AccessTokenNewBanner.tsx index c50888afe70..2046c267ba3 100644 --- a/apps/studio/components/interfaces/Account/AccessTokens/AccessTokenNewBanner/AccessTokenNewBanner.tsx +++ b/apps/studio/components/interfaces/Account/AccessTokens/AccessTokenNewBanner/AccessTokenNewBanner.tsx @@ -1,7 +1,7 @@ import { X } from 'lucide-react' import { toast } from 'sonner' import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input } from 'ui-patterns/DataInputs/Input' import { useGroupedPermissions } from '../hooks/useGroupedPermissions' diff --git a/apps/studio/components/interfaces/Account/AccessTokens/Classic/NewTokenDialog.tsx b/apps/studio/components/interfaces/Account/AccessTokens/Classic/NewTokenDialog.tsx index 47972387791..fb289f932ed 100644 --- a/apps/studio/components/interfaces/Account/AccessTokens/Classic/NewTokenDialog.tsx +++ b/apps/studio/components/interfaces/Account/AccessTokens/Classic/NewTokenDialog.tsx @@ -24,7 +24,7 @@ import { SelectValue, WarningIcon, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { z } from 'zod' diff --git a/apps/studio/components/interfaces/Account/AccessTokens/Scoped/NewScopedTokenSheet.tsx b/apps/studio/components/interfaces/Account/AccessTokens/Scoped/NewScopedTokenSheet.tsx index d2b90f9c91d..21cd176dbcd 100644 --- a/apps/studio/components/interfaces/Account/AccessTokens/Scoped/NewScopedTokenSheet.tsx +++ b/apps/studio/components/interfaces/Account/AccessTokens/Scoped/NewScopedTokenSheet.tsx @@ -17,7 +17,7 @@ import { SheetHeader, SheetTitle, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { CUSTOM_EXPIRY_VALUE, diff --git a/apps/studio/components/interfaces/Advisors/AdvisorRuleItem.tsx b/apps/studio/components/interfaces/Advisors/AdvisorRuleItem.tsx index 2da9597fc5d..06341d945d4 100644 --- a/apps/studio/components/interfaces/Advisors/AdvisorRuleItem.tsx +++ b/apps/studio/components/interfaces/Advisors/AdvisorRuleItem.tsx @@ -12,8 +12,8 @@ import { CollapsibleContent, CollapsibleTrigger, } from 'ui' -import { GenericSkeletonLoader } from 'ui-patterns' import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { LintInfo } from '../Linter/Linter.constants' import { generateRuleText } from './AdvisorRules.utils' diff --git a/apps/studio/components/interfaces/Advisors/CreateRuleSheet.tsx b/apps/studio/components/interfaces/Advisors/CreateRuleSheet.tsx index 174aa7dc054..ceef2a9f472 100644 --- a/apps/studio/components/interfaces/Advisors/CreateRuleSheet.tsx +++ b/apps/studio/components/interfaces/Advisors/CreateRuleSheet.tsx @@ -27,7 +27,7 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import * as z from 'zod' diff --git a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Approved.tsx b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Approved.tsx index 6a3f0da6607..7b396f3884d 100644 --- a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Approved.tsx +++ b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Approved.tsx @@ -1,6 +1,6 @@ import dayjs from 'dayjs' import type { ReactNode } from 'react' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { AuthorizeRequesterDetails, diff --git a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Error.tsx b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Error.tsx index 76c592f511b..26a0b03bd98 100644 --- a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Error.tsx +++ b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Error.tsx @@ -1,7 +1,7 @@ import Link from 'next/link' import type { ReactNode } from 'react' import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { InterstitialLayout, SupabaseLogo } from '@/components/layouts/InterstitialLayout' import type { ResourceError } from '@/data/api-authorization/api-authorization-query' diff --git a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Form.tsx b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Form.tsx index 932f837d994..047cc72cf01 100644 --- a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Form.tsx +++ b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Form.tsx @@ -14,7 +14,8 @@ import { SelectTrigger, SelectValue, } from 'ui' -import { Admonition, ShimmeringLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import type { ApprovalState, IApprovalFormSchema } from './ApiAuthorization.Schema' import { diff --git a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Invalid.tsx b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Invalid.tsx index aaf83f38c76..df6e42f282e 100644 --- a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Invalid.tsx +++ b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Invalid.tsx @@ -1,7 +1,7 @@ import Link from 'next/link' import type { ReactNode } from 'react' import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { InterstitialLayout, SupabaseLogo } from '@/components/layouts/InterstitialLayout' diff --git a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Loading.tsx b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Loading.tsx index a28e51b7e20..26b03f24797 100644 --- a/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Loading.tsx +++ b/apps/studio/components/interfaces/ApiAuthorization/ApiAuthorization.Loading.tsx @@ -1,6 +1,6 @@ import type { ReactNode } from 'react' import { Card, CardContent } from 'ui' -import { ShimmeringLoader } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { InterstitialLayout, SupabaseLogo } from '@/components/layouts/InterstitialLayout' diff --git a/apps/studio/components/interfaces/App/CommandMenu/ContextSearchResults.shared.tsx b/apps/studio/components/interfaces/App/CommandMenu/ContextSearchResults.shared.tsx index 6e410076842..4177044763e 100644 --- a/apps/studio/components/interfaces/App/CommandMenu/ContextSearchResults.shared.tsx +++ b/apps/studio/components/interfaces/App/CommandMenu/ContextSearchResults.shared.tsx @@ -1,9 +1,9 @@ import { cn, CommandList } from 'ui' -import { ShimmeringLoader } from 'ui-patterns' import { TextHighlighter } from 'ui-patterns/CommandMenu' import { CommandMenuGroup } from 'ui-patterns/CommandMenu/internal/CommandMenuGroup' import { CommandMenuItem } from 'ui-patterns/CommandMenu/internal/CommandMenuItem' import type { IActionCommand, IRouteCommand } from 'ui-patterns/CommandMenu/internal/types' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' export interface SearchResult { id: string diff --git a/apps/studio/components/interfaces/Auth/AuditLogsForm.tsx b/apps/studio/components/interfaces/Auth/AuditLogsForm.tsx index e7033ebe929..7715bf6ca47 100644 --- a/apps/studio/components/interfaces/Auth/AuditLogsForm.tsx +++ b/apps/studio/components/interfaces/Auth/AuditLogsForm.tsx @@ -5,7 +5,7 @@ import { useEffect } from 'react' import { useForm } from 'react-hook-form' import { toast } from 'sonner' import { Button, Card, CardContent, CardFooter, Form, FormControl, FormField, Switch } from 'ui' -import { Admonition, GenericSkeletonLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { PageSection, @@ -14,6 +14,7 @@ import { PageSectionSummary, PageSectionTitle, } from 'ui-patterns/PageSection' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import * as z from 'zod' import { AlertError } from '@/components/ui/AlertError' diff --git a/apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx b/apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx index f8329d926bd..673a94855ad 100644 --- a/apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx +++ b/apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx @@ -18,7 +18,7 @@ import { SheetSection, SheetTitle, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input } from 'ui-patterns/DataInputs/Input' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' diff --git a/apps/studio/components/interfaces/Auth/EmailTemplates/SpamValidation.tsx b/apps/studio/components/interfaces/Auth/EmailTemplates/SpamValidation.tsx index 8b1f397f4f2..0538087f099 100644 --- a/apps/studio/components/interfaces/Auth/EmailTemplates/SpamValidation.tsx +++ b/apps/studio/components/interfaces/Auth/EmailTemplates/SpamValidation.tsx @@ -1,6 +1,6 @@ import { AnimatePresence, motion } from 'framer-motion' import { CardContent, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Markdown } from '@/components/interfaces/Markdown' import { ValidateSpamResponse } from '@/data/auth/validate-spam-mutation' diff --git a/apps/studio/components/interfaces/Auth/EmailTemplates/TemplateEditor.tsx b/apps/studio/components/interfaces/Auth/EmailTemplates/TemplateEditor.tsx index 49b2b65da68..dadfc4561de 100644 --- a/apps/studio/components/interfaces/Auth/EmailTemplates/TemplateEditor.tsx +++ b/apps/studio/components/interfaces/Auth/EmailTemplates/TemplateEditor.tsx @@ -19,7 +19,7 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import z from 'zod' diff --git a/apps/studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx b/apps/studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx index dd552d05533..8b2561a7c65 100644 --- a/apps/studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx +++ b/apps/studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx @@ -27,7 +27,7 @@ import { SheetTitle, Switch, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { InfoTooltip } from 'ui-patterns/info-tooltip' import * as z from 'zod' diff --git a/apps/studio/components/interfaces/Auth/Hooks/HooksListing.tsx b/apps/studio/components/interfaces/Auth/Hooks/HooksListing.tsx index d1738c13c62..b07cc3dd605 100644 --- a/apps/studio/components/interfaces/Auth/Hooks/HooksListing.tsx +++ b/apps/studio/components/interfaces/Auth/Hooks/HooksListing.tsx @@ -2,7 +2,7 @@ import { useParams } from 'common' import { parseAsString, useQueryState } from 'nuqs' import { useEffect, useState } from 'react' import { toast } from 'sonner' -import { EmptyStatePresentational, GenericSkeletonLoader } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' import { PageSection, PageSectionAside, @@ -11,6 +11,7 @@ import { PageSectionSummary, PageSectionTitle, } from 'ui-patterns/PageSection' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { AddHookDropdown } from './AddHookDropdown' import { CreateHookSheet } from './CreateHookSheet' diff --git a/apps/studio/components/interfaces/Auth/MfaAuthSettingsForm/MfaAuthSettingsForm.tsx b/apps/studio/components/interfaces/Auth/MfaAuthSettingsForm/MfaAuthSettingsForm.tsx index fa59d40df71..1bcc5c588aa 100644 --- a/apps/studio/components/interfaces/Auth/MfaAuthSettingsForm/MfaAuthSettingsForm.tsx +++ b/apps/studio/components/interfaces/Auth/MfaAuthSettingsForm/MfaAuthSettingsForm.tsx @@ -27,7 +27,6 @@ import { Switch, WarningIcon, } from 'ui' -import { GenericSkeletonLoader } from 'ui-patterns' import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { @@ -37,6 +36,7 @@ import { PageSectionSummary, PageSectionTitle, } from 'ui-patterns/PageSection' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import * as z from 'zod' import { TaxDisclaimer } from '@/components/interfaces/Billing/TaxDisclaimer' diff --git a/apps/studio/components/interfaces/Auth/OAuthApps/OAuthEndpointsTable.tsx b/apps/studio/components/interfaces/Auth/OAuthApps/OAuthEndpointsTable.tsx index c148a09e5e2..8b4c35a69f5 100644 --- a/apps/studio/components/interfaces/Auth/OAuthApps/OAuthEndpointsTable.tsx +++ b/apps/studio/components/interfaces/Auth/OAuthApps/OAuthEndpointsTable.tsx @@ -1,5 +1,7 @@ import { useParams } from 'common' import { Card, CardContent, cn } from 'ui' +import { Input } from 'ui-patterns/DataInputs/Input' +import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { PageSection, PageSectionContent, @@ -7,9 +9,7 @@ import { PageSectionMeta, PageSectionSummary, PageSectionTitle, -} from 'ui-patterns' -import { Input } from 'ui-patterns/DataInputs/Input' -import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' +} from 'ui-patterns/PageSection' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { useOpenIDConfigurationQuery } from '@/data/oauth-server-apps/oauth-openid-configuration-query' diff --git a/apps/studio/components/interfaces/Auth/Overview/OverviewMetrics.tsx b/apps/studio/components/interfaces/Auth/Overview/OverviewMetrics.tsx index 3cd2dc5723f..9e21fa65f1d 100644 --- a/apps/studio/components/interfaces/Auth/Overview/OverviewMetrics.tsx +++ b/apps/studio/components/interfaces/Auth/Overview/OverviewMetrics.tsx @@ -5,7 +5,6 @@ import { BarChart2, ChevronRight, ExternalLink, Telescope } from 'lucide-react' import Link from 'next/link' import { useRouter } from 'next/router' import { AiIconAnimation, Button, Tooltip, TooltipContent, TooltipTrigger } from 'ui' -import { StatusCode } from 'ui-patterns' import { Chart, ChartActions, @@ -24,6 +23,7 @@ import { PageSectionSummary, PageSectionTitle, } from 'ui-patterns/PageSection' +import { StatusCode } from 'ui-patterns/StatusCode' import { AuthErrorCodeRow, diff --git a/apps/studio/components/interfaces/Auth/PerformanceSettingsForm.tsx b/apps/studio/components/interfaces/Auth/PerformanceSettingsForm.tsx index 393af4840b5..1b08af1dce1 100644 --- a/apps/studio/components/interfaces/Auth/PerformanceSettingsForm.tsx +++ b/apps/studio/components/interfaces/Auth/PerformanceSettingsForm.tsx @@ -21,8 +21,8 @@ import { SelectTrigger, SelectValue, } from 'ui' -import { GenericSkeletonLoader, ShimmeringLoader } from 'ui-patterns' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' +import { GenericSkeletonLoader, ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import * as z from 'zod' import { ScaffoldSection, ScaffoldSectionTitle } from '@/components/layouts/Scaffold' diff --git a/apps/studio/components/interfaces/Auth/Policies/PolicyTableRow/index.tsx b/apps/studio/components/interfaces/Auth/Policies/PolicyTableRow/index.tsx index 3ffbaf87e14..8098b16c72e 100644 --- a/apps/studio/components/interfaces/Auth/Policies/PolicyTableRow/index.tsx +++ b/apps/studio/components/interfaces/Auth/Policies/PolicyTableRow/index.tsx @@ -12,7 +12,7 @@ import { TableHeader, TableRow, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { usePoliciesData } from '../PoliciesDataContext' diff --git a/apps/studio/components/interfaces/Auth/ProtectionAuthSettingsForm/ProtectionAuthSettingsForm.tsx b/apps/studio/components/interfaces/Auth/ProtectionAuthSettingsForm/ProtectionAuthSettingsForm.tsx index c84de082ee2..a626f8a0de8 100644 --- a/apps/studio/components/interfaces/Auth/ProtectionAuthSettingsForm/ProtectionAuthSettingsForm.tsx +++ b/apps/studio/components/interfaces/Auth/ProtectionAuthSettingsForm/ProtectionAuthSettingsForm.tsx @@ -21,7 +21,6 @@ import { SelectValue, Switch, } from 'ui' -import { GenericSkeletonLoader } from 'ui-patterns' import { Input } from 'ui-patterns/DataInputs/Input' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { @@ -31,6 +30,7 @@ import { PageSectionSummary, PageSectionTitle, } from 'ui-patterns/PageSection' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import * as z from 'zod' import { NO_REQUIRED_CHARACTERS } from '../Auth.constants' diff --git a/apps/studio/components/interfaces/Auth/RLSTester/RLSTesterResults.tsx b/apps/studio/components/interfaces/Auth/RLSTester/RLSTesterResults.tsx index 1820acf17a2..6c8c9e3f1eb 100644 --- a/apps/studio/components/interfaces/Auth/RLSTester/RLSTesterResults.tsx +++ b/apps/studio/components/interfaces/Auth/RLSTester/RLSTesterResults.tsx @@ -6,7 +6,7 @@ import { TabsList_Shadcn_, TabsTrigger_Shadcn_, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Results } from '../../SQLEditor/UtilityPanel/Results' import { RLSTableCard } from './RLSTableCard' diff --git a/apps/studio/components/interfaces/Auth/RLSTester/RLSTesterSheet.tsx b/apps/studio/components/interfaces/Auth/RLSTester/RLSTesterSheet.tsx index d56074cc27c..f379ed11ba5 100644 --- a/apps/studio/components/interfaces/Auth/RLSTester/RLSTesterSheet.tsx +++ b/apps/studio/components/interfaces/Auth/RLSTester/RLSTesterSheet.tsx @@ -28,7 +28,7 @@ import { SheetTitle, SheetTrigger, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { InferredSQLViewer } from './InferredSQLViewer' import { type ParseQueryResults } from './RLSTester.types' diff --git a/apps/studio/components/interfaces/Auth/RLSTester/SandboxManagement.tsx b/apps/studio/components/interfaces/Auth/RLSTester/SandboxManagement.tsx index 6e367139c36..b99b907e02f 100644 --- a/apps/studio/components/interfaces/Auth/RLSTester/SandboxManagement.tsx +++ b/apps/studio/components/interfaces/Auth/RLSTester/SandboxManagement.tsx @@ -1,6 +1,6 @@ import { Box, Loader2, LogOut, RefreshCw } from 'lucide-react' import { Badge, Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { ButtonTooltip } from '@/components/ui/ButtonTooltip' import { usePostgresSandbox } from '@/state/postgres-sandbox/sandbox' diff --git a/apps/studio/components/interfaces/Auth/RLSTester/UserSelector.tsx b/apps/studio/components/interfaces/Auth/RLSTester/UserSelector.tsx index 1d2a88544b2..81d2a4dadad 100644 --- a/apps/studio/components/interfaces/Auth/RLSTester/UserSelector.tsx +++ b/apps/studio/components/interfaces/Auth/RLSTester/UserSelector.tsx @@ -17,8 +17,9 @@ import { PopoverTrigger, ScrollArea, } from 'ui' -import { Admonition, GenericSkeletonLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { User, useUsersInfiniteQuery } from '@/data/auth/users-infinite-query' import { useSelectedProjectQuery } from '@/hooks/misc/useSelectedProject' diff --git a/apps/studio/components/interfaces/Auth/SessionsAuthSettingsForm/SessionsAuthSettingsForm.tsx b/apps/studio/components/interfaces/Auth/SessionsAuthSettingsForm/SessionsAuthSettingsForm.tsx index 9a7986defc1..a57bdfd515a 100644 --- a/apps/studio/components/interfaces/Auth/SessionsAuthSettingsForm/SessionsAuthSettingsForm.tsx +++ b/apps/studio/components/interfaces/Auth/SessionsAuthSettingsForm/SessionsAuthSettingsForm.tsx @@ -18,7 +18,6 @@ import { InputGroupText, Switch, } from 'ui' -import { GenericSkeletonLoader } from 'ui-patterns' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { PageSection, @@ -27,6 +26,7 @@ import { PageSectionSummary, PageSectionTitle, } from 'ui-patterns/PageSection' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import * as z from 'zod' import { AlertError } from '@/components/ui/AlertError' diff --git a/apps/studio/components/interfaces/Auth/SiteUrl/SiteUrl.tsx b/apps/studio/components/interfaces/Auth/SiteUrl/SiteUrl.tsx index 28075dac1bc..15ad25aa548 100644 --- a/apps/studio/components/interfaces/Auth/SiteUrl/SiteUrl.tsx +++ b/apps/studio/components/interfaces/Auth/SiteUrl/SiteUrl.tsx @@ -5,7 +5,6 @@ import { useEffect, useState } from 'react' import { useForm } from 'react-hook-form' import { toast } from 'sonner' import { Button, Card, CardContent, CardFooter, Form, FormControl, FormField, Input } from 'ui' -import { GenericSkeletonLoader } from 'ui-patterns' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { PageSection, @@ -14,6 +13,7 @@ import { PageSectionSummary, PageSectionTitle, } from 'ui-patterns/PageSection' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import * as z from 'zod' import { AlertError } from '@/components/ui/AlertError' diff --git a/apps/studio/components/interfaces/Auth/SmtpForm/SmtpForm.tsx b/apps/studio/components/interfaces/Auth/SmtpForm/SmtpForm.tsx index 8672aeb72c9..b2570e70367 100644 --- a/apps/studio/components/interfaces/Auth/SmtpForm/SmtpForm.tsx +++ b/apps/studio/components/interfaces/Auth/SmtpForm/SmtpForm.tsx @@ -19,9 +19,10 @@ import { InputGroupText, Switch, } from 'ui' -import { Admonition, PageSection, PageSectionContent } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input as PasswordInput } from 'ui-patterns/DataInputs/Input' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' +import { PageSection, PageSectionContent } from 'ui-patterns/PageSection' import * as z from 'zod' import { urlRegex } from '../Auth.constants' diff --git a/apps/studio/components/interfaces/Auth/Users/UserLogs.tsx b/apps/studio/components/interfaces/Auth/Users/UserLogs.tsx index ac14ea57465..beaa3fcd4fb 100644 --- a/apps/studio/components/interfaces/Auth/Users/UserLogs.tsx +++ b/apps/studio/components/interfaces/Auth/Users/UserLogs.tsx @@ -4,8 +4,9 @@ import Link from 'next/link' import { useQueryState } from 'nuqs' import { useEffect } from 'react' import { Button, cn, CriticalIcon, Separator } from 'ui' -import { Admonition, TimestampInfo } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { UserHeader } from './UserHeader' import { PANEL_PADDING } from './Users.constants' diff --git a/apps/studio/components/interfaces/Billing/NoProjectsOnPaidOrgInfo.tsx b/apps/studio/components/interfaces/Billing/NoProjectsOnPaidOrgInfo.tsx index d13aaf25138..1686bdf5b0f 100644 --- a/apps/studio/components/interfaces/Billing/NoProjectsOnPaidOrgInfo.tsx +++ b/apps/studio/components/interfaces/Billing/NoProjectsOnPaidOrgInfo.tsx @@ -1,5 +1,5 @@ import Link from 'next/link' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { useOrgProjectsInfiniteQuery } from '@/data/projects/org-projects-infinite-query' import { useSelectedOrganizationQuery } from '@/hooks/misc/useSelectedOrganization' diff --git a/apps/studio/components/interfaces/Billing/Payment/PaymentMethods/DeletePaymentMethodModal.tsx b/apps/studio/components/interfaces/Billing/Payment/PaymentMethods/DeletePaymentMethodModal.tsx index 144dfe661f6..5d70043695b 100644 --- a/apps/studio/components/interfaces/Billing/Payment/PaymentMethods/DeletePaymentMethodModal.tsx +++ b/apps/studio/components/interfaces/Billing/Payment/PaymentMethods/DeletePaymentMethodModal.tsx @@ -10,7 +10,7 @@ import { AlertDialogHeader, AlertDialogTitle, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { useOrganizationPaymentMethodDeleteMutation } from '@/data/organizations/organization-payment-method-delete-mutation' import type { OrganizationPaymentMethod } from '@/data/organizations/organization-payment-methods-query' diff --git a/apps/studio/components/interfaces/Billing/Usage/UsageWarningAlerts/DiskIOBandwidthWarnings.tsx b/apps/studio/components/interfaces/Billing/Usage/UsageWarningAlerts/DiskIOBandwidthWarnings.tsx index c51f5dbc1f5..76fd9d3bbdb 100644 --- a/apps/studio/components/interfaces/Billing/Usage/UsageWarningAlerts/DiskIOBandwidthWarnings.tsx +++ b/apps/studio/components/interfaces/Billing/Usage/UsageWarningAlerts/DiskIOBandwidthWarnings.tsx @@ -1,6 +1,6 @@ import Link from 'next/link' import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' // [Joshen] In the future, conditionals should be from resource exhaustion endpoint as single source of truth interface DiskIOBandwidthWarningsProps { diff --git a/apps/studio/components/interfaces/BranchManagement/BranchPanels.tsx b/apps/studio/components/interfaces/BranchManagement/BranchPanels.tsx index 65a65c1c546..0b1e7890e51 100644 --- a/apps/studio/components/interfaces/BranchManagement/BranchPanels.tsx +++ b/apps/studio/components/interfaces/BranchManagement/BranchPanels.tsx @@ -4,8 +4,8 @@ import Link from 'next/link' import { useRouter } from 'next/router' import { PropsWithChildren, ReactNode } from 'react' import { Tooltip, TooltipContent, TooltipTrigger } from 'ui' -import { TimestampInfo } from 'ui-patterns' import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { WorkflowLogs } from './WorkflowLogs' import { ButtonTooltip } from '@/components/ui/ButtonTooltip' diff --git a/apps/studio/components/interfaces/BranchManagement/OutOfDateNotice.tsx b/apps/studio/components/interfaces/BranchManagement/OutOfDateNotice.tsx index 452da4ecf0f..7186cf00078 100644 --- a/apps/studio/components/interfaces/BranchManagement/OutOfDateNotice.tsx +++ b/apps/studio/components/interfaces/BranchManagement/OutOfDateNotice.tsx @@ -12,7 +12,7 @@ import { AlertDialogTrigger, Button, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { useSelectedProjectQuery } from '@/hooks/misc/useSelectedProject' import { useTrack } from '@/lib/telemetry/track' diff --git a/apps/studio/components/interfaces/BranchManagement/WorkflowLogs.tsx b/apps/studio/components/interfaces/BranchManagement/WorkflowLogs.tsx index b8e4dff70cc..8ead7ed8cd5 100644 --- a/apps/studio/components/interfaces/BranchManagement/WorkflowLogs.tsx +++ b/apps/studio/components/interfaces/BranchManagement/WorkflowLogs.tsx @@ -14,7 +14,8 @@ import { DialogTrigger, StatusIcon, } from 'ui' -import { GenericSkeletonLoader, TimestampInfo } from 'ui-patterns' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { ActionStatusBadge, ActionStatusBadgeCondensed, STATUS_TO_LABEL } from './ActionStatusBadge' import BranchStatusBadge from './BranchStatusBadge' diff --git a/apps/studio/components/interfaces/Branching/MergeRequest.tsx b/apps/studio/components/interfaces/Branching/MergeRequest.tsx index 681fa079482..a1c1e2ae36b 100644 --- a/apps/studio/components/interfaces/Branching/MergeRequest.tsx +++ b/apps/studio/components/interfaces/Branching/MergeRequest.tsx @@ -12,7 +12,7 @@ import { DropdownMenuItem, DropdownMenuTrigger, } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { useIsPgDeltaDiffEnabled } from '../App/FeaturePreview/FeaturePreviewContext' import { ReviewWithAI } from '../BranchManagement/ReviewWithAI' diff --git a/apps/studio/components/interfaces/ConnectSheet/ConnectStepsSection.tsx b/apps/studio/components/interfaces/ConnectSheet/ConnectStepsSection.tsx index b9825fa2360..8ba37f3fc08 100644 --- a/apps/studio/components/interfaces/ConnectSheet/ConnectStepsSection.tsx +++ b/apps/studio/components/interfaces/ConnectSheet/ConnectStepsSection.tsx @@ -3,7 +3,7 @@ import dynamic from 'next/dynamic' import Link from 'next/link' import { useMemo, useRef } from 'react' import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { connectSchema } from './connect.schema' diff --git a/apps/studio/components/interfaces/ConnectSheet/content/server/env/content.tsx b/apps/studio/components/interfaces/ConnectSheet/content/server/env/content.tsx index c9391840089..43a12e20516 100644 --- a/apps/studio/components/interfaces/ConnectSheet/content/server/env/content.tsx +++ b/apps/studio/components/interfaces/ConnectSheet/content/server/env/content.tsx @@ -1,7 +1,7 @@ import { useParams } from 'common' import Link from 'next/link' import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { EnvRow } from '../common/EnvRow' import { SecretEnvRow } from '../common/SecretRow' diff --git a/apps/studio/components/interfaces/Database/Backups/BackupItem.tsx b/apps/studio/components/interfaces/Database/Backups/BackupItem.tsx index 0c4fc5348bb..85ca7e62f9f 100644 --- a/apps/studio/components/interfaces/Database/Backups/BackupItem.tsx +++ b/apps/studio/components/interfaces/Database/Backups/BackupItem.tsx @@ -2,7 +2,7 @@ import { PermissionAction } from '@supabase/shared-types/out/constants' import { useParams } from 'common' import { Download } from 'lucide-react' import { Badge, Tooltip, TooltipContent, TooltipTrigger } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { ButtonTooltip } from '@/components/ui/ButtonTooltip' import { InlineLink } from '@/components/ui/InlineLink' diff --git a/apps/studio/components/interfaces/Database/Backups/BackupsEmpty.tsx b/apps/studio/components/interfaces/Database/Backups/BackupsEmpty.tsx index 941f6120b74..f0dec4bbc8b 100644 --- a/apps/studio/components/interfaces/Database/Backups/BackupsEmpty.tsx +++ b/apps/studio/components/interfaces/Database/Backups/BackupsEmpty.tsx @@ -1,5 +1,5 @@ import { DatabaseBackup } from 'lucide-react' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' export const BackupsEmpty = () => { return ( diff --git a/apps/studio/components/interfaces/Database/Backups/BackupsList.tsx b/apps/studio/components/interfaces/Database/Backups/BackupsList.tsx index fb3d5f8fc7c..edac39d4c11 100644 --- a/apps/studio/components/interfaces/Database/Backups/BackupsList.tsx +++ b/apps/studio/components/interfaces/Database/Backups/BackupsList.tsx @@ -4,9 +4,9 @@ import { Clock } from 'lucide-react' import { useRouter } from 'next/router' import { useState } from 'react' import { toast } from 'sonner' -import { TimestampInfo } from 'ui-patterns' import { Admonition } from 'ui-patterns/admonition' import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { BackupItem } from './BackupItem' import { BackupsEmpty } from './BackupsEmpty' diff --git a/apps/studio/components/interfaces/Database/Backups/RestoreToNewProject/BackupsList.tsx b/apps/studio/components/interfaces/Database/Backups/RestoreToNewProject/BackupsList.tsx index 17fa70ecfdc..63eb2035eb5 100644 --- a/apps/studio/components/interfaces/Database/Backups/RestoreToNewProject/BackupsList.tsx +++ b/apps/studio/components/interfaces/Database/Backups/RestoreToNewProject/BackupsList.tsx @@ -1,5 +1,5 @@ import { Badge, Button } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { BackupsEmpty } from '../BackupsEmpty' import Panel from '@/components/ui/Panel' diff --git a/apps/studio/components/interfaces/Database/Extensions/EnableExtensionModal.tsx b/apps/studio/components/interfaces/Database/Extensions/EnableExtensionModal.tsx index ff4ead4a268..e9c36ea6bca 100644 --- a/apps/studio/components/interfaces/Database/Extensions/EnableExtensionModal.tsx +++ b/apps/studio/components/interfaces/Database/Extensions/EnableExtensionModal.tsx @@ -22,7 +22,7 @@ import { SelectTrigger, SelectValue, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import * as z from 'zod' diff --git a/apps/studio/components/interfaces/Database/Extensions/ExtensionRow.tsx b/apps/studio/components/interfaces/Database/Extensions/ExtensionRow.tsx index 11ada34ae1d..4c68836985a 100644 --- a/apps/studio/components/interfaces/Database/Extensions/ExtensionRow.tsx +++ b/apps/studio/components/interfaces/Database/Extensions/ExtensionRow.tsx @@ -5,7 +5,7 @@ import { useState } from 'react' import { extensions } from 'shared-data' import { toast } from 'sonner' import { Button, Switch, TableCell, TableRow, Tooltip, TooltipContent, TooltipTrigger } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { ConfirmationModal } from 'ui-patterns/Dialogs/ConfirmationModal' import { EnableExtensionModal } from './EnableExtensionModal' diff --git a/apps/studio/components/interfaces/Database/Functions/FunctionsList/FunctionsList.tsx b/apps/studio/components/interfaces/Database/Functions/FunctionsList/FunctionsList.tsx index b1e7c3b5399..d91bbab1f40 100644 --- a/apps/studio/components/interfaces/Database/Functions/FunctionsList/FunctionsList.tsx +++ b/apps/studio/components/interfaces/Database/Functions/FunctionsList/FunctionsList.tsx @@ -14,8 +14,8 @@ import { TableHeader, TableRow, } from 'ui' -import { EmptyStatePresentational } from 'ui-patterns' import { Input } from 'ui-patterns/DataInputs/Input' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { ProtectedSchemaWarning } from '../../ProtectedSchemaWarning' diff --git a/apps/studio/components/interfaces/Database/Indexes/CreateIndexSidePanel.tsx b/apps/studio/components/interfaces/Database/Indexes/CreateIndexSidePanel.tsx index 42f7570cccc..1e5a3657258 100644 --- a/apps/studio/components/interfaces/Database/Indexes/CreateIndexSidePanel.tsx +++ b/apps/studio/components/interfaces/Database/Indexes/CreateIndexSidePanel.tsx @@ -33,7 +33,7 @@ import { SheetSection, SheetTitle, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { MultiSelector, diff --git a/apps/studio/components/interfaces/Database/Migrations/Migrations.tsx b/apps/studio/components/interfaces/Database/Migrations/Migrations.tsx index df17cf08a7e..24f4763fa21 100644 --- a/apps/studio/components/interfaces/Database/Migrations/Migrations.tsx +++ b/apps/studio/components/interfaces/Database/Migrations/Migrations.tsx @@ -16,9 +16,10 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { Admonition, TimestampInfo } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input } from 'ui-patterns/DataInputs/Input' import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { MigrationsEmptyState } from './MigrationsEmptyState' import { SupportLink } from '@/components/interfaces/Support/SupportLink' diff --git a/apps/studio/components/interfaces/Database/Migrations/MigrationsEmptyState.tsx b/apps/studio/components/interfaces/Database/Migrations/MigrationsEmptyState.tsx index 92862f0dc18..8a6e8ec769b 100644 --- a/apps/studio/components/interfaces/Database/Migrations/MigrationsEmptyState.tsx +++ b/apps/studio/components/interfaces/Database/Migrations/MigrationsEmptyState.tsx @@ -1,7 +1,7 @@ import { useParams } from 'common' import { Terminal } from 'lucide-react' import { Card, CardContent, CardHeader, CardTitle } from 'ui' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' import CommandRender from '@/components/interfaces/Functions/CommandRender' diff --git a/apps/studio/components/interfaces/Database/ProtectedSchemaWarning.tsx b/apps/studio/components/interfaces/Database/ProtectedSchemaWarning.tsx index 18a52c4062a..556c808c992 100644 --- a/apps/studio/components/interfaces/Database/ProtectedSchemaWarning.tsx +++ b/apps/studio/components/interfaces/Database/ProtectedSchemaWarning.tsx @@ -10,7 +10,7 @@ import { DialogTitle, DialogTrigger, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { INTERNAL_SCHEMAS, useIsProtectedSchema } from '@/hooks/useProtectedSchemas' diff --git a/apps/studio/components/interfaces/Database/Publications/PublicationsTables.tsx b/apps/studio/components/interfaces/Database/Publications/PublicationsTables.tsx index 764ea1851c8..05646721e50 100644 --- a/apps/studio/components/interfaces/Database/Publications/PublicationsTables.tsx +++ b/apps/studio/components/interfaces/Database/Publications/PublicationsTables.tsx @@ -3,7 +3,7 @@ import { useParams } from 'common' import { Search } from 'lucide-react' import { useMemo, useRef, useState } from 'react' import { Card, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input } from 'ui-patterns/DataInputs/Input' import { PublicationTablesSkeleton } from './PublicationSkeleton' diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/AnalyticsBucket/Fields.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/AnalyticsBucket/Fields.tsx index ffb4ce2ecd7..266c42bcf0e 100644 --- a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/AnalyticsBucket/Fields.tsx +++ b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/AnalyticsBucket/Fields.tsx @@ -16,7 +16,7 @@ import { SelectTrigger, WarningIcon, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input as PasswordInput } from 'ui-patterns/DataInputs/Input' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/DuckLake/Fields.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/DuckLake/Fields.tsx index ad1648eaa9c..e124899a9e8 100644 --- a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/DuckLake/Fields.tsx +++ b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/DuckLake/Fields.tsx @@ -22,7 +22,7 @@ import { SelectTrigger, WarningIcon, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input as PasswordInput } from 'ui-patterns/DataInputs/Input' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/PublicationSelection.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/PublicationSelection.tsx index 050921886cf..db4c7ae7563 100644 --- a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/PublicationSelection.tsx +++ b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/PublicationSelection.tsx @@ -2,7 +2,7 @@ import { useParams } from 'common' import { useMemo } from 'react' import type { UseFormReturn } from 'react-hook-form' import { FormControl, FormField } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import type { DestinationPanelSchemaType } from './DestinationForm.schema' diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/ValidationFailuresSection.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/ValidationFailuresSection.tsx index 01d397501c7..2b269102958 100644 --- a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/ValidationFailuresSection.tsx +++ b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/DestinationForm/ValidationFailuresSection.tsx @@ -1,5 +1,5 @@ import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, Card } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Markdown } from '@/components/interfaces/Markdown' import type { ValidationFailure } from '@/data/replication/validate-destination-mutation' diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/ReadReplicaForm/ReadReplicaEligibilityWarnings.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/ReadReplicaForm/ReadReplicaEligibilityWarnings.tsx index baa771a432e..cfd10104d3d 100644 --- a/apps/studio/components/interfaces/Database/Replication/DestinationPanel/ReadReplicaForm/ReadReplicaEligibilityWarnings.tsx +++ b/apps/studio/components/interfaces/Database/Replication/DestinationPanel/ReadReplicaForm/ReadReplicaEligibilityWarnings.tsx @@ -4,7 +4,7 @@ import Link from 'next/link' import { useEffect, useState } from 'react' import { toast } from 'sonner' import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { useCheckEligibilityDeployReplica } from './useCheckEligibilityDeployReplica' import { SupportLink } from '@/components/interfaces/Support/SupportLink' diff --git a/apps/studio/components/interfaces/Database/Replication/Destinations.tsx b/apps/studio/components/interfaces/Database/Replication/Destinations.tsx index 69f1c617846..b137bb77234 100644 --- a/apps/studio/components/interfaces/Database/Replication/Destinations.tsx +++ b/apps/studio/components/interfaces/Database/Replication/Destinations.tsx @@ -19,8 +19,9 @@ import { TableHeader, TableRow, } from 'ui' -import { Admonition, GenericSkeletonLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input } from 'ui-patterns/DataInputs/Input' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { REPLICA_STATUS } from '../../Settings/Infrastructure/InfrastructureConfiguration/InstanceConfiguration.constants' import { DestinationPanel } from './DestinationPanel/DestinationPanel' diff --git a/apps/studio/components/interfaces/Database/Replication/EnablePipelinesCallout.tsx b/apps/studio/components/interfaces/Database/Replication/EnablePipelinesCallout.tsx index ed1f13a1fca..602bda15097 100644 --- a/apps/studio/components/interfaces/Database/Replication/EnablePipelinesCallout.tsx +++ b/apps/studio/components/interfaces/Database/Replication/EnablePipelinesCallout.tsx @@ -13,7 +13,7 @@ import { DialogTitle, DialogTrigger, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { DestinationType } from './DestinationPanel/DestinationPanel.types' import { DocsButton } from '@/components/ui/DocsButton' diff --git a/apps/studio/components/interfaces/Database/Replication/ReadReplicas/ReadReplicaDetails.tsx b/apps/studio/components/interfaces/Database/Replication/ReadReplicas/ReadReplicaDetails.tsx index c40af9169b7..75f200a5a28 100644 --- a/apps/studio/components/interfaces/Database/Replication/ReadReplicas/ReadReplicaDetails.tsx +++ b/apps/studio/components/interfaces/Database/Replication/ReadReplicas/ReadReplicaDetails.tsx @@ -12,10 +12,10 @@ import { ChartLine, ChartLoadingState, ChartMetric, - GenericSkeletonLoader, -} from 'ui-patterns' +} from 'ui-patterns/Chart' import { Input } from 'ui-patterns/DataInputs/Input' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { REPORT_DATERANGE_HELPER_LABELS } from '@/components/interfaces/Reports/Reports.constants' import { REPLICA_STATUS } from '@/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceConfiguration.constants' diff --git a/apps/studio/components/interfaces/Database/Replication/ReadReplicas/ReadReplicaRow.tsx b/apps/studio/components/interfaces/Database/Replication/ReadReplicas/ReadReplicaRow.tsx index 53ff9cfbbb4..b278717dda8 100644 --- a/apps/studio/components/interfaces/Database/Replication/ReadReplicas/ReadReplicaRow.tsx +++ b/apps/studio/components/interfaces/Database/Replication/ReadReplicas/ReadReplicaRow.tsx @@ -18,7 +18,7 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { ShimmeringLoader } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { getIsInTransition, getStatusLabel } from './ReadReplicas.utils' import { DropReplicaConfirmationModal } from '@/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/DropReplicaConfirmationModal' diff --git a/apps/studio/components/interfaces/Database/Replication/ReplicationPipelineStatus/ReplicationPipelineStatus.tsx b/apps/studio/components/interfaces/Database/Replication/ReplicationPipelineStatus/ReplicationPipelineStatus.tsx index 81996d4cd07..7fd2336cc6f 100644 --- a/apps/studio/components/interfaces/Database/Replication/ReplicationPipelineStatus/ReplicationPipelineStatus.tsx +++ b/apps/studio/components/interfaces/Database/Replication/ReplicationPipelineStatus/ReplicationPipelineStatus.tsx @@ -30,8 +30,8 @@ import { TableHeader, TableRow, } from 'ui' -import { GenericSkeletonLoader } from 'ui-patterns' import { Input } from 'ui-patterns/DataInputs/Input' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { BatchRestartDialog } from '../BatchRestartDialog' import { ErrorDetailsDialog } from '../ErrorDetailsDialog' diff --git a/apps/studio/components/interfaces/Database/RestoreToNewProject/PreviousRestoreItem.tsx b/apps/studio/components/interfaces/Database/RestoreToNewProject/PreviousRestoreItem.tsx index d293925eee4..f804e048ebc 100644 --- a/apps/studio/components/interfaces/Database/RestoreToNewProject/PreviousRestoreItem.tsx +++ b/apps/studio/components/interfaces/Database/RestoreToNewProject/PreviousRestoreItem.tsx @@ -1,6 +1,6 @@ import { ChevronRightIcon } from 'lucide-react' import Link from 'next/link' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { StatusBadge } from './StatusBadge' import { CloneStatus } from '@/data/projects/clone-status-query' diff --git a/apps/studio/components/interfaces/Database/Triggers/EventTriggersList/EventTriggersList.tsx b/apps/studio/components/interfaces/Database/Triggers/EventTriggersList/EventTriggersList.tsx index 8992247fcf3..32b7c968848 100644 --- a/apps/studio/components/interfaces/Database/Triggers/EventTriggersList/EventTriggersList.tsx +++ b/apps/studio/components/interfaces/Database/Triggers/EventTriggersList/EventTriggersList.tsx @@ -15,7 +15,7 @@ import { TableHeader, TableRow, } from 'ui' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { EventTriggerList } from './EventTriggerList' diff --git a/apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggersList.tsx b/apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggersList.tsx index 9f22f2834e6..c27c968c327 100644 --- a/apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggersList.tsx +++ b/apps/studio/components/interfaces/Database/Triggers/TriggersList/TriggersList.tsx @@ -15,7 +15,7 @@ import { TableHeader, TableRow, } from 'ui' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { CreateTriggerButtons } from './CreateTriggerButtons' diff --git a/apps/studio/components/interfaces/DiskManagement/DiskManagementForm.tsx b/apps/studio/components/interfaces/DiskManagement/DiskManagementForm.tsx index 46823e64c10..2f7a79cea00 100644 --- a/apps/studio/components/interfaces/DiskManagement/DiskManagementForm.tsx +++ b/apps/studio/components/interfaces/DiskManagement/DiskManagementForm.tsx @@ -17,7 +17,7 @@ import { Form, Separator, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormFooterChangeBadge } from '../DataWarehouse/FormFooterChangeBadge' import { CreateDiskStorageSchema, DiskStorageSchemaType } from './DiskManagement.schema' diff --git a/apps/studio/components/interfaces/DiskManagement/DiskManagementPanelForm.tsx b/apps/studio/components/interfaces/DiskManagement/DiskManagementPanelForm.tsx index f41ef295700..8257d48faed 100644 --- a/apps/studio/components/interfaces/DiskManagement/DiskManagementPanelForm.tsx +++ b/apps/studio/components/interfaces/DiskManagement/DiskManagementPanelForm.tsx @@ -1,14 +1,14 @@ import { useParams } from 'common' import Link from 'next/link' import { Button } from 'ui' +import { Admonition } from 'ui-patterns/admonition' import { PageSection, PageSectionContent, PageSectionMeta, PageSectionSummary, PageSectionTitle, -} from 'ui-patterns' -import { Admonition } from 'ui-patterns/admonition' +} from 'ui-patterns/PageSection' import { DocsButton } from '../../ui/DocsButton' import { DOCS_URL } from '@/lib/constants' diff --git a/apps/studio/components/interfaces/DiskManagement/fields/AutoScaleFields.tsx b/apps/studio/components/interfaces/DiskManagement/fields/AutoScaleFields.tsx index db80564155a..08aecb8389d 100644 --- a/apps/studio/components/interfaces/DiskManagement/fields/AutoScaleFields.tsx +++ b/apps/studio/components/interfaces/DiskManagement/fields/AutoScaleFields.tsx @@ -8,7 +8,7 @@ import { InputGroupAddon, InputGroupText, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { DiskStorageSchemaType } from '../DiskManagement.schema' diff --git a/apps/studio/components/interfaces/DiskManagement/fields/ComputeSizeField.tsx b/apps/studio/components/interfaces/DiskManagement/fields/ComputeSizeField.tsx index 3782edbadd4..43058206532 100644 --- a/apps/studio/components/interfaces/DiskManagement/fields/ComputeSizeField.tsx +++ b/apps/studio/components/interfaces/DiskManagement/fields/ComputeSizeField.tsx @@ -14,7 +14,8 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { Admonition, ComputeBadge } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' +import { ComputeBadge } from 'ui-patterns/ComputeBadge' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { DiskStorageSchemaType } from '../DiskManagement.schema' diff --git a/apps/studio/components/interfaces/DiskManagement/ui/FormMessage.tsx b/apps/studio/components/interfaces/DiskManagement/ui/FormMessage.tsx index 99c9ddf5d65..4352448e33c 100644 --- a/apps/studio/components/interfaces/DiskManagement/ui/FormMessage.tsx +++ b/apps/studio/components/interfaces/DiskManagement/ui/FormMessage.tsx @@ -1,5 +1,5 @@ import { AnimatePresence, motion } from 'framer-motion' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' interface FormMessageProps { message: string diff --git a/apps/studio/components/interfaces/Docs/PublicSchemaNotEnabledAlert.tsx b/apps/studio/components/interfaces/Docs/PublicSchemaNotEnabledAlert.tsx index f6a62bfb8aa..0059b22d52e 100644 --- a/apps/studio/components/interfaces/Docs/PublicSchemaNotEnabledAlert.tsx +++ b/apps/studio/components/interfaces/Docs/PublicSchemaNotEnabledAlert.tsx @@ -1,7 +1,7 @@ import { useParams } from 'common' import Link from 'next/link' import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' const PublicSchemaNotEnabledAlert = () => { const { ref: projectRef } = useParams() diff --git a/apps/studio/components/interfaces/Functions/EdgeFunctionRecentInvocations.tsx b/apps/studio/components/interfaces/Functions/EdgeFunctionRecentInvocations.tsx index 399a8692a88..e88ccfffdac 100644 --- a/apps/studio/components/interfaces/Functions/EdgeFunctionRecentInvocations.tsx +++ b/apps/studio/components/interfaces/Functions/EdgeFunctionRecentInvocations.tsx @@ -3,8 +3,9 @@ import { Clock, ExternalLink, RefreshCw } from 'lucide-react' import Link from 'next/link' import { useRouter } from 'next/router' import { Button, cn } from 'ui' -import { Admonition, TimestampInfo } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { parseEdgeFunctionEventMessage } from './EdgeFunctionRecentInvocations.utils' import { LOGS_TABLES } from '@/components/interfaces/Settings/Logs/Logs.constants' diff --git a/apps/studio/components/interfaces/Functions/EdgeFunctionSecrets/EdgeFunctionSecret.tsx b/apps/studio/components/interfaces/Functions/EdgeFunctionSecrets/EdgeFunctionSecret.tsx index 510261b96d4..8dd395def72 100644 --- a/apps/studio/components/interfaces/Functions/EdgeFunctionSecrets/EdgeFunctionSecret.tsx +++ b/apps/studio/components/interfaces/Functions/EdgeFunctionSecrets/EdgeFunctionSecret.tsx @@ -15,7 +15,7 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { ButtonTooltip } from '@/components/ui/ButtonTooltip' import type { ProjectSecret } from '@/data/secrets/secrets-query' diff --git a/apps/studio/components/interfaces/Functions/EdgeFunctionsListItem.tsx b/apps/studio/components/interfaces/Functions/EdgeFunctionsListItem.tsx index 766d4e120be..c8e31584ba5 100644 --- a/apps/studio/components/interfaces/Functions/EdgeFunctionsListItem.tsx +++ b/apps/studio/components/interfaces/Functions/EdgeFunctionsListItem.tsx @@ -5,7 +5,8 @@ import { Check, Copy } from 'lucide-react' import { useRouter } from 'next/router' import { useMemo, useState, type MouseEvent } from 'react' import { cn, copyToClipboard, TableCell, TableRow } from 'ui' -import { ShimmeringLoader, TimestampInfo } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { formatErrorRate } from './EdgeFunctionsListItem.utils' import { useProjectApiUrl } from '@/data/config/project-endpoint-query' diff --git a/apps/studio/components/interfaces/Home/ProjectList/EmptyStates.tsx b/apps/studio/components/interfaces/Home/ProjectList/EmptyStates.tsx index 95f379cbfcd..e8be56338ff 100644 --- a/apps/studio/components/interfaces/Home/ProjectList/EmptyStates.tsx +++ b/apps/studio/components/interfaces/Home/ProjectList/EmptyStates.tsx @@ -13,7 +13,7 @@ import { TableHeader, TableRow, } from 'ui' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' import { ShimmeringCard } from './ShimmeringCard' import { HomeIcon } from '@/components/layouts/Navigation/LayoutHeader/HomeIcon' diff --git a/apps/studio/components/interfaces/Home/ProjectList/ProjectTableRow.tsx b/apps/studio/components/interfaces/Home/ProjectList/ProjectTableRow.tsx index 8a0e8700e1d..3ab9ae62a6b 100644 --- a/apps/studio/components/interfaces/Home/ProjectList/ProjectTableRow.tsx +++ b/apps/studio/components/interfaces/Home/ProjectList/ProjectTableRow.tsx @@ -13,7 +13,7 @@ import { TableCell, TableRow, } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { inferProjectStatus } from './ProjectCard.utils' import { ProjectCardStatus } from './ProjectCardStatus' diff --git a/apps/studio/components/interfaces/Integrations/CronJobs/CronJobTableCell.tsx b/apps/studio/components/interfaces/Integrations/CronJobs/CronJobTableCell.tsx index bee4c722762..bacefa744fc 100644 --- a/apps/studio/components/interfaces/Integrations/CronJobs/CronJobTableCell.tsx +++ b/apps/studio/components/interfaces/Integrations/CronJobs/CronJobTableCell.tsx @@ -35,8 +35,8 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { TimestampInfo } from 'ui-patterns' import { CodeBlock } from 'ui-patterns/CodeBlock' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { useDatabaseCronJobRunCommandMutation } from '@/data/database-cron-jobs/database-cron-job-run-mutation' import { CronJob } from '@/data/database-cron-jobs/database-cron-jobs-infinite-query' diff --git a/apps/studio/components/interfaces/Integrations/CronJobs/PreviousRunsTab.tsx b/apps/studio/components/interfaces/Integrations/CronJobs/PreviousRunsTab.tsx index 54ebfc7e798..75c65f5d2f8 100644 --- a/apps/studio/components/interfaces/Integrations/CronJobs/PreviousRunsTab.tsx +++ b/apps/studio/components/interfaces/Integrations/CronJobs/PreviousRunsTab.tsx @@ -4,9 +4,9 @@ import { CircleCheck, CircleX, Loader } from 'lucide-react' import { useMemo } from 'react' import DataGrid, { Column, Row } from 'react-data-grid' import { cn, LoadingLine, Tooltip, TooltipContent, TooltipTrigger } from 'ui' -import { TimestampInfo } from 'ui-patterns' import { CodeBlock } from 'ui-patterns/CodeBlock' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { calculateDuration, formatDate } from './CronJobs.utils' import CronJobsEmptyState from './CronJobsEmptyState' diff --git a/apps/studio/components/interfaces/Integrations/DataApi/DocViewLoading.tsx b/apps/studio/components/interfaces/Integrations/DataApi/DocViewLoading.tsx index 87d27d4d4fa..619b13cd779 100644 --- a/apps/studio/components/interfaces/Integrations/DataApi/DocViewLoading.tsx +++ b/apps/studio/components/interfaces/Integrations/DataApi/DocViewLoading.tsx @@ -1,4 +1,4 @@ -import { ShimmeringLoader } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' export const DocViewLoading = () => { return ( diff --git a/apps/studio/components/interfaces/Integrations/DataApi/DocsTab.tsx b/apps/studio/components/interfaces/Integrations/DataApi/DocsTab.tsx index 3e8af99f7f8..53e2f634cd9 100644 --- a/apps/studio/components/interfaces/Integrations/DataApi/DocsTab.tsx +++ b/apps/studio/components/interfaces/Integrations/DataApi/DocsTab.tsx @@ -1,6 +1,6 @@ import { useParams } from 'common' import { useMemo, useState } from 'react' -import { ShimmeringLoader } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import type { ShowApiKey } from '../../Docs/Docs.types' import { LangSelector } from '../../Docs/LangSelector' diff --git a/apps/studio/components/interfaces/Integrations/Integration/ConnectedResourceGroupSection.tsx b/apps/studio/components/interfaces/Integrations/Integration/ConnectedResourceGroupSection.tsx index 1b70579d7e6..b4d4a519d35 100644 --- a/apps/studio/components/interfaces/Integrations/Integration/ConnectedResourceGroupSection.tsx +++ b/apps/studio/components/interfaces/Integrations/Integration/ConnectedResourceGroupSection.tsx @@ -1,6 +1,6 @@ import { Settings, Trash2, TriangleAlert } from 'lucide-react' import { Badge, Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { type ResourceGroup } from './MarketplaceIntegrationSettingsTab.types' import { type ConnectedResource } from '@/components/interfaces/Integrations/Landing/Landing.utils' diff --git a/apps/studio/components/interfaces/Integrations/Integration/LegacyIntegrationPage.tsx b/apps/studio/components/interfaces/Integrations/Integration/LegacyIntegrationPage.tsx index 8a75e488692..41281c2bf3c 100644 --- a/apps/studio/components/interfaces/Integrations/Integration/LegacyIntegrationPage.tsx +++ b/apps/studio/components/interfaces/Integrations/Integration/LegacyIntegrationPage.tsx @@ -9,9 +9,9 @@ import { NavMenu, NavMenuItem, } from 'ui' +import { Admonition } from 'ui-patterns/admonition' +import { PageContainer } from 'ui-patterns/PageContainer' import { - Admonition, - PageContainer, PageHeader, PageHeaderBreadcrumb, PageHeaderDescription, @@ -20,10 +20,9 @@ import { PageHeaderNavigationTabs, PageHeaderSummary, PageHeaderTitle, - PageSection, - PageSectionContent, -} from 'ui-patterns' -import ShimmeringLoader, { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' +} from 'ui-patterns/PageHeader' +import { PageSection, PageSectionContent } from 'ui-patterns/PageSection' +import { GenericSkeletonLoader, ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { IntegrationLogo } from '@/components/interfaces/Integrations/Integration/IntegrationLogo' import { InstallOAuthIntegrationButton } from '@/components/interfaces/Integrations/Integration/IntegrationOverviewTabV2/InstallIntegrationSheet/InstallOAuthIntegrationButton' diff --git a/apps/studio/components/interfaces/Integrations/Integration/MarketplaceIntegrationSettingsTab.tsx b/apps/studio/components/interfaces/Integrations/Integration/MarketplaceIntegrationSettingsTab.tsx index 3937defb9dc..414eb7eb440 100644 --- a/apps/studio/components/interfaces/Integrations/Integration/MarketplaceIntegrationSettingsTab.tsx +++ b/apps/studio/components/interfaces/Integrations/Integration/MarketplaceIntegrationSettingsTab.tsx @@ -1,7 +1,8 @@ import { useState } from 'react' import { toast } from 'sonner' -import { Admonition, GenericSkeletonLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { ResourceGroupSection } from './ConnectedResourceGroupSection' import { type ApiKeyResource, type ResourceGroup } from './MarketplaceIntegrationSettingsTab.types' diff --git a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetail.tsx b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetail.tsx index dc013378a55..f11637ce362 100644 --- a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetail.tsx +++ b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetail.tsx @@ -1,8 +1,8 @@ import { ArrowUpRight, BookOpen, Gauge, Settings } from 'lucide-react' import { useRouter } from 'next/router' import { Button, cn } from 'ui' -import { GenericSkeletonLoader, ShimmeringLoader } from 'ui-patterns' import { Admonition } from 'ui-patterns/admonition' +import { GenericSkeletonLoader, ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { MarketplaceDetailBreadrumbs } from './MarketplaceDetailBreadcrumbs' import { MarketplaceDetailHero } from './MarketplaceDetailHero' diff --git a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetailBreadcrumbs.tsx b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetailBreadcrumbs.tsx index b836ac80db5..dd4f56a0613 100644 --- a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetailBreadcrumbs.tsx +++ b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetailBreadcrumbs.tsx @@ -9,8 +9,8 @@ import { BreadcrumbPage, BreadcrumbSeparator, } from 'ui' -import { ShimmeringLoader } from 'ui-patterns' import { PageBreadcrumbs, PageBreadcrumbsActions } from 'ui-patterns/PageBreadcrumbs' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' interface MarketplaceDetailBreadrumbsProps { isLoading?: boolean diff --git a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetailHero.tsx b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetailHero.tsx index c2c67c177d0..b167b0a0681 100644 --- a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetailHero.tsx +++ b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceDetailHero.tsx @@ -9,7 +9,7 @@ import { PageHeaderNavigationTabs, PageHeaderSummary, PageHeaderTitle, -} from 'ui-patterns' +} from 'ui-patterns/PageHeader' import { getMarketplaceSource, MarketplaceSourceBadge } from './Marketplace.constants' import { IntegrationLogo } from '@/components/interfaces/Integrations/Integration/IntegrationLogo' diff --git a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceIndex.tsx b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceIndex.tsx index 7a1059f1c68..db457a62656 100644 --- a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceIndex.tsx +++ b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceIndex.tsx @@ -1,15 +1,15 @@ import { parseAsString, parseAsStringEnum, useQueryState } from 'nuqs' import { useMemo, useRef } from 'react' import { Button, Card, ShadowScrollArea, Table, TableBody, TableHeader } from 'ui' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' +import { PageContainer } from 'ui-patterns/PageContainer' import { - EmptyStatePresentational, - PageContainer, PageHeader, PageHeaderDescription, PageHeaderMeta, PageHeaderSummary, PageHeaderTitle, -} from 'ui-patterns' +} from 'ui-patterns/PageHeader' import { EXCLUDED_CATEGORY_SLUGS, diff --git a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceSidebar.tsx b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceSidebar.tsx index 5ffbcf011ba..0b3f9b06dde 100644 --- a/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceSidebar.tsx +++ b/apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceSidebar.tsx @@ -3,7 +3,7 @@ import { ArrowUpRight, BookOpen, LayoutGrid, PlusSquare } from 'lucide-react' import Link from 'next/link' import { useRouter } from 'next/router' import { cn } from 'ui' -import { ShimmeringLoader } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { useInstalledIntegrations } from '@/components/interfaces/Integrations/Landing/useInstalledIntegrations' import { DOCS_URL } from '@/lib/constants' diff --git a/apps/studio/components/interfaces/Integrations/Queues/CreateQueueSheet/PgPartmanCallout.tsx b/apps/studio/components/interfaces/Integrations/Queues/CreateQueueSheet/PgPartmanCallout.tsx index b544c7de7c4..eeeb99a4ad4 100644 --- a/apps/studio/components/interfaces/Integrations/Queues/CreateQueueSheet/PgPartmanCallout.tsx +++ b/apps/studio/components/interfaces/Integrations/Queues/CreateQueueSheet/PgPartmanCallout.tsx @@ -1,6 +1,6 @@ import { useState } from 'react' import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { usePgPartmanStatus } from '../usePgPartmanStatus' import { EnableExtensionModal } from '@/components/interfaces/Database/Extensions/EnableExtensionModal' diff --git a/apps/studio/components/interfaces/Integrations/Queues/CreateQueueSheet/RlsSection.tsx b/apps/studio/components/interfaces/Integrations/Queues/CreateQueueSheet/RlsSection.tsx index a78591eebad..8524e773ffc 100644 --- a/apps/studio/components/interfaces/Integrations/Queues/CreateQueueSheet/RlsSection.tsx +++ b/apps/studio/components/interfaces/Integrations/Queues/CreateQueueSheet/RlsSection.tsx @@ -1,6 +1,6 @@ import { UseFormReturn } from 'react-hook-form' import { Badge, FormControl, FormField, SheetSection, Switch } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { CreateQueueForm } from './CreateQueueSheet.schema' diff --git a/apps/studio/components/interfaces/Integrations/Queues/OverviewTab.tsx b/apps/studio/components/interfaces/Integrations/Queues/OverviewTab.tsx index 0a6d60ef649..26fc8374fc8 100644 --- a/apps/studio/components/interfaces/Integrations/Queues/OverviewTab.tsx +++ b/apps/studio/components/interfaces/Integrations/Queues/OverviewTab.tsx @@ -1,7 +1,7 @@ import { useParams } from 'common' import Link from 'next/link' import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { IntegrationOverviewTab } from '../Integration/IntegrationOverviewTab' import { RequiredExtensionsSection } from '../Integration/RequiredExtensionsSection' diff --git a/apps/studio/components/interfaces/Integrations/Queues/QueuesSettings.tsx b/apps/studio/components/interfaces/Integrations/Queues/QueuesSettings.tsx index 5739d29f786..3f99d8f060e 100644 --- a/apps/studio/components/interfaces/Integrations/Queues/QueuesSettings.tsx +++ b/apps/studio/components/interfaces/Integrations/Queues/QueuesSettings.tsx @@ -5,7 +5,7 @@ import { useEffect, useState } from 'react' import { useForm } from 'react-hook-form' import { toast } from 'sonner' import { Button, Form, FormControl, FormField, FormItem, Switch } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { z } from 'zod' diff --git a/apps/studio/components/interfaces/Integrations/Webhooks/OverviewTab.tsx b/apps/studio/components/interfaces/Integrations/Webhooks/OverviewTab.tsx index 5253ab0dc6e..454acf34276 100644 --- a/apps/studio/components/interfaces/Integrations/Webhooks/OverviewTab.tsx +++ b/apps/studio/components/interfaces/Integrations/Webhooks/OverviewTab.tsx @@ -1,7 +1,7 @@ import { PermissionAction } from '@supabase/shared-types/out/constants' import { useParams } from 'common' import { toast } from 'sonner' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { IntegrationOverviewTab } from '../Integration/IntegrationOverviewTab' diff --git a/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/OverviewTab.tsx b/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/OverviewTab.tsx index 4025d6bf64e..e05b84a39ea 100644 --- a/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/OverviewTab.tsx +++ b/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/OverviewTab.tsx @@ -17,7 +17,7 @@ import { SheetSection, SheetTitle, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input } from 'ui-patterns/DataInputs/Input' import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' diff --git a/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/StripeSyncSettingsPage.tsx b/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/StripeSyncSettingsPage.tsx index 7d07b9828d1..69d538bec14 100644 --- a/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/StripeSyncSettingsPage.tsx +++ b/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/StripeSyncSettingsPage.tsx @@ -3,7 +3,7 @@ import { formatRelative } from 'date-fns' import { BadgeCheck, RefreshCwIcon } from 'lucide-react' import Link from 'next/link' import { Button, Card, CardContent, CardHeader, CardTitle } from 'ui' -import { Admonition, ShimmeringLoader, TimestampInfo } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { PageSection, PageSectionContent, @@ -12,6 +12,8 @@ import { PageSectionSummary, PageSectionTitle, } from 'ui-patterns/PageSection' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { isInstalled, isSyncRunning, isUninstalling } from './stripe-sync-status' import { ConstrainedIntegrationTabScaffold } from '@/components/interfaces/Integrations/ConstrainedIntegrationTabScaffold' diff --git a/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/signing-key-row.tsx b/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/signing-key-row.tsx index 6dcdc729f04..2f189271575 100644 --- a/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/signing-key-row.tsx +++ b/apps/studio/components/interfaces/JwtSecrets/jwt-secret-keys-table/signing-key-row.tsx @@ -22,7 +22,7 @@ import { TableCell, TableRow, } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { AlgorithmHoverCard } from '../algorithm-hover-card' import { statusColors, statusLabels } from '../jwt.constants' diff --git a/apps/studio/components/interfaces/Linter/GraphqlExposureLintCTA.tsx b/apps/studio/components/interfaces/Linter/GraphqlExposureLintCTA.tsx index 83cea333e69..5d9ccfb4690 100644 --- a/apps/studio/components/interfaces/Linter/GraphqlExposureLintCTA.tsx +++ b/apps/studio/components/interfaces/Linter/GraphqlExposureLintCTA.tsx @@ -4,7 +4,7 @@ import { EyeOff, Lock } from 'lucide-react' import { useState } from 'react' import { toast } from 'sonner' import { Badge, Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' import { InlineLink } from '@/components/ui/InlineLink' diff --git a/apps/studio/components/interfaces/LogDrains/OrgAuditLogDrains.tsx b/apps/studio/components/interfaces/LogDrains/OrgAuditLogDrains.tsx index 31f28558b28..aa728dc7936 100644 --- a/apps/studio/components/interfaces/LogDrains/OrgAuditLogDrains.tsx +++ b/apps/studio/components/interfaces/LogDrains/OrgAuditLogDrains.tsx @@ -11,8 +11,8 @@ import { DropdownMenuItem, DropdownMenuTrigger, } from 'ui' -import { GenericSkeletonLoader } from 'ui-patterns' import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { LogDrainDestinationSheetForm } from './LogDrainDestinationSheetForm' import { LogDrainType } from './LogDrains.constants' diff --git a/apps/studio/components/interfaces/Organization/BillingSettings/CreditCodeRedemption.tsx b/apps/studio/components/interfaces/Organization/BillingSettings/CreditCodeRedemption.tsx index 13752a01f00..95c44733543 100644 --- a/apps/studio/components/interfaces/Organization/BillingSettings/CreditCodeRedemption.tsx +++ b/apps/studio/components/interfaces/Organization/BillingSettings/CreditCodeRedemption.tsx @@ -22,8 +22,10 @@ import { Input, Separator, } from 'ui' -import { Admonition, ShimmeringLoader, TimestampInfo } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { z } from 'zod' import { ButtonTooltip } from '@/components/ui/ButtonTooltip' diff --git a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/DowngradeModal.tsx b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/DowngradeModal.tsx index 60b5714cf9a..76a9ccbfbd3 100644 --- a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/DowngradeModal.tsx +++ b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/DowngradeModal.tsx @@ -10,7 +10,7 @@ import { DialogSectionSeparator, DialogTitle, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { isBeforeFreeTierTemplateBlockCutoff } from '@/components/interfaces/Auth/EmailTemplates/EmailTemplates.utils' import { getComputeSize, OrgProject } from '@/data/projects/org-projects-infinite-query' diff --git a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/SubscriptionPlanUpdateDialog.tsx b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/SubscriptionPlanUpdateDialog.tsx index 088149e39fa..c264ddc1371 100644 --- a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/SubscriptionPlanUpdateDialog.tsx +++ b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/SubscriptionPlanUpdateDialog.tsx @@ -8,7 +8,7 @@ import { useMemo, useRef, useState } from 'react' import { plans as subscriptionsPlans } from 'shared-data/plans' import { toast } from 'sonner' import { Button, cn, Dialog, DialogContent } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { InfoTooltip } from 'ui-patterns/info-tooltip' import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' diff --git a/apps/studio/components/interfaces/Organization/CloudMarketplace/AwsMarketplaceOnboarding.components.tsx b/apps/studio/components/interfaces/Organization/CloudMarketplace/AwsMarketplaceOnboarding.components.tsx index 0923335ca90..97d226169d9 100644 --- a/apps/studio/components/interfaces/Organization/CloudMarketplace/AwsMarketplaceOnboarding.components.tsx +++ b/apps/studio/components/interfaces/Organization/CloudMarketplace/AwsMarketplaceOnboarding.components.tsx @@ -1,6 +1,7 @@ import { type ReactNode } from 'react' import { Card, CardContent } from 'ui' -import { Admonition, ShimmeringLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import type { CloudMarketplaceContractLinkingIneligibilityReason, diff --git a/apps/studio/components/interfaces/Organization/CloudMarketplace/AwsMarketplaceOnboarding.tsx b/apps/studio/components/interfaces/Organization/CloudMarketplace/AwsMarketplaceOnboarding.tsx index 4392359d4fe..ff6449a20c6 100644 --- a/apps/studio/components/interfaces/Organization/CloudMarketplace/AwsMarketplaceOnboarding.tsx +++ b/apps/studio/components/interfaces/Organization/CloudMarketplace/AwsMarketplaceOnboarding.tsx @@ -2,7 +2,8 @@ import Link from 'next/link' import { useEffect, useMemo, useState } from 'react' import { toast } from 'sonner' import { Button } from 'ui' -import { Admonition, ShimmeringLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { AwsMarketplaceInterstitial, diff --git a/apps/studio/components/interfaces/Organization/GeneralSettings/OrganizationDeletePanel.tsx b/apps/studio/components/interfaces/Organization/GeneralSettings/OrganizationDeletePanel.tsx index e2deae29c47..fb4379b66ac 100644 --- a/apps/studio/components/interfaces/Organization/GeneralSettings/OrganizationDeletePanel.tsx +++ b/apps/studio/components/interfaces/Organization/GeneralSettings/OrganizationDeletePanel.tsx @@ -1,4 +1,4 @@ -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { DeleteOrganizationButton } from './DeleteOrganizationButton' import PartnerManagedResource from '@/components/ui/PartnerManagedResource' diff --git a/apps/studio/components/interfaces/Organization/NewOrg/UpgradeExistingOrganizationCallout.tsx b/apps/studio/components/interfaces/Organization/NewOrg/UpgradeExistingOrganizationCallout.tsx index 54ea99da6bf..baf14b36a66 100644 --- a/apps/studio/components/interfaces/Organization/NewOrg/UpgradeExistingOrganizationCallout.tsx +++ b/apps/studio/components/interfaces/Organization/NewOrg/UpgradeExistingOrganizationCallout.tsx @@ -1,4 +1,4 @@ -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { InlineLink } from '@/components/ui/InlineLink' import Panel from '@/components/ui/Panel' diff --git a/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizedAppRow.tsx b/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizedAppRow.tsx index f7825359b82..2a74a01c673 100644 --- a/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizedAppRow.tsx +++ b/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizedAppRow.tsx @@ -1,6 +1,6 @@ import { Trash } from 'lucide-react' import { Button, TableCell, TableRow } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import CopyButton from '@/components/ui/CopyButton' import type { AuthorizedApp } from '@/data/oauth/authorized-apps-query' diff --git a/apps/studio/components/interfaces/Organization/OAuthApps/DeleteAppModal.tsx b/apps/studio/components/interfaces/Organization/OAuthApps/DeleteAppModal.tsx index d27da2dba36..1005c82abb4 100644 --- a/apps/studio/components/interfaces/Organization/OAuthApps/DeleteAppModal.tsx +++ b/apps/studio/components/interfaces/Organization/OAuthApps/DeleteAppModal.tsx @@ -10,7 +10,7 @@ import { AlertDialogFooter, AlertDialogTitle, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { useOAuthAppDeleteMutation } from '@/data/oauth/oauth-app-delete-mutation' import type { OAuthApp } from '@/data/oauth/oauth-apps-query' diff --git a/apps/studio/components/interfaces/Organization/OAuthApps/OAuthAppRow.tsx b/apps/studio/components/interfaces/Organization/OAuthApps/OAuthAppRow.tsx index e28c76c4321..a8c75badf28 100644 --- a/apps/studio/components/interfaces/Organization/OAuthApps/OAuthAppRow.tsx +++ b/apps/studio/components/interfaces/Organization/OAuthApps/OAuthAppRow.tsx @@ -13,7 +13,7 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import CopyButton from '@/components/ui/CopyButton' import type { OAuthApp } from '@/data/oauth/oauth-apps-query' diff --git a/apps/studio/components/interfaces/Organization/OAuthApps/RevokeAppModal.tsx b/apps/studio/components/interfaces/Organization/OAuthApps/RevokeAppModal.tsx index 28f1db1e41c..c1442d2cb7d 100644 --- a/apps/studio/components/interfaces/Organization/OAuthApps/RevokeAppModal.tsx +++ b/apps/studio/components/interfaces/Organization/OAuthApps/RevokeAppModal.tsx @@ -11,7 +11,7 @@ import { AlertDialogHeader, AlertDialogTitle, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { useAuthorizedAppRevokeMutation } from '@/data/oauth/authorized-app-revoke-mutation' import type { AuthorizedApp } from '@/data/oauth/authorized-apps-query' diff --git a/apps/studio/components/interfaces/Organization/PrivateApps/Apps/AppsList/AppsList.tsx b/apps/studio/components/interfaces/Organization/PrivateApps/Apps/AppsList/AppsList.tsx index 6c761bb596d..9743025e82f 100644 --- a/apps/studio/components/interfaces/Organization/PrivateApps/Apps/AppsList/AppsList.tsx +++ b/apps/studio/components/interfaces/Organization/PrivateApps/Apps/AppsList/AppsList.tsx @@ -2,7 +2,7 @@ import { AppWindow, Plus } from 'lucide-react' import { useMemo, useState } from 'react' import { toast } from 'sonner' import { Button } from 'ui' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' import { PromoteInstallationModal } from '../../Installations/PromoteInstallationModal' import { PrivateApp, usePrivateApps } from '../../PrivateAppsContext' diff --git a/apps/studio/components/interfaces/Organization/SSO/SSOConfig.tsx b/apps/studio/components/interfaces/Organization/SSO/SSOConfig.tsx index 165fc37ead2..8df56451a7d 100644 --- a/apps/studio/components/interfaces/Organization/SSO/SSOConfig.tsx +++ b/apps/studio/components/interfaces/Organization/SSO/SSOConfig.tsx @@ -5,7 +5,7 @@ import { useEffect, useEffectEvent, useState } from 'react' import { SubmitHandler, useForm } from 'react-hook-form' import { toast } from 'sonner' import { Button, Card, CardContent, CardFooter, Form, FormControl, FormField, Switch } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import z from 'zod' diff --git a/apps/studio/components/interfaces/Organization/SecuritySettings.tsx b/apps/studio/components/interfaces/Organization/SecuritySettings.tsx index b73b24a368b..a6f01b4adee 100644 --- a/apps/studio/components/interfaces/Organization/SecuritySettings.tsx +++ b/apps/studio/components/interfaces/Organization/SecuritySettings.tsx @@ -6,7 +6,7 @@ import { useEffect } from 'react' import { useForm } from 'react-hook-form' import { toast } from 'sonner' import { Button, Card, CardContent, CardFooter, Form, FormControl, FormField, Switch } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { z } from 'zod' diff --git a/apps/studio/components/interfaces/Organization/TeamSettings/MembersView.tsx b/apps/studio/components/interfaces/Organization/TeamSettings/MembersView.tsx index 2fa2616220c..d5ee5abab4c 100644 --- a/apps/studio/components/interfaces/Organization/TeamSettings/MembersView.tsx +++ b/apps/studio/components/interfaces/Organization/TeamSettings/MembersView.tsx @@ -13,7 +13,7 @@ import { TableHeader, TableRow, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { MemberRow } from './MemberRow' diff --git a/apps/studio/components/interfaces/Organization/TeamSettings/TeamSettings.tsx b/apps/studio/components/interfaces/Organization/TeamSettings/TeamSettings.tsx index e6c3a22657c..7acaeaaf284 100644 --- a/apps/studio/components/interfaces/Organization/TeamSettings/TeamSettings.tsx +++ b/apps/studio/components/interfaces/Organization/TeamSettings/TeamSettings.tsx @@ -1,7 +1,7 @@ import { useParams } from 'common' import { Search } from 'lucide-react' import { useState } from 'react' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input } from 'ui-patterns/DataInputs/Input' import { InviteMemberButton } from './InviteMemberButton' diff --git a/apps/studio/components/interfaces/Organization/Usage/Usage.constants.tsx b/apps/studio/components/interfaces/Organization/Usage/Usage.constants.tsx index 550e996f7ea..380ba5f795a 100644 --- a/apps/studio/components/interfaces/Organization/Usage/Usage.constants.tsx +++ b/apps/studio/components/interfaces/Organization/Usage/Usage.constants.tsx @@ -1,5 +1,5 @@ import { ReactNode } from 'react' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { USAGE_APPROACHING_THRESHOLD } from '@/components/interfaces/Billing/Billing.constants' import { EgressType, PricingMetric } from '@/data/analytics/org-daily-stats-query' diff --git a/apps/studio/components/interfaces/Organization/Usage/Usage.tsx b/apps/studio/components/interfaces/Organization/Usage/Usage.tsx index 3164c865179..6eb76f17439 100644 --- a/apps/studio/components/interfaces/Organization/Usage/Usage.tsx +++ b/apps/studio/components/interfaces/Organization/Usage/Usage.tsx @@ -6,7 +6,7 @@ import Link from 'next/link' import { useQueryState } from 'nuqs' import { useMemo, useState } from 'react' import { Button, cn, CommandGroup, CommandItem } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { Restriction } from '../BillingSettings/Restriction' diff --git a/apps/studio/components/interfaces/Organization/restriction.constants.tsx b/apps/studio/components/interfaces/Organization/restriction.constants.tsx index 26a440ffabd..dc13ebb5f8d 100644 --- a/apps/studio/components/interfaces/Organization/restriction.constants.tsx +++ b/apps/studio/components/interfaces/Organization/restriction.constants.tsx @@ -1,6 +1,6 @@ import dayjs from 'dayjs' import { type ReactNode } from 'react' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { InlineLink } from '@/components/ui/InlineLink' diff --git a/apps/studio/components/interfaces/OrganizationInvite/OrganizationInvite.tsx b/apps/studio/components/interfaces/OrganizationInvite/OrganizationInvite.tsx index 10b746c6695..28de171f715 100644 --- a/apps/studio/components/interfaces/OrganizationInvite/OrganizationInvite.tsx +++ b/apps/studio/components/interfaces/OrganizationInvite/OrganizationInvite.tsx @@ -4,7 +4,8 @@ import { useRouter } from 'next/router' import type { ReactNode } from 'react' import { toast } from 'sonner' import { Button, Card, CardContent } from 'ui' -import { Admonition, ShimmeringLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { getOrganizationInviteContent, diff --git a/apps/studio/components/interfaces/OrganizationInvite/OrganizationInviteError.tsx b/apps/studio/components/interfaces/OrganizationInvite/OrganizationInviteError.tsx index 2209dfeb9a2..c4b94077499 100644 --- a/apps/studio/components/interfaces/OrganizationInvite/OrganizationInviteError.tsx +++ b/apps/studio/components/interfaces/OrganizationInvite/OrganizationInviteError.tsx @@ -1,6 +1,6 @@ import { useRouter } from 'next/router' import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { OrganizationInviteByToken } from '@/data/organization-members/organization-invitation-token-query' import { useSignOut } from '@/lib/auth' diff --git a/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksDeliveryDetailsSheet.tsx b/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksDeliveryDetailsSheet.tsx index 7d762cba140..0c8096bcfb0 100644 --- a/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksDeliveryDetailsSheet.tsx +++ b/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksDeliveryDetailsSheet.tsx @@ -16,7 +16,7 @@ import { TabsList_Shadcn_ as TabsList, TabsTrigger_Shadcn_ as TabsTrigger, } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import type { WebhookDelivery } from './PlatformWebhooks.types' import { formatDeliveryStatus, statusBadgeVariant } from './PlatformWebhooksView.utils' diff --git a/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksEndpointDetails.test.tsx b/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksEndpointDetails.test.tsx index cb422c330ee..579f7c8c796 100644 --- a/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksEndpointDetails.test.tsx +++ b/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksEndpointDetails.test.tsx @@ -34,11 +34,8 @@ vi.mock('@/components/ui/ButtonTooltip', () => ({ ), })) -vi.mock('ui-patterns', async () => { - const actual = await vi.importActual('ui-patterns') - +vi.mock('ui-patterns/TimestampInfo', async () => { return { - ...actual, TimestampInfo: ({ utcTimestamp, className }: { utcTimestamp: string; className?: string }) => ( {utcTimestamp} ), diff --git a/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksEndpointDetails.tsx b/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksEndpointDetails.tsx index e026d94b92d..358ada0b955 100644 --- a/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksEndpointDetails.tsx +++ b/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksEndpointDetails.tsx @@ -23,9 +23,9 @@ import { TableHeader, TableRow, } from 'ui' -import { TimestampInfo } from 'ui-patterns' import { Input } from 'ui-patterns/DataInputs/Input' import { TanStackTableHeadSort } from 'ui-patterns/Table' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import type { WebhookDelivery, WebhookEndpoint } from './PlatformWebhooks.types' import { statusBadgeVariant } from './PlatformWebhooksView.utils' diff --git a/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksEndpointList.tsx b/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksEndpointList.tsx index 1373b733d37..766c1997268 100644 --- a/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksEndpointList.tsx +++ b/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksEndpointList.tsx @@ -17,8 +17,9 @@ import { TableHeadSort, TableRow, } from 'ui' -import { EmptyStatePresentational, TimestampInfo } from 'ui-patterns' import { Input } from 'ui-patterns/DataInputs/Input' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import type { WebhookEndpoint } from './PlatformWebhooks.types' import { getWebhookEndpointDisplayName } from './PlatformWebhooks.utils' diff --git a/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksPage.tsx b/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksPage.tsx index a0b26c95a94..815751dc7b4 100644 --- a/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksPage.tsx +++ b/apps/studio/components/interfaces/Platform/Webhooks/PlatformWebhooksPage.tsx @@ -21,7 +21,7 @@ import { DropdownMenuTrigger, Label, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input } from 'ui-patterns/DataInputs/Input' import { PageContainer } from 'ui-patterns/PageContainer' import { PageSection, PageSectionContent } from 'ui-patterns/PageSection' diff --git a/apps/studio/components/interfaces/Project/APIKeys.tsx b/apps/studio/components/interfaces/Project/APIKeys.tsx index a023a338390..c2e30b62411 100644 --- a/apps/studio/components/interfaces/Project/APIKeys.tsx +++ b/apps/studio/components/interfaces/Project/APIKeys.tsx @@ -3,9 +3,10 @@ import { JwtSecretUpdateStatus } from '@supabase/shared-types/out/events' import { useParams } from 'common' import { Loader } from 'lucide-react' import { Card, CardContent, CardDescription, CardHeader, CardTitle } from 'ui' -import { Admonition, GenericSkeletonLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input } from 'ui-patterns/DataInputs/Input' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { ConnectionIcon } from '@/components/interfaces/Connect/ConnectionIcon' import { ConnectButton } from '@/components/interfaces/ConnectButton/ConnectButton' diff --git a/apps/studio/components/interfaces/ProjectAPIDocs/FirstLevelNav.tsx b/apps/studio/components/interfaces/ProjectAPIDocs/FirstLevelNav.tsx index cc096785354..8fabf212664 100644 --- a/apps/studio/components/interfaces/ProjectAPIDocs/FirstLevelNav.tsx +++ b/apps/studio/components/interfaces/ProjectAPIDocs/FirstLevelNav.tsx @@ -4,7 +4,7 @@ import Link from 'next/link' import { Fragment, type ReactNode } from 'react' import SVG from 'react-inlinesvg' import { Button, cn } from 'ui' -import { ShimmeringLoader } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { navigateToSection } from './Content/Content.utils' import { API_DOCS_CATEGORIES, DOCS_CONTENT, DOCS_MENU } from './ProjectAPIDocs.constants' diff --git a/apps/studio/components/interfaces/ProjectCreation/AdvancedConfiguration.tsx b/apps/studio/components/interfaces/ProjectCreation/AdvancedConfiguration.tsx index f73e4778acc..9651283d523 100644 --- a/apps/studio/components/interfaces/ProjectCreation/AdvancedConfiguration.tsx +++ b/apps/studio/components/interfaces/ProjectCreation/AdvancedConfiguration.tsx @@ -14,7 +14,7 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { CollapsibleCardSection } from 'ui-patterns/CollapsibleCardSection' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' diff --git a/apps/studio/components/interfaces/ProjectCreation/ComputeSizeSelector.tsx b/apps/studio/components/interfaces/ProjectCreation/ComputeSizeSelector.tsx index 036bf2a6633..70fd51bb8b0 100644 --- a/apps/studio/components/interfaces/ProjectCreation/ComputeSizeSelector.tsx +++ b/apps/studio/components/interfaces/ProjectCreation/ComputeSizeSelector.tsx @@ -9,7 +9,7 @@ import { SelectTrigger, SelectValue, } from 'ui' -import { ComputeBadge } from 'ui-patterns' +import { ComputeBadge } from 'ui-patterns/ComputeBadge' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { sizes } from './ProjectCreation.constants' diff --git a/apps/studio/components/interfaces/ProjectCreation/SecurityOptions.tsx b/apps/studio/components/interfaces/ProjectCreation/SecurityOptions.tsx index 254f41a5f70..bca84b51169 100644 --- a/apps/studio/components/interfaces/ProjectCreation/SecurityOptions.tsx +++ b/apps/studio/components/interfaces/ProjectCreation/SecurityOptions.tsx @@ -12,7 +12,7 @@ import { TooltipTrigger, useWatch, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { CreateProjectForm } from './ProjectCreation.schema' diff --git a/apps/studio/components/interfaces/ProjectHome/ActivityStats.tsx b/apps/studio/components/interfaces/ProjectHome/ActivityStats.tsx index a3da7867b7a..220d9d71063 100644 --- a/apps/studio/components/interfaces/ProjectHome/ActivityStats.tsx +++ b/apps/studio/components/interfaces/ProjectHome/ActivityStats.tsx @@ -3,7 +3,7 @@ import dayjs from 'dayjs' import { Archive, Cpu, Database, GitBranch, Github } from 'lucide-react' import { useMemo } from 'react' import { cn, Skeleton } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { HighAvailabilityBadge } from './HighAvailabilityBadge' import { ServiceStatus } from './ServiceStatus' diff --git a/apps/studio/components/interfaces/ProjectHome/AdvisorSection.tsx b/apps/studio/components/interfaces/ProjectHome/AdvisorSection.tsx index 8a8f91060f3..f26b15f6112 100644 --- a/apps/studio/components/interfaces/ProjectHome/AdvisorSection.tsx +++ b/apps/studio/components/interfaces/ProjectHome/AdvisorSection.tsx @@ -2,7 +2,7 @@ import { useParams } from 'common' import { BarChart, Shield } from 'lucide-react' import { useCallback, useMemo } from 'react' import { AiIconAnimation, Badge, Button, Card, CardContent, CardHeader, CardTitle, cn } from 'ui' -import { Row } from 'ui-patterns' +import { Row } from 'ui-patterns/Row' import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { Markdown } from '../Markdown' diff --git a/apps/studio/components/interfaces/ProjectHome/CustomReportSection.tsx b/apps/studio/components/interfaces/ProjectHome/CustomReportSection.tsx index c71c93e3d89..9ad8c75030c 100644 --- a/apps/studio/components/interfaces/ProjectHome/CustomReportSection.tsx +++ b/apps/studio/components/interfaces/ProjectHome/CustomReportSection.tsx @@ -16,7 +16,7 @@ import type { CSSProperties, DragEvent, ReactNode } from 'react' import { useCallback, useEffect, useMemo, useState } from 'react' import { toast } from 'sonner' import { Button } from 'ui' -import { Row } from 'ui-patterns' +import { Row } from 'ui-patterns/Row' import { SnippetDropdown } from '@/components/interfaces/ProjectHome/SnippetDropdown' import { ReportBlock } from '@/components/interfaces/Reports/ReportBlock/ReportBlock' diff --git a/apps/studio/components/interfaces/ProjectHome/ProjectConnectionPopover.tsx b/apps/studio/components/interfaces/ProjectHome/ProjectConnectionPopover.tsx index 766d93cb318..0cc0ec22144 100644 --- a/apps/studio/components/interfaces/ProjectHome/ProjectConnectionPopover.tsx +++ b/apps/studio/components/interfaces/ProjectHome/ProjectConnectionPopover.tsx @@ -12,7 +12,7 @@ import { DropdownMenuSeparator, DropdownMenuTrigger, } from 'ui' -import { ShimmeringLoader } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { getConnectionStrings } from '@/components/interfaces/Connect/DatabaseSettings.utils' import { useAPIKeys } from '@/data/api-keys/api-keys-query' diff --git a/apps/studio/components/interfaces/ProjectHome/ProjectUsageSection.tsx b/apps/studio/components/interfaces/ProjectHome/ProjectUsageSection.tsx index c60348b5187..1e9bf7536ff 100644 --- a/apps/studio/components/interfaces/ProjectHome/ProjectUsageSection.tsx +++ b/apps/studio/components/interfaces/ProjectHome/ProjectUsageSection.tsx @@ -4,9 +4,9 @@ import Link from 'next/link' import { useRouter } from 'next/router' import { useEffect, useMemo, useState } from 'react' import { Card, CardContent, CardHeader, CardTitle, Loading, WarningIcon } from 'ui' -import { Row } from 'ui-patterns' import { ChartEmptyState } from 'ui-patterns/Chart' import { LogsBarChart } from 'ui-patterns/LogsBarChart' +import { Row } from 'ui-patterns/Row' import NoDataPlaceholder from '@/components/ui/Charts/NoDataPlaceholder' import { ChartIntervalDropdown } from '@/components/ui/Logs/ChartIntervalDropdown' diff --git a/apps/studio/components/interfaces/ProjectHome/ProjectUsageSectionDeltas.tsx b/apps/studio/components/interfaces/ProjectHome/ProjectUsageSectionDeltas.tsx index b70c9f85964..818b65a004c 100644 --- a/apps/studio/components/interfaces/ProjectHome/ProjectUsageSectionDeltas.tsx +++ b/apps/studio/components/interfaces/ProjectHome/ProjectUsageSectionDeltas.tsx @@ -3,8 +3,8 @@ import Link from 'next/link' import { useRouter } from 'next/router' import { useMemo, useState } from 'react' import { Card, CardContent, CardHeader, CardTitle, cn, Loading } from 'ui' -import { Row } from 'ui-patterns' import { LogsBarChart } from 'ui-patterns/LogsBarChart' +import { Row } from 'ui-patterns/Row' import { buildSortedServiceCards, diff --git a/apps/studio/components/interfaces/QueryPerformance/QueryIndexes.tsx b/apps/studio/components/interfaces/QueryPerformance/QueryIndexes.tsx index 718782f16ce..c6c64a67590 100644 --- a/apps/studio/components/interfaces/QueryPerformance/QueryIndexes.tsx +++ b/apps/studio/components/interfaces/QueryPerformance/QueryIndexes.tsx @@ -14,7 +14,7 @@ import { CollapsibleContent, CollapsibleTrigger, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { CodeBlock } from 'ui-patterns/CodeBlock' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' diff --git a/apps/studio/components/interfaces/QueryPerformance/QueryPerformanceGrid.tsx b/apps/studio/components/interfaces/QueryPerformance/QueryPerformanceGrid.tsx index a820803905d..b8e92898f03 100644 --- a/apps/studio/components/interfaces/QueryPerformance/QueryPerformanceGrid.tsx +++ b/apps/studio/components/interfaces/QueryPerformance/QueryPerformanceGrid.tsx @@ -19,7 +19,7 @@ import { TabsList_Shadcn_, TabsTrigger_Shadcn_, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { CodeBlock } from 'ui-patterns/CodeBlock' import { InfoTooltip } from 'ui-patterns/info-tooltip' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' diff --git a/apps/studio/components/interfaces/QueryPerformance/WithStatements/WithStatements.tsx b/apps/studio/components/interfaces/QueryPerformance/WithStatements/WithStatements.tsx index 5c3b74add75..7d683a2bc7b 100644 --- a/apps/studio/components/interfaces/QueryPerformance/WithStatements/WithStatements.tsx +++ b/apps/studio/components/interfaces/QueryPerformance/WithStatements/WithStatements.tsx @@ -5,7 +5,7 @@ import { parseAsString, useQueryStates } from 'nuqs' import { useEffect, useMemo, useState } from 'react' import { toast } from 'sonner' import { Button, cn, LoadingLine } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' import { Markdown } from '../../Markdown' diff --git a/apps/studio/components/interfaces/Realtime/Inspector/MessagesTable.tsx b/apps/studio/components/interfaces/Realtime/Inspector/MessagesTable.tsx index ed1a7e731f4..8bb5af2b552 100644 --- a/apps/studio/components/interfaces/Realtime/Inspector/MessagesTable.tsx +++ b/apps/studio/components/interfaces/Realtime/Inspector/MessagesTable.tsx @@ -6,7 +6,7 @@ import Link from 'next/link' import { useEffect, useState } from 'react' import DataGrid, { Row } from 'react-data-grid' import { Button, cn, IconBroadcast, IconDatabaseChanges, IconPresence } from 'ui' -import { GenericSkeletonLoader } from 'ui-patterns' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import type { LogData } from './Messages.types' import MessageSelection from './MessageSelection' diff --git a/apps/studio/components/interfaces/Realtime/RealtimeSettings.tsx b/apps/studio/components/interfaces/Realtime/RealtimeSettings.tsx index 951aa92c508..cccf528fa35 100644 --- a/apps/studio/components/interfaces/Realtime/RealtimeSettings.tsx +++ b/apps/studio/components/interfaces/Realtime/RealtimeSettings.tsx @@ -20,7 +20,7 @@ import { InputGroupText, Switch, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import * as z from 'zod' diff --git a/apps/studio/components/interfaces/RedeemCredits/RedeemCredits.tsx b/apps/studio/components/interfaces/RedeemCredits/RedeemCredits.tsx index 796c5b8500c..f11b028ad1f 100644 --- a/apps/studio/components/interfaces/RedeemCredits/RedeemCredits.tsx +++ b/apps/studio/components/interfaces/RedeemCredits/RedeemCredits.tsx @@ -2,7 +2,8 @@ import { FeatureFlagContext } from 'common' import { useRouter } from 'next/router' import { ReactNode, useContext, useEffect, useRef, useState } from 'react' import { Button, Card, CardContent } from 'ui' -import { Admonition, ShimmeringLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { OrganizationSelector } from '../Connect/OrganizationSelector' import { CreditCodeRedemption } from '@/components/interfaces/Organization/BillingSettings/CreditCodeRedemption' diff --git a/apps/studio/components/interfaces/SQLEditor/MonacoEditor.tsx b/apps/studio/components/interfaces/SQLEditor/MonacoEditor.tsx index 7080fcd8a9f..7166f686087 100644 --- a/apps/studio/components/interfaces/SQLEditor/MonacoEditor.tsx +++ b/apps/studio/components/interfaces/SQLEditor/MonacoEditor.tsx @@ -4,7 +4,7 @@ import { LOCAL_STORAGE_KEYS, useParams } from 'common' import { noop } from 'lodash' import { useRouter } from 'next/router' import { RefObject, useEffect, useRef, useState } from 'react' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import type { IStandaloneCodeEditor } from './SQLEditor.types' import { createSqlSnippetSkeletonV2 } from './SQLEditor.utils' diff --git a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/ChartConfig.tsx b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/ChartConfig.tsx index 870d33a0c18..74f7d6e7437 100644 --- a/apps/studio/components/interfaces/SQLEditor/UtilityPanel/ChartConfig.tsx +++ b/apps/studio/components/interfaces/SQLEditor/UtilityPanel/ChartConfig.tsx @@ -20,7 +20,7 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { ButtonTooltip } from '@/components/ui/ButtonTooltip' import BarChart from '@/components/ui/Charts/BarChart' diff --git a/apps/studio/components/interfaces/Settings/API/DataApiProjectUrlCard.tsx b/apps/studio/components/interfaces/Settings/API/DataApiProjectUrlCard.tsx index 887c5fd1bf5..59e9016b8ba 100644 --- a/apps/studio/components/interfaces/Settings/API/DataApiProjectUrlCard.tsx +++ b/apps/studio/components/interfaces/Settings/API/DataApiProjectUrlCard.tsx @@ -3,6 +3,7 @@ import { AlertCircle } from 'lucide-react' import { parseAsString, useQueryState } from 'nuqs' import { useEffect, useEffectEvent } from 'react' import { Alert, AlertTitle } from 'ui' +import { Input } from 'ui-patterns/DataInputs/Input' import { PageSection, PageSectionAside, @@ -11,8 +12,7 @@ import { PageSectionMeta, PageSectionSummary, PageSectionTitle, -} from 'ui-patterns' -import { Input } from 'ui-patterns/DataInputs/Input' +} from 'ui-patterns/PageSection' import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { getApiEndpoint } from '@/components/interfaces/Integrations/DataApi/DataApi.utils' diff --git a/apps/studio/components/interfaces/Settings/API/PostgrestConfig.tsx b/apps/studio/components/interfaces/Settings/API/PostgrestConfig.tsx index 5dac38eddc0..a7e1f3e0e1a 100644 --- a/apps/studio/components/interfaces/Settings/API/PostgrestConfig.tsx +++ b/apps/studio/components/interfaces/Settings/API/PostgrestConfig.tsx @@ -23,7 +23,6 @@ import { Switch, useWatch, } from 'ui' -import { GenericSkeletonLoader, PageSection, PageSectionContent } from 'ui-patterns' import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { @@ -33,6 +32,8 @@ import { MultiSelectorList, MultiSelectorTrigger, } from 'ui-patterns/multi-select' +import { PageSection, PageSectionContent } from 'ui-patterns/PageSection' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { z } from 'zod' import { ExposedSchemaSelector, internalSchemasCannotExpose } from './ExposedSchemaSelector' diff --git a/apps/studio/components/interfaces/Settings/Addons/Addons.tsx b/apps/studio/components/interfaces/Settings/Addons/Addons.tsx index 69af76a155e..22b304adde1 100644 --- a/apps/studio/components/interfaces/Settings/Addons/Addons.tsx +++ b/apps/studio/components/interfaces/Settings/Addons/Addons.tsx @@ -13,7 +13,7 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { PageContainer } from 'ui-patterns/PageContainer' import { PageSection } from 'ui-patterns/PageSection' diff --git a/apps/studio/components/interfaces/Settings/Addons/IPv4SidePanel.tsx b/apps/studio/components/interfaces/Settings/Addons/IPv4SidePanel.tsx index 0bf56a72a55..b27ec4e139d 100644 --- a/apps/studio/components/interfaces/Settings/Addons/IPv4SidePanel.tsx +++ b/apps/studio/components/interfaces/Settings/Addons/IPv4SidePanel.tsx @@ -3,7 +3,7 @@ import { useParams } from 'common' import { useEffect, useState } from 'react' import { toast } from 'sonner' import { cn, RadioGroup, RadioGroupLargeItem, SidePanel } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { TaxDisclaimer } from '@/components/interfaces/Billing/TaxDisclaimer' import { DocsButton } from '@/components/ui/DocsButton' diff --git a/apps/studio/components/interfaces/Settings/Database/BannedIPs.tsx b/apps/studio/components/interfaces/Settings/Database/BannedIPs.tsx index ecb601ead81..0a2b5927bf6 100644 --- a/apps/studio/components/interfaces/Settings/Database/BannedIPs.tsx +++ b/apps/studio/components/interfaces/Settings/Database/BannedIPs.tsx @@ -4,6 +4,7 @@ import { Globe } from 'lucide-react' import { useState } from 'react' import { toast } from 'sonner' import { Badge, Card, CardContent, Skeleton } from 'ui' +import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' import { PageSection, PageSectionContent, @@ -11,8 +12,7 @@ import { PageSectionMeta, PageSectionSummary, PageSectionTitle, -} from 'ui-patterns' -import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' +} from 'ui-patterns/PageSection' import { AlertError } from '@/components/ui/AlertError' import { ButtonTooltip } from '@/components/ui/ButtonTooltip' diff --git a/apps/studio/components/interfaces/Settings/Database/ConnectionLogging.tsx b/apps/studio/components/interfaces/Settings/Database/ConnectionLogging.tsx index ae33a6e1b14..5290347e0ad 100644 --- a/apps/studio/components/interfaces/Settings/Database/ConnectionLogging.tsx +++ b/apps/studio/components/interfaces/Settings/Database/ConnectionLogging.tsx @@ -6,6 +6,7 @@ import { useEffect, useMemo } from 'react' import { SubmitHandler, useForm } from 'react-hook-form' import { toast } from 'sonner' import { Button, Card, CardContent, CardFooter, Form, FormControl, FormField, Switch } from 'ui' +import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { PageSection, PageSectionAside, @@ -13,8 +14,7 @@ import { PageSectionMeta, PageSectionSummary, PageSectionTitle, -} from 'ui-patterns' -import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' +} from 'ui-patterns/PageSection' import z from 'zod' import { AlertError } from '@/components/ui/AlertError' diff --git a/apps/studio/components/interfaces/Settings/Database/ConnectionPooling/ConnectionPooling.tsx b/apps/studio/components/interfaces/Settings/Database/ConnectionPooling/ConnectionPooling.tsx index 1d80a72ecb7..1d89f386db3 100644 --- a/apps/studio/components/interfaces/Settings/Database/ConnectionPooling/ConnectionPooling.tsx +++ b/apps/studio/components/interfaces/Settings/Database/ConnectionPooling/ConnectionPooling.tsx @@ -21,7 +21,7 @@ import { InputGroupText, Separator, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { PageSection, diff --git a/apps/studio/components/interfaces/Settings/Database/DiskSizeConfiguration.tsx b/apps/studio/components/interfaces/Settings/Database/DiskSizeConfiguration.tsx index ee568cd6024..45ab64cc64b 100644 --- a/apps/studio/components/interfaces/Settings/Database/DiskSizeConfiguration.tsx +++ b/apps/studio/components/interfaces/Settings/Database/DiskSizeConfiguration.tsx @@ -11,7 +11,7 @@ import { PageSectionMeta, PageSectionSummary, PageSectionTitle, -} from 'ui-patterns' +} from 'ui-patterns/PageSection' import { Markdown } from '@/components/interfaces/Markdown' import DiskSizeConfigurationModal from '@/components/interfaces/Settings/Database/DiskSizeConfigurationModal' diff --git a/apps/studio/components/interfaces/Settings/Database/JitDatabaseAccess/JitDbAccessConfiguration.tsx b/apps/studio/components/interfaces/Settings/Database/JitDatabaseAccess/JitDbAccessConfiguration.tsx index 1ebae69eb39..2e247c35eee 100644 --- a/apps/studio/components/interfaces/Settings/Database/JitDatabaseAccess/JitDbAccessConfiguration.tsx +++ b/apps/studio/components/interfaces/Settings/Database/JitDatabaseAccess/JitDbAccessConfiguration.tsx @@ -23,15 +23,15 @@ import { TooltipContent, TooltipTrigger, } from 'ui' +import { Admonition } from 'ui-patterns/admonition' +import { FormLayout } from 'ui-patterns/form/Layout/FormLayout' import { PageSection, PageSectionContent, PageSectionMeta, PageSectionSummary, PageSectionTitle, -} from 'ui-patterns' -import { Admonition } from 'ui-patterns/admonition' -import { FormLayout } from 'ui-patterns/form/Layout/FormLayout' +} from 'ui-patterns/PageSection' import type { JitUserRule, SheetMode } from './JitDbAccess.types' import { diff --git a/apps/studio/components/interfaces/Settings/Database/JitDatabaseAccess/JitDbAccessRoleGrantFields.tsx b/apps/studio/components/interfaces/Settings/Database/JitDatabaseAccess/JitDbAccessRoleGrantFields.tsx index bc4fbcec402..619f7721e2e 100644 --- a/apps/studio/components/interfaces/Settings/Database/JitDatabaseAccess/JitDbAccessRoleGrantFields.tsx +++ b/apps/studio/components/interfaces/Settings/Database/JitDatabaseAccess/JitDbAccessRoleGrantFields.tsx @@ -9,10 +9,10 @@ import { SelectValue, WarningIcon, } from 'ui' -import { TimestampInfo } from 'ui-patterns' import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { SingleValueFieldArray } from 'ui-patterns/form/SingleValueFieldArray/SingleValueFieldArray' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import type { JitRoleGrantDraft, JitRoleOption, JitUserRuleDraft } from './JitDbAccess.types' import { createEmptyIpRange, getRelativeDatetimeByMode } from './JitDbAccess.utils' diff --git a/apps/studio/components/interfaces/Settings/Database/JitDatabaseAccess/JitDbAccessRuleSheet.tsx b/apps/studio/components/interfaces/Settings/Database/JitDatabaseAccess/JitDbAccessRuleSheet.tsx index 480a970261f..3b5af9abac3 100644 --- a/apps/studio/components/interfaces/Settings/Database/JitDatabaseAccess/JitDbAccessRuleSheet.tsx +++ b/apps/studio/components/interfaces/Settings/Database/JitDatabaseAccess/JitDbAccessRuleSheet.tsx @@ -22,7 +22,7 @@ import { SheetHeader, SheetTitle, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { z } from 'zod' diff --git a/apps/studio/components/interfaces/Settings/Database/NetworkRestrictions/NetworkRestrictions.tsx b/apps/studio/components/interfaces/Settings/Database/NetworkRestrictions/NetworkRestrictions.tsx index 1170ae6f81f..f4275aa8748 100644 --- a/apps/studio/components/interfaces/Settings/Database/NetworkRestrictions/NetworkRestrictions.tsx +++ b/apps/studio/components/interfaces/Settings/Database/NetworkRestrictions/NetworkRestrictions.tsx @@ -21,7 +21,7 @@ import { PageSectionMeta, PageSectionSummary, PageSectionTitle, -} from 'ui-patterns' +} from 'ui-patterns/PageSection' import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import AddRestrictionModal from './AddRestrictionModal' diff --git a/apps/studio/components/interfaces/Settings/Database/NetworkRestrictions/RemoveRestrictionModal.tsx b/apps/studio/components/interfaces/Settings/Database/NetworkRestrictions/RemoveRestrictionModal.tsx index 4dea1c1814b..5c1bfb0a53f 100644 --- a/apps/studio/components/interfaces/Settings/Database/NetworkRestrictions/RemoveRestrictionModal.tsx +++ b/apps/studio/components/interfaces/Settings/Database/NetworkRestrictions/RemoveRestrictionModal.tsx @@ -10,7 +10,7 @@ import { AlertDialogHeader, AlertDialogTitle, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { useNetworkRestrictionsQuery } from '@/data/network-restrictions/network-restrictions-query' import { useNetworkRestrictionsApplyMutation } from '@/data/network-restrictions/network-retrictions-apply-mutation' diff --git a/apps/studio/components/interfaces/Settings/General/DashboardPreferences.tsx b/apps/studio/components/interfaces/Settings/General/DashboardPreferences.tsx index d98545f1d66..c6b6c440440 100644 --- a/apps/studio/components/interfaces/Settings/General/DashboardPreferences.tsx +++ b/apps/studio/components/interfaces/Settings/General/DashboardPreferences.tsx @@ -21,7 +21,7 @@ import { FormControl, FormField, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { PageSection, @@ -30,7 +30,7 @@ import { PageSectionSummary, PageSectionTitle, } from 'ui-patterns/PageSection' -import ShimmeringLoader, { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' +import { GenericSkeletonLoader, ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import * as z from 'zod' import { DatabaseSelector } from '@/components/ui/DatabaseSelector' diff --git a/apps/studio/components/interfaces/Settings/General/General.tsx b/apps/studio/components/interfaces/Settings/General/General.tsx index d660aaa9429..8525945abb4 100644 --- a/apps/studio/components/interfaces/Settings/General/General.tsx +++ b/apps/studio/components/interfaces/Settings/General/General.tsx @@ -4,7 +4,7 @@ import { IS_PLATFORM } from 'common' import { useForm } from 'react-hook-form' import { toast } from 'sonner' import { Button, Card, CardContent, CardFooter, Form, FormControl, FormField, Input } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input as PasswordInput } from 'ui-patterns/DataInputs/Input' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { diff --git a/apps/studio/components/interfaces/Settings/General/TransferProjectPanel/TransferProjectButton.tsx b/apps/studio/components/interfaces/Settings/General/TransferProjectPanel/TransferProjectButton.tsx index 5ab2e71883c..e6e265d6eae 100644 --- a/apps/studio/components/interfaces/Settings/General/TransferProjectPanel/TransferProjectButton.tsx +++ b/apps/studio/components/interfaces/Settings/General/TransferProjectPanel/TransferProjectButton.tsx @@ -23,7 +23,7 @@ import { SelectValue, WarningIcon, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { ButtonTooltip } from '@/components/ui/ButtonTooltip' diff --git a/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceNode.tsx b/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceNode.tsx index 19ebe1a7b63..a36da60c59e 100644 --- a/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceNode.tsx +++ b/apps/studio/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceNode.tsx @@ -19,7 +19,7 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { ERROR_STATES, diff --git a/apps/studio/components/interfaces/Settings/Integrations/AWSPrivateLink/AWSPrivateLinkForm.tsx b/apps/studio/components/interfaces/Settings/Integrations/AWSPrivateLink/AWSPrivateLinkForm.tsx index b570d00c3a1..62d1dea190e 100644 --- a/apps/studio/components/interfaces/Settings/Integrations/AWSPrivateLink/AWSPrivateLinkForm.tsx +++ b/apps/studio/components/interfaces/Settings/Integrations/AWSPrivateLink/AWSPrivateLinkForm.tsx @@ -17,7 +17,7 @@ import { SheetSection, SheetTitle, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { InlineLink } from '@/components/ui/InlineLink' diff --git a/apps/studio/components/interfaces/Settings/Integrations/IntegrationsSettings.tsx b/apps/studio/components/interfaces/Settings/Integrations/IntegrationsSettings.tsx index 03d16b8ca75..5422d72ba50 100644 --- a/apps/studio/components/interfaces/Settings/Integrations/IntegrationsSettings.tsx +++ b/apps/studio/components/interfaces/Settings/Integrations/IntegrationsSettings.tsx @@ -1,5 +1,5 @@ import { Card } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { AWSPrivateLinkSection } from './AWSPrivateLink/AWSPrivateLinkSection' import { GitHubSection } from './GithubIntegration/GithubSection' diff --git a/apps/studio/components/interfaces/Settings/Logs/LogSelectionRenderers/DefaultPreviewSelectionRenderer.tsx b/apps/studio/components/interfaces/Settings/Logs/LogSelectionRenderers/DefaultPreviewSelectionRenderer.tsx index a004c1a827f..8dbed9ecbb8 100644 --- a/apps/studio/components/interfaces/Settings/Logs/LogSelectionRenderers/DefaultPreviewSelectionRenderer.tsx +++ b/apps/studio/components/interfaces/Settings/Logs/LogSelectionRenderers/DefaultPreviewSelectionRenderer.tsx @@ -11,7 +11,7 @@ import { DropdownMenuTrigger, Separator, } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { ErrorCodeDialog } from '../ErrorCodeDialog' import type { LogSearchCallback, PreviewLogData } from '../Logs.types' diff --git a/apps/studio/components/interfaces/Settings/Logs/LogsExplorerOtelBanner.tsx b/apps/studio/components/interfaces/Settings/Logs/LogsExplorerOtelBanner.tsx index 050b5e2d793..1c52f2f5265 100644 --- a/apps/studio/components/interfaces/Settings/Logs/LogsExplorerOtelBanner.tsx +++ b/apps/studio/components/interfaces/Settings/Logs/LogsExplorerOtelBanner.tsx @@ -1,5 +1,5 @@ import { Button } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' interface LogsExplorerOtelBannerProps { isRewriting: boolean diff --git a/apps/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx b/apps/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx index c71c9fdae2c..27e0f4c2660 100644 --- a/apps/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx +++ b/apps/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx @@ -39,7 +39,7 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { ShimmeringLoader } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { EXPLORER_DATEPICKER_HELPERS, diff --git a/apps/studio/components/interfaces/SignIn/ForgotPasswordWizard.tsx b/apps/studio/components/interfaces/SignIn/ForgotPasswordWizard.tsx index 3793449b1bf..c1c7f7b117c 100644 --- a/apps/studio/components/interfaces/SignIn/ForgotPasswordWizard.tsx +++ b/apps/studio/components/interfaces/SignIn/ForgotPasswordWizard.tsx @@ -5,7 +5,7 @@ import { useRef, useState } from 'react' import { SubmitHandler, useForm } from 'react-hook-form' import { toast } from 'sonner' import { Button, Form, FormControl, FormField, Input } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import * as z from 'zod' diff --git a/apps/studio/components/interfaces/Storage/AnalyticsBuckets/AnalyticsBucketDetails/SimpleConfigurationDetails.tsx b/apps/studio/components/interfaces/Storage/AnalyticsBuckets/AnalyticsBucketDetails/SimpleConfigurationDetails.tsx index 47e01441a28..6000042a6bf 100644 --- a/apps/studio/components/interfaces/Storage/AnalyticsBuckets/AnalyticsBucketDetails/SimpleConfigurationDetails.tsx +++ b/apps/studio/components/interfaces/Storage/AnalyticsBuckets/AnalyticsBucketDetails/SimpleConfigurationDetails.tsx @@ -1,6 +1,6 @@ import { PermissionAction } from '@supabase/shared-types/out/constants' import { Card } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { DESCRIPTIONS, LABELS, OPTION_ORDER } from './AnalyticsBucketDetails.constants' import { CopyEnvButton } from './CopyEnvButton' diff --git a/apps/studio/components/interfaces/Storage/AnalyticsBuckets/AnalyticsBucketDetails/UpdateCatalogTokenDialog.tsx b/apps/studio/components/interfaces/Storage/AnalyticsBuckets/AnalyticsBucketDetails/UpdateCatalogTokenDialog.tsx index 64e4d1d4d74..21dc8212a49 100644 --- a/apps/studio/components/interfaces/Storage/AnalyticsBuckets/AnalyticsBucketDetails/UpdateCatalogTokenDialog.tsx +++ b/apps/studio/components/interfaces/Storage/AnalyticsBuckets/AnalyticsBucketDetails/UpdateCatalogTokenDialog.tsx @@ -20,8 +20,9 @@ import { SelectTrigger, SelectValue, } from 'ui' -import { Admonition, ShimmeringLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { InlineLink } from '@/components/ui/InlineLink' import { useAPIKeys } from '@/data/api-keys/api-keys-query' diff --git a/apps/studio/components/interfaces/Storage/AnalyticsBuckets/AnalyticsBucketDetails/index.tsx b/apps/studio/components/interfaces/Storage/AnalyticsBuckets/AnalyticsBucketDetails/index.tsx index 77c297e517a..3bb5374afb7 100644 --- a/apps/studio/components/interfaces/Storage/AnalyticsBuckets/AnalyticsBucketDetails/index.tsx +++ b/apps/studio/components/interfaces/Storage/AnalyticsBuckets/AnalyticsBucketDetails/index.tsx @@ -5,7 +5,7 @@ import { useRouter } from 'next/router' import { parseAsBoolean, useQueryState } from 'nuqs' import { useEffect, useMemo, useState } from 'react' import { Button, Card, CardContent } from 'ui' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' import { GenericTableLoader } from 'ui-patterns/ShimmeringLoader' import { DeleteAnalyticsBucketModal } from '../DeleteAnalyticsBucketModal' diff --git a/apps/studio/components/interfaces/Storage/AnalyticsBuckets/CreateAnalyticsBucketForm.tsx b/apps/studio/components/interfaces/Storage/AnalyticsBuckets/CreateAnalyticsBucketForm.tsx index 4a6df2b1c3b..d9327afd527 100644 --- a/apps/studio/components/interfaces/Storage/AnalyticsBuckets/CreateAnalyticsBucketForm.tsx +++ b/apps/studio/components/interfaces/Storage/AnalyticsBuckets/CreateAnalyticsBucketForm.tsx @@ -14,7 +14,7 @@ import { SheetFooter, SheetSection, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import z from 'zod' diff --git a/apps/studio/components/interfaces/Storage/AnalyticsBuckets/index.tsx b/apps/studio/components/interfaces/Storage/AnalyticsBuckets/index.tsx index cb41fca5d75..ef3505c7b2e 100644 --- a/apps/studio/components/interfaces/Storage/AnalyticsBuckets/index.tsx +++ b/apps/studio/components/interfaces/Storage/AnalyticsBuckets/index.tsx @@ -16,11 +16,11 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { TimestampInfo } from 'ui-patterns' import { Input } from 'ui-patterns/DataInputs/Input' import { PageContainer } from 'ui-patterns/PageContainer' import { PageSection, PageSectionContent, PageSectionTitle } from 'ui-patterns/PageSection' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { EmptyBucketState } from '../EmptyBucketState' import { CreateBucketButton } from '../NewBucketButton' diff --git a/apps/studio/components/interfaces/Storage/BucketsUpgradePlan.tsx b/apps/studio/components/interfaces/Storage/BucketsUpgradePlan.tsx index d0404546cf7..e8c44e5c574 100644 --- a/apps/studio/components/interfaces/Storage/BucketsUpgradePlan.tsx +++ b/apps/studio/components/interfaces/Storage/BucketsUpgradePlan.tsx @@ -1,6 +1,6 @@ import { useParams } from 'common' import { AnalyticsBucket as AnalyticsBucketIcon, VectorBucket as VectorBucketIcon } from 'icons' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' import { PageContainer } from 'ui-patterns/PageContainer' import { PageSection, PageSectionContent } from 'ui-patterns/PageSection' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' diff --git a/apps/studio/components/interfaces/Storage/EditBucketModal.tsx b/apps/studio/components/interfaces/Storage/EditBucketModal.tsx index bb827d0e4dc..d0a3a8f047b 100644 --- a/apps/studio/components/interfaces/Storage/EditBucketModal.tsx +++ b/apps/studio/components/interfaces/Storage/EditBucketModal.tsx @@ -24,7 +24,7 @@ import { SelectValue, Switch, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { z } from 'zod' diff --git a/apps/studio/components/interfaces/Storage/EmptyBucketModal.tsx b/apps/studio/components/interfaces/Storage/EmptyBucketModal.tsx index 22eef639108..edbb38a5c85 100644 --- a/apps/studio/components/interfaces/Storage/EmptyBucketModal.tsx +++ b/apps/studio/components/interfaces/Storage/EmptyBucketModal.tsx @@ -10,7 +10,7 @@ import { DialogSectionSeparator, DialogTitle, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { useBucketEmptyMutation } from '@/data/storage/bucket-empty-mutation' import type { Bucket } from '@/data/storage/buckets-query' diff --git a/apps/studio/components/interfaces/Storage/EmptyBucketState.tsx b/apps/studio/components/interfaces/Storage/EmptyBucketState.tsx index 7b152a46c03..2edc4f74694 100644 --- a/apps/studio/components/interfaces/Storage/EmptyBucketState.tsx +++ b/apps/studio/components/interfaces/Storage/EmptyBucketState.tsx @@ -1,5 +1,5 @@ import { BucketPlus } from 'icons' -import { EmptyStatePresentational } from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' import { CreateBucketButton } from './NewBucketButton' import { BUCKET_TYPES } from './Storage.constants' diff --git a/apps/studio/components/interfaces/Storage/FilesBuckets/BucketsTable.LoadMoreRow.tsx b/apps/studio/components/interfaces/Storage/FilesBuckets/BucketsTable.LoadMoreRow.tsx index ef6eafbef6b..169b5732faf 100644 --- a/apps/studio/components/interfaces/Storage/FilesBuckets/BucketsTable.LoadMoreRow.tsx +++ b/apps/studio/components/interfaces/Storage/FilesBuckets/BucketsTable.LoadMoreRow.tsx @@ -1,7 +1,7 @@ import { useIntersectionObserver } from '@uidotdev/usehooks' import { useEffect, type ReactNode } from 'react' import { TableCell, TableRow } from 'ui' -import { ShimmeringLoader } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import type { BucketsTablePaginationProps } from './BucketsTable.types' import { VirtualizedTableCell, VirtualizedTableRow } from '@/components/ui/VirtualizedTable' diff --git a/apps/studio/components/interfaces/Storage/FilesBuckets/index.tsx b/apps/studio/components/interfaces/Storage/FilesBuckets/index.tsx index 9cf32ed02ae..db17240ed84 100644 --- a/apps/studio/components/interfaces/Storage/FilesBuckets/index.tsx +++ b/apps/studio/components/interfaces/Storage/FilesBuckets/index.tsx @@ -12,7 +12,7 @@ import { DropdownMenuRadioItem, DropdownMenuTrigger, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input } from 'ui-patterns/DataInputs/Input' import { PageContainer } from 'ui-patterns/PageContainer' import { PageSection, PageSectionContent } from 'ui-patterns/PageSection' diff --git a/apps/studio/components/interfaces/Storage/StoragePolicies/StoragePolicies.tsx b/apps/studio/components/interfaces/Storage/StoragePolicies/StoragePolicies.tsx index 70948cb1bed..54a5989eafd 100644 --- a/apps/studio/components/interfaces/Storage/StoragePolicies/StoragePolicies.tsx +++ b/apps/studio/components/interfaces/Storage/StoragePolicies/StoragePolicies.tsx @@ -3,7 +3,6 @@ import { isEmpty } from 'lodash' import { parseAsString, useQueryState } from 'nuqs' import { useMemo, useState } from 'react' import { toast } from 'sonner' -import { GenericSkeletonLoader } from 'ui-patterns' import { ConfirmationModal } from 'ui-patterns/Dialogs/ConfirmationModal' import { PageContainer } from 'ui-patterns/PageContainer' import { @@ -14,6 +13,7 @@ import { PageSectionSummary, PageSectionTitle, } from 'ui-patterns/PageSection' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { formatPoliciesForStorage, UNGROUPED_POLICY_SYMBOL } from '../Storage.utils' import { StoragePoliciesBucketRow } from './StoragePoliciesBucketRow' diff --git a/apps/studio/components/interfaces/Storage/StoragePolicies/StoragePoliciesBucketsSection.tsx b/apps/studio/components/interfaces/Storage/StoragePolicies/StoragePoliciesBucketsSection.tsx index c0dc1be5a37..a9539b9c58b 100644 --- a/apps/studio/components/interfaces/Storage/StoragePolicies/StoragePoliciesBucketsSection.tsx +++ b/apps/studio/components/interfaces/Storage/StoragePolicies/StoragePoliciesBucketsSection.tsx @@ -9,7 +9,6 @@ import { type ReactNode, } from 'react' import { Button, cn, Collapsible, CollapsibleContent, CollapsibleTrigger } from 'ui' -import { ShimmeringLoader } from 'ui-patterns' import { Input } from 'ui-patterns/DataInputs/Input' import { PageSection, @@ -19,6 +18,7 @@ import { PageSectionSummary, PageSectionTitle, } from 'ui-patterns/PageSection' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { StoragePoliciesBucketRow } from './StoragePoliciesBucketRow' import StoragePoliciesPlaceholder from './StoragePoliciesPlaceholder' diff --git a/apps/studio/components/interfaces/Storage/StorageSettings/StorageListV2MigrationCallout.tsx b/apps/studio/components/interfaces/Storage/StorageSettings/StorageListV2MigrationCallout.tsx index 33ae91b104e..2f444fed2f2 100644 --- a/apps/studio/components/interfaces/Storage/StorageSettings/StorageListV2MigrationCallout.tsx +++ b/apps/studio/components/interfaces/Storage/StorageSettings/StorageListV2MigrationCallout.tsx @@ -15,7 +15,8 @@ import { DialogTitle, DialogTrigger, } from 'ui' -import { Admonition, TimestampInfo } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { ButtonTooltip } from '@/components/ui/ButtonTooltip' import { InlineLink } from '@/components/ui/InlineLink' diff --git a/apps/studio/components/interfaces/Storage/VectorBuckets/CreateVectorTableSheet.tsx b/apps/studio/components/interfaces/Storage/VectorBuckets/CreateVectorTableSheet.tsx index d642e0a5689..8bf96c3df3e 100644 --- a/apps/studio/components/interfaces/Storage/VectorBuckets/CreateVectorTableSheet.tsx +++ b/apps/studio/components/interfaces/Storage/VectorBuckets/CreateVectorTableSheet.tsx @@ -23,7 +23,7 @@ import { SheetTitle, SheetTrigger, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import z from 'zod' diff --git a/apps/studio/components/interfaces/Storage/VectorBuckets/RegionLimitation.tsx b/apps/studio/components/interfaces/Storage/VectorBuckets/RegionLimitation.tsx index bb7f7cdce1e..d8b133dc5eb 100644 --- a/apps/studio/components/interfaces/Storage/VectorBuckets/RegionLimitation.tsx +++ b/apps/studio/components/interfaces/Storage/VectorBuckets/RegionLimitation.tsx @@ -1,12 +1,9 @@ import { VectorBucket } from 'icons' import { AWS_REGIONS } from 'shared-data' import { Tooltip, TooltipContent, TooltipTrigger } from 'ui' -import { - EmptyStatePresentational, - PageContainer, - PageSection, - PageSectionContent, -} from 'ui-patterns' +import { EmptyStatePresentational } from 'ui-patterns/EmptyStatePresentational' +import { PageContainer } from 'ui-patterns/PageContainer' +import { PageSection, PageSectionContent } from 'ui-patterns/PageSection' import { AVAILABLE_REPLICA_REGIONS } from '@/components/interfaces/Settings/Infrastructure/InfrastructureConfiguration/InstanceConfiguration.constants' import { AlphaNotice } from '@/components/ui/AlphaNotice' diff --git a/apps/studio/components/interfaces/Storage/VectorBuckets/VectorBucketDetails/VectorBucketTableExamplesSheet.tsx b/apps/studio/components/interfaces/Storage/VectorBuckets/VectorBucketDetails/VectorBucketTableExamplesSheet.tsx index 9f19a022317..d50be9764c4 100644 --- a/apps/studio/components/interfaces/Storage/VectorBuckets/VectorBucketDetails/VectorBucketTableExamplesSheet.tsx +++ b/apps/studio/components/interfaces/Storage/VectorBuckets/VectorBucketDetails/VectorBucketTableExamplesSheet.tsx @@ -22,7 +22,7 @@ import { SheetTitle, SheetTrigger, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { CodeBlock } from 'ui-patterns/CodeBlock' import { useS3VectorsWrapperExtension } from '../useS3VectorsWrapper' diff --git a/apps/studio/components/interfaces/Support/LinkSupportTicketPage.tsx b/apps/studio/components/interfaces/Support/LinkSupportTicketPage.tsx index b0478b0eda0..b41c76a478b 100644 --- a/apps/studio/components/interfaces/Support/LinkSupportTicketPage.tsx +++ b/apps/studio/components/interfaces/Support/LinkSupportTicketPage.tsx @@ -3,7 +3,7 @@ import Link from 'next/link' import { useRouter } from 'next/router' import { useState } from 'react' import { Button, cn, DialogSectionSeparator } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { LinkSupportTicketForm } from './LinkSupportTicketForm' diff --git a/apps/studio/components/interfaces/Support/ProjectAndPlanInfo.tsx b/apps/studio/components/interfaces/Support/ProjectAndPlanInfo.tsx index b9edd290bff..f587e28a2a5 100644 --- a/apps/studio/components/interfaces/Support/ProjectAndPlanInfo.tsx +++ b/apps/studio/components/interfaces/Support/ProjectAndPlanInfo.tsx @@ -7,9 +7,9 @@ import Link from 'next/link' import type { UseFormReturn } from 'react-hook-form' import { toast } from 'sonner' import { Button, cn, CommandGroup, CommandItem, FormControl, FormField } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' -import ShimmeringLoader from 'ui-patterns/ShimmeringLoader' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import type { ExtendedSupportCategories } from './Support.constants' import type { SupportFormValues } from './SupportForm.schema' diff --git a/apps/studio/components/interfaces/SupportEmailVerification/SupportEmailVerification.tsx b/apps/studio/components/interfaces/SupportEmailVerification/SupportEmailVerification.tsx index a069588c854..76c46d62b13 100644 --- a/apps/studio/components/interfaces/SupportEmailVerification/SupportEmailVerification.tsx +++ b/apps/studio/components/interfaces/SupportEmailVerification/SupportEmailVerification.tsx @@ -1,6 +1,7 @@ import { useParams } from 'common' import { useEffect } from 'react' -import { Admonition, ShimmeringLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { InterstitialLayout, SupabaseLogo } from '@/components/layouts/InterstitialLayout' import { useVerifyEmailMutation } from '@/data/support/support-email-verification-mutation' diff --git a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/ApiAccessToggle.tsx b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/ApiAccessToggle.tsx index acdebff6d47..756de361299 100644 --- a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/ApiAccessToggle.tsx +++ b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/ApiAccessToggle.tsx @@ -13,7 +13,7 @@ import { } from 'react' import { usePreviousDistinct } from 'react-use' import { Button, Switch } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { Input } from 'ui-patterns/DataInputs/Input' import { getApiEndpoint } from '@/components/interfaces/Integrations/DataApi/DataApi.utils' diff --git a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/TableEditor.tsx b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/TableEditor.tsx index a7fb5b04002..86d0a076fd0 100644 --- a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/TableEditor.tsx +++ b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/TableEditor.tsx @@ -2,7 +2,7 @@ import { isEmpty, noop } from 'lodash' import { useContext, useEffect, useMemo, useRef, useState } from 'react' import { toast } from 'sonner' import { Badge, Checkbox, Input, SidePanel } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { ActionBar } from '../ActionBar' diff --git a/apps/studio/components/interfaces/TableGridEditor/TableGridEditor.tsx b/apps/studio/components/interfaces/TableGridEditor/TableGridEditor.tsx index c25fe9e79ec..b0a2f2d4c54 100644 --- a/apps/studio/components/interfaces/TableGridEditor/TableGridEditor.tsx +++ b/apps/studio/components/interfaces/TableGridEditor/TableGridEditor.tsx @@ -5,7 +5,8 @@ import { useRouter } from 'next/router' import { parseAsString, useQueryState } from 'nuqs' import { useCallback } from 'react' import { Button } from 'ui' -import { Admonition, GenericSkeletonLoader } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import DeleteConfirmationDialogs from './DeleteConfirmationDialogs' import { SidePanelEditor } from './SidePanelEditor/SidePanelEditor' diff --git a/apps/studio/components/interfaces/UnifiedLogs/components/HoverCardTimestamp.tsx b/apps/studio/components/interfaces/UnifiedLogs/components/HoverCardTimestamp.tsx index 57f7c28af71..75c46ca5024 100644 --- a/apps/studio/components/interfaces/UnifiedLogs/components/HoverCardTimestamp.tsx +++ b/apps/studio/components/interfaces/UnifiedLogs/components/HoverCardTimestamp.tsx @@ -1,5 +1,5 @@ import { cn } from 'ui' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' interface HoverCardTimestampProps { date: Date diff --git a/apps/studio/components/interfaces/UnifiedLogs/components/LogsFilterBar.tsx b/apps/studio/components/interfaces/UnifiedLogs/components/LogsFilterBar.tsx index 2b8d4a8f6af..4596974f61f 100644 --- a/apps/studio/components/interfaces/UnifiedLogs/components/LogsFilterBar.tsx +++ b/apps/studio/components/interfaces/UnifiedLogs/components/LogsFilterBar.tsx @@ -6,7 +6,7 @@ import { type FilterBarHandle, type FilterGroup, type FilterProperty, -} from 'ui-patterns' +} from 'ui-patterns/FilterBar' import { isLogsFilterColumnValue, diff --git a/apps/studio/components/layouts/AppLayout/BranchDropdown.tsx b/apps/studio/components/layouts/AppLayout/BranchDropdown.tsx index 760a051d3a0..bbd73078f5c 100644 --- a/apps/studio/components/layouts/AppLayout/BranchDropdown.tsx +++ b/apps/studio/components/layouts/AppLayout/BranchDropdown.tsx @@ -1,6 +1,6 @@ import { useParams } from 'common' import { useState } from 'react' -import { ShimmeringLoader } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { AppLayoutDropdownError, AppLayoutDropdownWithPopover } from './AppLayoutDropdown' import { BranchBadge } from './BranchBadge' diff --git a/apps/studio/components/layouts/AppLayout/NoticeBanner.tsx b/apps/studio/components/layouts/AppLayout/NoticeBanner.tsx index 6680af603d1..e16b39c433f 100644 --- a/apps/studio/components/layouts/AppLayout/NoticeBanner.tsx +++ b/apps/studio/components/layouts/AppLayout/NoticeBanner.tsx @@ -1,7 +1,7 @@ import { LOCAL_STORAGE_KEYS, useParams } from 'common' import dayjs from 'dayjs' import { useRouter } from 'next/router' -import { TimestampInfo } from 'ui-patterns' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { HeaderBanner } from '@/components/interfaces/Organization/HeaderBanner' import { useLocalStorageQuery } from '@/hooks/misc/useLocalStorage' diff --git a/apps/studio/components/layouts/AppLayout/OrganizationDropdown.tsx b/apps/studio/components/layouts/AppLayout/OrganizationDropdown.tsx index 3cbf12abc33..a995829b43c 100644 --- a/apps/studio/components/layouts/AppLayout/OrganizationDropdown.tsx +++ b/apps/studio/components/layouts/AppLayout/OrganizationDropdown.tsx @@ -3,7 +3,7 @@ import { Boxes } from 'lucide-react' import { useRouter } from 'next/router' import { useState } from 'react' import { Badge, cn } from 'ui' -import { GenericSkeletonLoader, ShimmeringLoader } from 'ui-patterns' +import { GenericSkeletonLoader, ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { AppLayoutDropdownError, AppLayoutDropdownWithPopover } from './AppLayoutDropdown' import { OrganizationDropdownCommandContent } from './OrganizationDropdownCommandContent' diff --git a/apps/studio/components/layouts/AppLayout/ProjectDropdown.tsx b/apps/studio/components/layouts/AppLayout/ProjectDropdown.tsx index ce8f6ff14ca..77b0dab49eb 100644 --- a/apps/studio/components/layouts/AppLayout/ProjectDropdown.tsx +++ b/apps/studio/components/layouts/AppLayout/ProjectDropdown.tsx @@ -5,7 +5,7 @@ import { useRouter } from 'next/router' import type { ComponentProps } from 'react' import { useState } from 'react' import { Button, CommandGroup, CommandItem } from 'ui' -import { ShimmeringLoader } from 'ui-patterns' +import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { AppLayoutDropdownTriggerButton } from './AppLayoutDropdown' import { sanitizeRoute } from './ProjectDropdown.utils' diff --git a/apps/studio/components/layouts/EdgeFunctionsLayout/EdgeFunctionDetailsLayout.tsx b/apps/studio/components/layouts/EdgeFunctionsLayout/EdgeFunctionDetailsLayout.tsx index 9328f2e0a82..f32b32e2cb7 100644 --- a/apps/studio/components/layouts/EdgeFunctionsLayout/EdgeFunctionDetailsLayout.tsx +++ b/apps/studio/components/layouts/EdgeFunctionsLayout/EdgeFunctionDetailsLayout.tsx @@ -25,7 +25,6 @@ import { PopoverTrigger, Separator, } from 'ui' -import { TimestampInfo } from 'ui-patterns' import { Input } from 'ui-patterns/DataInputs/Input' import { PageHeader, @@ -37,6 +36,7 @@ import { PageHeaderSummary, PageHeaderTitle, } from 'ui-patterns/PageHeader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { ProjectLayout } from '../ProjectLayout' import EdgeFunctionsLayout from './EdgeFunctionsLayout' diff --git a/apps/studio/components/layouts/Integrations/IntegrationsProductMenu.tsx b/apps/studio/components/layouts/Integrations/IntegrationsProductMenu.tsx index cdd661f746f..a33f5e20844 100644 --- a/apps/studio/components/layouts/Integrations/IntegrationsProductMenu.tsx +++ b/apps/studio/components/layouts/Integrations/IntegrationsProductMenu.tsx @@ -1,7 +1,7 @@ import { useParams } from 'common' import { useRouter } from 'next/router' import { Menu, Separator } from 'ui' -import { GenericSkeletonLoader } from 'ui-patterns' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { getCategoryParamFromAsPath, getIntegrationsPageFromPathname } from './Integrations.utils' import { generateIntegrationsMenu } from './IntegrationsMenu.utils' diff --git a/apps/studio/components/layouts/Navigation/LayoutHeader/FeedbackDropdown/FeedbackWidget.tsx b/apps/studio/components/layouts/Navigation/LayoutHeader/FeedbackDropdown/FeedbackWidget.tsx index 4d22659cd19..a01143df780 100644 --- a/apps/studio/components/layouts/Navigation/LayoutHeader/FeedbackDropdown/FeedbackWidget.tsx +++ b/apps/studio/components/layouts/Navigation/LayoutHeader/FeedbackDropdown/FeedbackWidget.tsx @@ -17,7 +17,7 @@ import { PopoverSeparator, TextArea, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { convertB64toBlob, diff --git a/apps/studio/components/layouts/Navigation/LayoutHeader/LayoutHeader.tsx b/apps/studio/components/layouts/Navigation/LayoutHeader/LayoutHeader.tsx index 9cf129270c9..c5dea166e95 100644 --- a/apps/studio/components/layouts/Navigation/LayoutHeader/LayoutHeader.tsx +++ b/apps/studio/components/layouts/Navigation/LayoutHeader/LayoutHeader.tsx @@ -6,7 +6,7 @@ import Link from 'next/link' import { useRouter } from 'next/router' import { ReactNode, useMemo } from 'react' import { Badge, cn } from 'ui' -import { CommandMenuTriggerInput } from 'ui-patterns' +import { CommandMenuTriggerInput } from 'ui-patterns/CommandMenu' import { BreadcrumbsView } from './BreadcrumbsView' import { FeedbackDropdown } from './FeedbackDropdown/FeedbackDropdown' diff --git a/apps/studio/components/layouts/Navigation/NavigationBar/MobileNavigationBar.tsx b/apps/studio/components/layouts/Navigation/NavigationBar/MobileNavigationBar.tsx index b9b7e606cb0..82db548a6b5 100644 --- a/apps/studio/components/layouts/Navigation/NavigationBar/MobileNavigationBar.tsx +++ b/apps/studio/components/layouts/Navigation/NavigationBar/MobileNavigationBar.tsx @@ -3,7 +3,7 @@ import { ChevronLeft, Menu } from 'lucide-react' import Link from 'next/link' import { useState } from 'react' import { Button, cn } from 'ui' -import { MobileSheetNav } from 'ui-patterns' +import { MobileSheetNav } from 'ui-patterns/MobileSheetNav' import { HomeIcon } from '../LayoutHeader/HomeIcon' import { useMobileSheet } from './MobileSheetContext' diff --git a/apps/studio/components/layouts/Navigation/NavigationBar/StudioMobileSheetNav.tsx b/apps/studio/components/layouts/Navigation/NavigationBar/StudioMobileSheetNav.tsx index 60350900db2..ad3ae93e090 100644 --- a/apps/studio/components/layouts/Navigation/NavigationBar/StudioMobileSheetNav.tsx +++ b/apps/studio/components/layouts/Navigation/NavigationBar/StudioMobileSheetNav.tsx @@ -1,5 +1,6 @@ import type { ReactNode } from 'react' -import { CommandWrapper, MobileSheetNav } from 'ui-patterns' +import { CommandWrapper } from 'ui-patterns/CommandMenu' +import { MobileSheetNav } from 'ui-patterns/MobileSheetNav' import { SIDEBAR_KEYS, diff --git a/apps/studio/components/layouts/ObservabilityLayout/ObservabilityMenu.tsx b/apps/studio/components/layouts/ObservabilityLayout/ObservabilityMenu.tsx index e99fad30b63..052ffd9a585 100644 --- a/apps/studio/components/layouts/ObservabilityLayout/ObservabilityMenu.tsx +++ b/apps/studio/components/layouts/ObservabilityLayout/ObservabilityMenu.tsx @@ -6,8 +6,8 @@ import { parseAsBoolean, useQueryState } from 'nuqs' import { useMemo, useState } from 'react' import { toast } from 'sonner' import { Menu } from 'ui' -import { InnerSideBarEmptyPanel } from 'ui-patterns' import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal' +import { InnerSideBarEmptyPanel } from 'ui-patterns/InnerSideMenu' import { ShimmeringLoader } from 'ui-patterns/ShimmeringLoader' import { generateObservabilityMenuItems } from './ObservabilityMenu.utils' diff --git a/apps/studio/components/layouts/ProjectIntegrationsLayout.tsx b/apps/studio/components/layouts/ProjectIntegrationsLayout.tsx index 5c532f8502c..51ca726cb0b 100644 --- a/apps/studio/components/layouts/ProjectIntegrationsLayout.tsx +++ b/apps/studio/components/layouts/ProjectIntegrationsLayout.tsx @@ -2,7 +2,7 @@ import { IS_PLATFORM, useFeatureFlags, useParams } from 'common' import { useRouter } from 'next/router' import { PropsWithChildren } from 'react' import { Menu, Separator } from 'ui' -import { GenericSkeletonLoader } from 'ui-patterns' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { useIsMarketplaceEnabled } from '@/components/interfaces/App/FeaturePreview/FeaturePreviewContext' import { useInstalledIntegrations } from '@/components/interfaces/Integrations/Landing/useInstalledIntegrations' diff --git a/apps/studio/components/layouts/ProjectLayout/LayoutHeader/MobileMenuContent/MobileMenuContent.tsx b/apps/studio/components/layouts/ProjectLayout/LayoutHeader/MobileMenuContent/MobileMenuContent.tsx index 84f627e8ac8..b5ac80bea02 100644 --- a/apps/studio/components/layouts/ProjectLayout/LayoutHeader/MobileMenuContent/MobileMenuContent.tsx +++ b/apps/studio/components/layouts/ProjectLayout/LayoutHeader/MobileMenuContent/MobileMenuContent.tsx @@ -6,7 +6,7 @@ import { ChevronLeft } from 'lucide-react' import { useRouter } from 'next/router' import React, { useMemo } from 'react' import { Button, cn, Separator, SidebarGroup, SidebarMenu } from 'ui' -import { GenericSkeletonLoader } from 'ui-patterns' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { resolveSectionDisplay } from './MobileMenuContent.utils' import { getProductMenuComponent } from './mobileProductMenuRegistry' diff --git a/apps/studio/components/layouts/ProjectLayout/LayoutHeader/MobileMenuContent/OrgMenuContent.tsx b/apps/studio/components/layouts/ProjectLayout/LayoutHeader/MobileMenuContent/OrgMenuContent.tsx index c9856d25270..b753d3b076e 100644 --- a/apps/studio/components/layouts/ProjectLayout/LayoutHeader/MobileMenuContent/OrgMenuContent.tsx +++ b/apps/studio/components/layouts/ProjectLayout/LayoutHeader/MobileMenuContent/OrgMenuContent.tsx @@ -5,7 +5,7 @@ import { Blocks, Boxes, ChartArea, ChevronLeft, Receipt, Settings, Users } from import { useRouter } from 'next/router' import React, { useMemo } from 'react' import { Button, cn, SidebarGroup, SidebarMenu } from 'ui' -import { GenericSkeletonLoader } from 'ui-patterns' +import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { getOrgMenuComponent } from './mobileOrgMenuRegistry' import type { OrgNavItem } from './OrgMenuContent.utils' diff --git a/apps/studio/components/layouts/ProjectLayout/PausedState/PauseDisabledState.tsx b/apps/studio/components/layouts/ProjectLayout/PausedState/PauseDisabledState.tsx index f4a5ebbdf90..25dcf86ec2b 100644 --- a/apps/studio/components/layouts/ProjectLayout/PausedState/PauseDisabledState.tsx +++ b/apps/studio/components/layouts/ProjectLayout/PausedState/PauseDisabledState.tsx @@ -10,7 +10,8 @@ import { DropdownMenuItem, DropdownMenuTrigger, } from 'ui' -import { Admonition, TimestampInfo } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { DropdownMenuItemTooltip } from '@/components/ui/DropdownMenuItemTooltip' import { InlineLink } from '@/components/ui/InlineLink' diff --git a/apps/studio/components/layouts/ProjectLayout/PausedState/ProjectPausedState.tsx b/apps/studio/components/layouts/ProjectLayout/PausedState/ProjectPausedState.tsx index d97a5a22165..326d9bbe68e 100644 --- a/apps/studio/components/layouts/ProjectLayout/PausedState/ProjectPausedState.tsx +++ b/apps/studio/components/layouts/ProjectLayout/PausedState/ProjectPausedState.tsx @@ -12,8 +12,8 @@ import { TooltipContent, TooltipTrigger, } from 'ui' -import { TimestampInfo } from 'ui-patterns' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' +import { TimestampInfo } from 'ui-patterns/TimestampInfo' import { PauseDisabledState } from './PauseDisabledState' import { ResumeProjectButton } from '@/components/interfaces/Project/ResumeProjectButton' diff --git a/apps/studio/components/layouts/SQLEditorLayout/PrivateSqlSnippetEmpty.tsx b/apps/studio/components/layouts/SQLEditorLayout/PrivateSqlSnippetEmpty.tsx index f448e6fe5c6..ab5610689bb 100644 --- a/apps/studio/components/layouts/SQLEditorLayout/PrivateSqlSnippetEmpty.tsx +++ b/apps/studio/components/layouts/SQLEditorLayout/PrivateSqlSnippetEmpty.tsx @@ -1,6 +1,6 @@ import { Pointer } from 'lucide-react' import { TreeViewItem } from 'ui' -import { InnerSideBarEmptyPanel } from 'ui-patterns' +import { InnerSideBarEmptyPanel } from 'ui-patterns/InnerSideMenu' export const EmptyPrivateQueriesPanel = () => ( { const router = useRouter() diff --git a/apps/www/pages/opt-out/[ref].tsx b/apps/www/pages/opt-out/[ref].tsx index 97bc04aace8..2fb9c81f685 100644 --- a/apps/www/pages/opt-out/[ref].tsx +++ b/apps/www/pages/opt-out/[ref].tsx @@ -19,7 +19,7 @@ import { SelectTrigger, SelectValue, } from 'ui' -import { Admonition } from 'ui-patterns' +import { Admonition } from 'ui-patterns/admonition' import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout' import { z } from 'zod' diff --git a/packages/ui-patterns/index.tsx b/packages/ui-patterns/index.tsx deleted file mode 100644 index 5b42cd773f3..00000000000 --- a/packages/ui-patterns/index.tsx +++ /dev/null @@ -1,25 +0,0 @@ -/** - * The components are listed here so that VsCode can find out about them and list them as import suggestions. - * - * DO NOT import directly from here. - * DO NOT add new components to this file. - */ -export * from './src/admonition' -export * from './src/AuthenticatedDropdownMenu' -export * from './src/Chart' -export * from './src/CommandMenu' -export * from './src/ComputeBadge' -export * from './src/DatePicker' -export * from './src/EmptyStatePresentational' -export * from './src/FilterBar' -export * from './src/GlassPanel' -export * from './src/InnerSideMenu' -export * from './src/MobileSheetNav' -export * from './src/PageContainer' -export * from './src/PageHeader' -export * from './src/PageSection' -export * from './src/Row' -export * from './src/ShimmeringLoader' -export * from './src/StatusCode' -export * from './src/TimestampInfo' -export * from './src/Toc' diff --git a/packages/ui-patterns/package.json b/packages/ui-patterns/package.json index 78e1def0a02..73bf1b4989b 100644 --- a/packages/ui-patterns/package.json +++ b/packages/ui-patterns/package.json @@ -14,10 +14,6 @@ }, "exports": { "./package.json": "./package.json", - ".": { - "import": "./index.tsx", - "types": "./index.tsx" - }, "./AssistantChat/AssistantChatForm": { "import": "./src/AssistantChat/AssistantChatForm.tsx", "types": "./src/AssistantChat/AssistantChatForm.tsx" diff --git a/packages/ui-patterns/src/ShimmeringLoader/index.tsx b/packages/ui-patterns/src/ShimmeringLoader/index.tsx index 8beffcc9208..59d229a8f22 100644 --- a/packages/ui-patterns/src/ShimmeringLoader/index.tsx +++ b/packages/ui-patterns/src/ShimmeringLoader/index.tsx @@ -69,5 +69,3 @@ export const GenericTableLoader = ({ ) } - -export default ShimmeringLoader