Skip to content

Commit b824985

Browse files
Barata-RibeiroBarata-Ribeiro
committed
chore(format): format with prettier
1 parent e4f1043 commit b824985

File tree

22 files changed

+759
-981
lines changed

22 files changed

+759
-981
lines changed

‎resources/js/components/editor/utils/url.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ const SUPPORTED_URL_PROTOCOLS = new Set(['http:', 'https:', 'mailto:', 'sms:', '
33
export function sanitizeUrl(url: string): string {
44
try {
55
const parsedUrl = new URL(url);
6-
6+
77
if (!SUPPORTED_URL_PROTOCOLS.has(parsedUrl.protocol)) {
88
return 'about:blank';
99
}

‎resources/js/components/ui/accordion.tsx‎

Lines changed: 39 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,50 @@
1-
import { cn } from '@/lib/utils';
1+
import { cn } from '@/lib/utils';
22
import * as AccordionPrimitive from '@radix-ui/react-accordion';
3-
import { ChevronDownIcon } from 'lucide-react';
3+
import { ChevronDownIcon } from 'lucide-react';
44
import type { ComponentProps } from 'react';
55

6-
function Accordion({
7-
...props
8-
}: ComponentProps<typeof AccordionPrimitive.Root>) {
9-
return <AccordionPrimitive.Root data-slot="accordion" {...props} />
6+
function Accordion({ ...props }: ComponentProps<typeof AccordionPrimitive.Root>) {
7+
return <AccordionPrimitive.Root data-slot="accordion" {...props} />;
108
}
119

12-
function AccordionItem({
13-
className,
14-
...props
15-
}: ComponentProps<typeof AccordionPrimitive.Item>) {
16-
return (
17-
<AccordionPrimitive.Item
18-
data-slot="accordion-item"
19-
className={cn("border-b last:border-b-0", className)}
20-
{...props}
21-
/>
22-
)
10+
function AccordionItem({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Item>) {
11+
return (
12+
<AccordionPrimitive.Item
13+
data-slot="accordion-item"
14+
className={cn('border-b last:border-b-0', className)}
15+
{...props}
16+
/>
17+
);
2318
}
2419

25-
function AccordionTrigger({
26-
className,
27-
children,
28-
...props
29-
}: ComponentProps<typeof AccordionPrimitive.Trigger>) {
30-
return (
31-
<AccordionPrimitive.Header className="flex">
32-
<AccordionPrimitive.Trigger
33-
data-slot="accordion-trigger"
34-
className={cn(
35-
"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
36-
className
37-
)}
38-
{...props}
39-
>
40-
{children}
41-
<ChevronDownIcon className="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
42-
</AccordionPrimitive.Trigger>
43-
</AccordionPrimitive.Header>
44-
)
20+
function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Trigger>) {
21+
return (
22+
<AccordionPrimitive.Header className="flex">
23+
<AccordionPrimitive.Trigger
24+
data-slot="accordion-trigger"
25+
className={cn(
26+
'flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',
27+
className,
28+
)}
29+
{...props}
30+
>
31+
{children}
32+
<ChevronDownIcon className="pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" />
33+
</AccordionPrimitive.Trigger>
34+
</AccordionPrimitive.Header>
35+
);
4536
}
4637

47-
function AccordionContent({
48-
className,
49-
children,
50-
...props
51-
}: ComponentProps<typeof AccordionPrimitive.Content>) {
52-
return (
53-
<AccordionPrimitive.Content
54-
data-slot="accordion-content"
55-
className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
56-
{...props}
57-
>
58-
<div className={cn("pt-0 pb-4", className)}>{children}</div>
59-
</AccordionPrimitive.Content>
60-
)
38+
function AccordionContent({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Content>) {
39+
return (
40+
<AccordionPrimitive.Content
41+
data-slot="accordion-content"
42+
className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
43+
{...props}
44+
>
45+
<div className={cn('pt-0 pb-4', className)}>{children}</div>
46+
</AccordionPrimitive.Content>
47+
);
6148
}
6249

63-
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
50+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

‎resources/js/components/ui/avatar.tsx‎

Lines changed: 30 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,38 @@
1-
import { cn } from '@/lib/utils';
1+
import { cn } from '@/lib/utils';
22
import * as AvatarPrimitive from '@radix-ui/react-avatar';
3-
import * as React from 'react';
3+
import * as React from 'react';
44

5-
function Avatar({
6-
className,
7-
...props
8-
}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
9-
return (
10-
<AvatarPrimitive.Root
11-
data-slot="avatar"
12-
className={cn(
13-
"relative flex size-8 shrink-0 overflow-hidden rounded-full ring-2 ring-foreground/20 dark:ring-foreground/10",
14-
className
15-
)}
16-
{...props}
17-
/>
18-
)
5+
function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {
6+
return (
7+
<AvatarPrimitive.Root
8+
data-slot="avatar"
9+
className={cn(
10+
'relative flex size-8 shrink-0 overflow-hidden rounded-full ring-2 ring-foreground/20 dark:ring-foreground/10',
11+
className,
12+
)}
13+
{...props}
14+
/>
15+
);
1916
}
2017

21-
function AvatarImage({
22-
className,
23-
...props
24-
}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
25-
return (
26-
<AvatarPrimitive.Image
27-
data-slot="avatar-image"
28-
className={cn("aspect-square object-cover size-full", className)}
29-
{...props}
30-
/>
31-
)
18+
function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {
19+
return (
20+
<AvatarPrimitive.Image
21+
data-slot="avatar-image"
22+
className={cn('aspect-square size-full object-cover', className)}
23+
{...props}
24+
/>
25+
);
3226
}
3327

34-
function AvatarFallback({
35-
className,
36-
...props
37-
}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
38-
return (
39-
<AvatarPrimitive.Fallback
40-
data-slot="avatar-fallback"
41-
className={cn(
42-
"bg-muted flex size-full items-center justify-center rounded-full",
43-
className
44-
)}
45-
{...props}
46-
/>
47-
)
28+
function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
29+
return (
30+
<AvatarPrimitive.Fallback
31+
data-slot="avatar-fallback"
32+
className={cn('flex size-full items-center justify-center rounded-full bg-muted', className)}
33+
{...props}
34+
/>
35+
);
4836
}
4937

50-
export { Avatar, AvatarImage, AvatarFallback }
38+
export { Avatar, AvatarFallback, AvatarImage };

‎resources/js/components/ui/badge.tsx‎

Lines changed: 27 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,36 @@
1-
import * as React from "react"
2-
import { Slot } from "@radix-ui/react-slot"
3-
import { cva, type VariantProps } from "class-variance-authority"
1+
import { Slot } from '@radix-ui/react-slot';
2+
import { cva, type VariantProps } from 'class-variance-authority';
3+
import * as React from 'react';
44

5-
import { cn } from "@/lib/utils"
5+
import { cn } from '@/lib/utils';
66

77
const badgeVariants = cva(
8-
"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
9-
{
10-
variants: {
11-
variant: {
12-
default:
13-
"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
14-
secondary:
15-
"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
16-
destructive:
17-
"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
18-
outline:
19-
"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
20-
},
8+
'inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden',
9+
{
10+
variants: {
11+
variant: {
12+
default: 'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
13+
secondary: 'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
14+
destructive:
15+
'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
16+
outline: 'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
17+
},
18+
},
19+
defaultVariants: {
20+
variant: 'default',
21+
},
2122
},
22-
defaultVariants: {
23-
variant: "default",
24-
},
25-
}
26-
)
23+
);
2724

2825
function Badge({
29-
className,
30-
variant,
31-
asChild = false,
32-
...props
33-
}: React.ComponentProps<"span"> &
34-
VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
35-
const Comp = asChild ? Slot : "span"
26+
className,
27+
variant,
28+
asChild = false,
29+
...props
30+
}: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
31+
const Comp = asChild ? Slot : 'span';
3632

37-
return (
38-
<Comp
39-
data-slot="badge"
40-
className={cn(badgeVariants({ variant }), className)}
41-
{...props}
42-
/>
43-
)
33+
return <Comp data-slot="badge" className={cn(badgeVariants({ variant }), className)} {...props} />;
4434
}
4535

46-
export { Badge, badgeVariants }
36+
export { Badge, badgeVariants };

‎resources/js/components/ui/calendar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -142,7 +142,7 @@ function CalendarDayButton({ className, day, modifiers, ...props }: ComponentPro
142142
return (
143143
<Button
144144
ref={ref}
145-
type='button'
145+
type="button"
146146
variant="ghost"
147147
size="icon"
148148
data-day={day.date.toLocaleDateString()}

‎resources/js/components/ui/collapsible.tsx‎

Lines changed: 8 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,15 @@
1-
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
1+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
22

3-
function Collapsible({
4-
...props
5-
}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
6-
return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />
3+
function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
4+
return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />;
75
}
86

9-
function CollapsibleTrigger({
10-
...props
11-
}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
12-
return (
13-
<CollapsiblePrimitive.CollapsibleTrigger
14-
data-slot="collapsible-trigger"
15-
{...props}
16-
/>
17-
)
7+
function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
8+
return <CollapsiblePrimitive.CollapsibleTrigger data-slot="collapsible-trigger" {...props} />;
189
}
1910

20-
function CollapsibleContent({
21-
...props
22-
}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
23-
return (
24-
<CollapsiblePrimitive.CollapsibleContent
25-
data-slot="collapsible-content"
26-
{...props}
27-
/>
28-
)
11+
function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
12+
return <CollapsiblePrimitive.CollapsibleContent data-slot="collapsible-content" {...props} />;
2913
}
3014

31-
export { Collapsible, CollapsibleTrigger, CollapsibleContent }
15+
export { Collapsible, CollapsibleContent, CollapsibleTrigger };

0 commit comments

Comments
 (0)