Content revealed when expanded.
-This section is expanded by default.
-Something needs attention.
-- Try a different browser or disable extensions that block network requests. -
-- The following database extension will be enabled + {hasFixedSchema + ? 'This extension must be installed in the schema below.' + : 'This extension will be installed in the schema below.'}
Extension
-{extension.name}
+{extension.name}
Schema
-
+
{defaultSchema ?? 'extensions'}
-
- Installing in the extensions schema is highly recommended since some extensions - are hard to move after installation. -
-To use a different schema, run this in the SQL Editor:
-
+ We recommend using the extensions{' '}
+ schema to keep extension objects separate from your own tables.
+
+ To use another schema, run the following in the SQL Editor. Replace{' '}
+ target_schema with an existing
+ schema name.
+
- 1. Create a custom api schema and expose it
-
api schema and expose it
+
+
Click the button below to create a new schema named{' '}
api and grant the{' '}
@@ -207,27 +206,20 @@ export const HardenAPIModal = ({ visible, onClose }: HardenAPIModalProps) => {
{`grant select on table api.
- 2. Remove the public schema from the exposed
- schemas
-
public schema from the exposed
+ schemas
+
+ Please sign in again to continue.
-- Try a different browser or disable extensions that block network requests. If - the problem persists: -
- -
- Still stuck?{' '}
-
+ Try a different browser or disable extensions that block network requests. If the + problem persists: +
+ +
+ Still stuck?{' '}
+
*/
@utility text-code-inline {
- @apply break-all text-xs tracking-tight bg-surface-200 border border-muted rounded-md px-1 py-0.5 text-foreground font-medium;
+ @apply break-all text-xs tracking-tight bg-surface-200 border border-muted rounded-sm px-1 py-0.25 text-foreground font-medium;
}
@layer base {
diff --git a/packages/ui-patterns/package.json b/packages/ui-patterns/package.json
index 0ac7fca083a..47ad8e52f2b 100644
--- a/packages/ui-patterns/package.json
+++ b/packages/ui-patterns/package.json
@@ -298,6 +298,10 @@
"import": "./src/DatePicker/index.ts",
"types": "./src/DatePicker/index.ts"
},
+ "./DialogDisclosure": {
+ "import": "./src/DialogDisclosure.tsx",
+ "types": "./src/DialogDisclosure.tsx"
+ },
"./Dialogs/ConfirmationModal": {
"import": "./src/Dialogs/ConfirmationModal.tsx",
"types": "./src/Dialogs/ConfirmationModal.tsx"
@@ -702,10 +706,6 @@
"import": "./src/TweetCard/index.tsx",
"types": "./src/TweetCard/index.tsx"
},
- "./collapsible-alert": {
- "import": "./src/collapsible-alert.tsx",
- "types": "./src/collapsible-alert.tsx"
- },
"./consent": {
"import": "./src/consent.tsx",
"types": "./src/consent.tsx"
diff --git a/packages/ui-patterns/src/DialogDisclosure.tsx b/packages/ui-patterns/src/DialogDisclosure.tsx
new file mode 100644
index 00000000000..fb69dd93c33
--- /dev/null
+++ b/packages/ui-patterns/src/DialogDisclosure.tsx
@@ -0,0 +1,47 @@
+import { ChevronDown } from 'lucide-react'
+import type { ComponentProps, ReactNode } from 'react'
+import { cn, Collapsible, CollapsibleContent, CollapsibleTrigger } from 'ui'
+
+type DialogDisclosureTriggerProps = ComponentProps & {
+ icon?: ReactNode
+}
+
+export const DialogDisclosure: typeof Collapsible = Collapsible
+
+export const DialogDisclosureTrigger = ({
+ children,
+ className,
+ icon,
+ ...props
+}: DialogDisclosureTriggerProps) => (
+
+ {children}
+
+
+)
+
+export const DialogDisclosureContent = ({
+ className,
+ ...props
+}: ComponentProps) => (
+ , 'title'>, VariantProps {
- trigger: React.ReactNode
- defaultOpen?: boolean
-}
-
-const CollapsibleAlert = React.forwardRef(
- ({ className, variant = 'default', trigger, defaultOpen, children, ...props }, ref) => (
-
-
-
- {trigger}
-
- }
- />
-
-
- {children}
-
-
- )
-)
-CollapsibleAlert.displayName = 'CollapsibleAlert'
-
-export { CollapsibleAlert }
diff --git a/packages/ui/src/components/shadcn/ui/alert-dialog.tsx b/packages/ui/src/components/shadcn/ui/alert-dialog.tsx
index e02c894c259..b18691c9e7a 100644
--- a/packages/ui/src/components/shadcn/ui/alert-dialog.tsx
+++ b/packages/ui/src/components/shadcn/ui/alert-dialog.tsx
@@ -215,7 +215,7 @@ const AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes[role=alert])+&]:border-t-0',
+ 'flex flex-col-reverse gap-y-2 sm:flex-row sm:justify-end sm:space-x-2 border-t py-3 px-5 [[data-slot=alert-dialog-body]:has(>[role=alert])+&]:border-t-0',
className
)}
{...props}
@@ -373,11 +373,7 @@ const AlertDialogCancel = React.forwardRef<
return (
->(({ className, children, ...props }, ref) => (
+>(({ className, children, asChild, ...props }, ref) => (