gitscope
/
← marzneshin / dashboard/src/common/components/ui/alert-dialog.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/common/components/ui/alert-dialog.tsx · v0.7.1
Source
1 88bd1b0 Mrdn 2y ago import * as React from "react"
2 88bd1b0 Mrdn 2y ago import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
3 88bd1b0 Mrdn 2y ago
4 d636f3f Dawsh 2y ago import { cn } from "@marzneshin/common/utils"
5 7389ad0 Mardin 2y ago import { buttonVariants } from "@marzneshin/common/components/ui/button"
6 88bd1b0 Mrdn 2y ago
7 88bd1b0 Mrdn 2y ago const AlertDialog = AlertDialogPrimitive.Root
8 88bd1b0 Mrdn 2y ago
9 88bd1b0 Mrdn 2y ago const AlertDialogTrigger = AlertDialogPrimitive.Trigger
10 88bd1b0 Mrdn 2y ago
11 88bd1b0 Mrdn 2y ago const AlertDialogPortal = AlertDialogPrimitive.Portal
12 88bd1b0 Mrdn 2y ago
13 88bd1b0 Mrdn 2y ago const AlertDialogOverlay = React.forwardRef<
14 d636f3f Dawsh 2y ago React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
15 d636f3f Dawsh 2y ago React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
16 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
17 d636f3f Dawsh 2y ago <AlertDialogPrimitive.Overlay
18 d636f3f Dawsh 2y ago className={cn(
19 d636f3f Dawsh 2y ago "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
20 d636f3f Dawsh 2y ago className
21 d636f3f Dawsh 2y ago )}
22 d636f3f Dawsh 2y ago {...props}
23 d636f3f Dawsh 2y ago ref={ref}
24 d636f3f Dawsh 2y ago />
25 88bd1b0 Mrdn 2y ago ))
26 88bd1b0 Mrdn 2y ago AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
27 88bd1b0 Mrdn 2y ago
28 88bd1b0 Mrdn 2y ago const AlertDialogContent = React.forwardRef<
29 d636f3f Dawsh 2y ago React.ElementRef<typeof AlertDialogPrimitive.Content>,
30 d636f3f Dawsh 2y ago React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
31 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
32 d636f3f Dawsh 2y ago <AlertDialogPortal>
33 d636f3f Dawsh 2y ago <AlertDialogOverlay />
34 d636f3f Dawsh 2y ago <AlertDialogPrimitive.Content
35 d636f3f Dawsh 2y ago ref={ref}
36 d636f3f Dawsh 2y ago className={cn(
37 d636f3f Dawsh 2y ago "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
38 d636f3f Dawsh 2y ago className
39 d636f3f Dawsh 2y ago )}
40 d636f3f Dawsh 2y ago {...props}
41 d636f3f Dawsh 2y ago />
42 d636f3f Dawsh 2y ago </AlertDialogPortal>
43 88bd1b0 Mrdn 2y ago ))
44 88bd1b0 Mrdn 2y ago AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
45 88bd1b0 Mrdn 2y ago
46 88bd1b0 Mrdn 2y ago const AlertDialogHeader = ({
47 d636f3f Dawsh 2y ago className,
48 d636f3f Dawsh 2y ago ...props
49 88bd1b0 Mrdn 2y ago }: React.HTMLAttributes<HTMLDivElement>) => (
50 d636f3f Dawsh 2y ago <div
51 d636f3f Dawsh 2y ago className={cn(
52 d636f3f Dawsh 2y ago "flex flex-col space-y-2 text-center sm:text-left",
53 d636f3f Dawsh 2y ago className
54 d636f3f Dawsh 2y ago )}
55 d636f3f Dawsh 2y ago {...props}
56 d636f3f Dawsh 2y ago />
57 88bd1b0 Mrdn 2y ago )
58 88bd1b0 Mrdn 2y ago AlertDialogHeader.displayName = "AlertDialogHeader"
59 88bd1b0 Mrdn 2y ago
60 88bd1b0 Mrdn 2y ago const AlertDialogFooter = ({
61 d636f3f Dawsh 2y ago className,
62 d636f3f Dawsh 2y ago ...props
63 88bd1b0 Mrdn 2y ago }: React.HTMLAttributes<HTMLDivElement>) => (
64 d636f3f Dawsh 2y ago <div
65 d636f3f Dawsh 2y ago className={cn(
66 d636f3f Dawsh 2y ago "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
67 d636f3f Dawsh 2y ago className
68 d636f3f Dawsh 2y ago )}
69 d636f3f Dawsh 2y ago {...props}
70 d636f3f Dawsh 2y ago />
71 88bd1b0 Mrdn 2y ago )
72 88bd1b0 Mrdn 2y ago AlertDialogFooter.displayName = "AlertDialogFooter"
73 88bd1b0 Mrdn 2y ago
74 88bd1b0 Mrdn 2y ago const AlertDialogTitle = React.forwardRef<
75 d636f3f Dawsh 2y ago React.ElementRef<typeof AlertDialogPrimitive.Title>,
76 d636f3f Dawsh 2y ago React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
77 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
78 d636f3f Dawsh 2y ago <AlertDialogPrimitive.Title
79 d636f3f Dawsh 2y ago ref={ref}
80 d636f3f Dawsh 2y ago className={cn("text-lg font-semibold", className)}
81 d636f3f Dawsh 2y ago {...props}
82 d636f3f Dawsh 2y ago />
83 88bd1b0 Mrdn 2y ago ))
84 88bd1b0 Mrdn 2y ago AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
85 88bd1b0 Mrdn 2y ago
86 88bd1b0 Mrdn 2y ago const AlertDialogDescription = React.forwardRef<
87 d636f3f Dawsh 2y ago React.ElementRef<typeof AlertDialogPrimitive.Description>,
88 d636f3f Dawsh 2y ago React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
89 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
90 d636f3f Dawsh 2y ago <AlertDialogPrimitive.Description
91 d636f3f Dawsh 2y ago ref={ref}
92 d636f3f Dawsh 2y ago className={cn("text-sm text-muted-foreground", className)}
93 d636f3f Dawsh 2y ago {...props}
94 d636f3f Dawsh 2y ago />
95 88bd1b0 Mrdn 2y ago ))
96 88bd1b0 Mrdn 2y ago AlertDialogDescription.displayName =
97 d636f3f Dawsh 2y ago AlertDialogPrimitive.Description.displayName
98 88bd1b0 Mrdn 2y ago
99 88bd1b0 Mrdn 2y ago const AlertDialogAction = React.forwardRef<
100 d636f3f Dawsh 2y ago React.ElementRef<typeof AlertDialogPrimitive.Action>,
101 d636f3f Dawsh 2y ago React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
102 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
103 d636f3f Dawsh 2y ago <AlertDialogPrimitive.Action
104 d636f3f Dawsh 2y ago ref={ref}
105 d636f3f Dawsh 2y ago className={cn(buttonVariants(), className)}
106 d636f3f Dawsh 2y ago {...props}
107 d636f3f Dawsh 2y ago />
108 88bd1b0 Mrdn 2y ago ))
109 88bd1b0 Mrdn 2y ago AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
110 88bd1b0 Mrdn 2y ago
111 88bd1b0 Mrdn 2y ago const AlertDialogCancel = React.forwardRef<
112 d636f3f Dawsh 2y ago React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
113 d636f3f Dawsh 2y ago React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
114 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
115 d636f3f Dawsh 2y ago <AlertDialogPrimitive.Cancel
116 d636f3f Dawsh 2y ago ref={ref}
117 d636f3f Dawsh 2y ago className={cn(
118 d636f3f Dawsh 2y ago buttonVariants({ variant: "outline" }),
119 d636f3f Dawsh 2y ago "mt-2 sm:mt-0",
120 d636f3f Dawsh 2y ago className
121 d636f3f Dawsh 2y ago )}
122 d636f3f Dawsh 2y ago {...props}
123 d636f3f Dawsh 2y ago />
124 88bd1b0 Mrdn 2y ago ))
125 88bd1b0 Mrdn 2y ago AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
126 88bd1b0 Mrdn 2y ago
127 88bd1b0 Mrdn 2y ago export {
128 d636f3f Dawsh 2y ago AlertDialog,
129 d636f3f Dawsh 2y ago AlertDialogPortal,
130 d636f3f Dawsh 2y ago AlertDialogOverlay,
131 d636f3f Dawsh 2y ago AlertDialogTrigger,
132 d636f3f Dawsh 2y ago AlertDialogContent,
133 d636f3f Dawsh 2y ago AlertDialogHeader,
134 d636f3f Dawsh 2y ago AlertDialogFooter,
135 d636f3f Dawsh 2y ago AlertDialogTitle,
136 d636f3f Dawsh 2y ago AlertDialogDescription,
137 d636f3f Dawsh 2y ago AlertDialogAction,
138 d636f3f Dawsh 2y ago AlertDialogCancel,
139 88bd1b0 Mrdn 2y ago }