gitscope
/
← marzneshin / dashboard/src/common/components/ui/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/dialog.tsx · master
Source
1 88bd1b0 Mrdn 2y ago import * as React from "react"
2 88bd1b0 Mrdn 2y ago import * as DialogPrimitive from "@radix-ui/react-dialog"
3 88bd1b0 Mrdn 2y ago import { X } from "lucide-react"
4 88bd1b0 Mrdn 2y ago
5 d636f3f Dawsh 2y ago import { cn } from "@marzneshin/common/utils"
6 88bd1b0 Mrdn 2y ago
7 88bd1b0 Mrdn 2y ago const Dialog = DialogPrimitive.Root
8 88bd1b0 Mrdn 2y ago
9 88bd1b0 Mrdn 2y ago const DialogTrigger = DialogPrimitive.Trigger
10 88bd1b0 Mrdn 2y ago
11 88bd1b0 Mrdn 2y ago const DialogPortal = DialogPrimitive.Portal
12 88bd1b0 Mrdn 2y ago
13 88bd1b0 Mrdn 2y ago const DialogClose = DialogPrimitive.Close
14 88bd1b0 Mrdn 2y ago
15 88bd1b0 Mrdn 2y ago const DialogOverlay = React.forwardRef<
16 d636f3f Dawsh 2y ago React.ElementRef<typeof DialogPrimitive.Overlay>,
17 d636f3f Dawsh 2y ago React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
18 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
19 d636f3f Dawsh 2y ago <DialogPrimitive.Overlay
20 d636f3f Dawsh 2y ago ref={ref}
21 d636f3f Dawsh 2y ago className={cn(
22 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",
23 d636f3f Dawsh 2y ago className
24 d636f3f Dawsh 2y ago )}
25 d636f3f Dawsh 2y ago {...props}
26 d636f3f Dawsh 2y ago />
27 88bd1b0 Mrdn 2y ago ))
28 88bd1b0 Mrdn 2y ago DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
29 88bd1b0 Mrdn 2y ago
30 88bd1b0 Mrdn 2y ago const DialogContent = React.forwardRef<
31 d636f3f Dawsh 2y ago React.ElementRef<typeof DialogPrimitive.Content>,
32 d636f3f Dawsh 2y ago React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
33 88bd1b0 Mrdn 2y ago >(({ className, children, ...props }, ref) => (
34 d636f3f Dawsh 2y ago <DialogPortal>
35 d636f3f Dawsh 2y ago <DialogOverlay />
36 d636f3f Dawsh 2y ago <DialogPrimitive.Content
37 d636f3f Dawsh 2y ago ref={ref}
38 d636f3f Dawsh 2y ago className={cn(
39 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",
40 d636f3f Dawsh 2y ago className
41 d636f3f Dawsh 2y ago )}
42 d636f3f Dawsh 2y ago {...props}
43 d636f3f Dawsh 2y ago >
44 d636f3f Dawsh 2y ago {children}
45 d636f3f Dawsh 2y ago <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
46 d636f3f Dawsh 2y ago <X className="h-4 w-4" />
47 d636f3f Dawsh 2y ago <span className="sr-only">Close</span>
48 d636f3f Dawsh 2y ago </DialogPrimitive.Close>
49 d636f3f Dawsh 2y ago </DialogPrimitive.Content>
50 d636f3f Dawsh 2y ago </DialogPortal>
51 88bd1b0 Mrdn 2y ago ))
52 88bd1b0 Mrdn 2y ago DialogContent.displayName = DialogPrimitive.Content.displayName
53 88bd1b0 Mrdn 2y ago
54 88bd1b0 Mrdn 2y ago const DialogHeader = ({
55 d636f3f Dawsh 2y ago className,
56 d636f3f Dawsh 2y ago ...props
57 88bd1b0 Mrdn 2y ago }: React.HTMLAttributes<HTMLDivElement>) => (
58 d636f3f Dawsh 2y ago <div
59 d636f3f Dawsh 2y ago className={cn(
60 d636f3f Dawsh 2y ago "flex flex-col space-y-1.5 text-center sm:text-left",
61 d636f3f Dawsh 2y ago className
62 d636f3f Dawsh 2y ago )}
63 d636f3f Dawsh 2y ago {...props}
64 d636f3f Dawsh 2y ago />
65 88bd1b0 Mrdn 2y ago )
66 88bd1b0 Mrdn 2y ago DialogHeader.displayName = "DialogHeader"
67 88bd1b0 Mrdn 2y ago
68 88bd1b0 Mrdn 2y ago const DialogFooter = ({
69 d636f3f Dawsh 2y ago className,
70 d636f3f Dawsh 2y ago ...props
71 88bd1b0 Mrdn 2y ago }: React.HTMLAttributes<HTMLDivElement>) => (
72 d636f3f Dawsh 2y ago <div
73 d636f3f Dawsh 2y ago className={cn(
74 d636f3f Dawsh 2y ago "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
75 d636f3f Dawsh 2y ago className
76 d636f3f Dawsh 2y ago )}
77 d636f3f Dawsh 2y ago {...props}
78 d636f3f Dawsh 2y ago />
79 88bd1b0 Mrdn 2y ago )
80 88bd1b0 Mrdn 2y ago DialogFooter.displayName = "DialogFooter"
81 88bd1b0 Mrdn 2y ago
82 88bd1b0 Mrdn 2y ago const DialogTitle = React.forwardRef<
83 d636f3f Dawsh 2y ago React.ElementRef<typeof DialogPrimitive.Title>,
84 d636f3f Dawsh 2y ago React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
85 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
86 d636f3f Dawsh 2y ago <DialogPrimitive.Title
87 d636f3f Dawsh 2y ago ref={ref}
88 d636f3f Dawsh 2y ago className={cn(
89 d636f3f Dawsh 2y ago "text-lg font-semibold leading-none tracking-tight",
90 d636f3f Dawsh 2y ago className
91 d636f3f Dawsh 2y ago )}
92 d636f3f Dawsh 2y ago {...props}
93 d636f3f Dawsh 2y ago />
94 88bd1b0 Mrdn 2y ago ))
95 88bd1b0 Mrdn 2y ago DialogTitle.displayName = DialogPrimitive.Title.displayName
96 88bd1b0 Mrdn 2y ago
97 88bd1b0 Mrdn 2y ago const DialogDescription = React.forwardRef<
98 d636f3f Dawsh 2y ago React.ElementRef<typeof DialogPrimitive.Description>,
99 d636f3f Dawsh 2y ago React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
100 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
101 d636f3f Dawsh 2y ago <DialogPrimitive.Description
102 d636f3f Dawsh 2y ago ref={ref}
103 d636f3f Dawsh 2y ago className={cn("text-sm text-muted-foreground", className)}
104 d636f3f Dawsh 2y ago {...props}
105 d636f3f Dawsh 2y ago />
106 88bd1b0 Mrdn 2y ago ))
107 88bd1b0 Mrdn 2y ago DialogDescription.displayName = DialogPrimitive.Description.displayName
108 88bd1b0 Mrdn 2y ago
109 88bd1b0 Mrdn 2y ago export {
110 d636f3f Dawsh 2y ago Dialog,
111 d636f3f Dawsh 2y ago DialogPortal,
112 d636f3f Dawsh 2y ago DialogOverlay,
113 d636f3f Dawsh 2y ago DialogClose,
114 d636f3f Dawsh 2y ago DialogTrigger,
115 d636f3f Dawsh 2y ago DialogContent,
116 d636f3f Dawsh 2y ago DialogHeader,
117 d636f3f Dawsh 2y ago DialogFooter,
118 d636f3f Dawsh 2y ago DialogTitle,
119 d636f3f Dawsh 2y ago DialogDescription,
120 88bd1b0 Mrdn 2y ago }