Skip to content

Commit d6a86eb

Browse files
mertsincanmertsincan
committed
refactor: formatter fixes
1 parent dcf5a45 commit d6a86eb

16 files changed

Lines changed: 119 additions & 117 deletions

File tree

‎apps/showcase/__store__/index.tsx‎

Lines changed: 20 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -131,6 +131,10 @@ export const Store: Record<string, Record<string, Record<string, { component: Re
131131
},
132132
},
133133
'autocomplete': {
134+
'arrow-demo': {
135+
'component': React.lazy(() => import('demo/styled/autocomplete/arrow-demo')),
136+
'filePath': 'demo/styled/autocomplete/arrow-demo.tsx',
137+
},
134138
'autocomplete-pt': {
135139
'component': React.lazy(() => import('demo/styled/autocomplete/autocomplete-pt')),
136140
'filePath': 'demo/styled/autocomplete/autocomplete-pt.tsx',
@@ -139,10 +143,6 @@ export const Store: Record<string, Record<string, Record<string, { component: Re
139143
'component': React.lazy(() => import('demo/styled/autocomplete/basic-demo')),
140144
'filePath': 'demo/styled/autocomplete/basic-demo.tsx',
141145
},
142-
'checkmark-demo': {
143-
'component': React.lazy(() => import('demo/styled/autocomplete/checkmark-demo')),
144-
'filePath': 'demo/styled/autocomplete/checkmark-demo.tsx',
145-
},
146146
'chip-demo': {
147147
'component': React.lazy(() => import('demo/styled/autocomplete/chip-demo')),
148148
'filePath': 'demo/styled/autocomplete/chip-demo.tsx',
@@ -151,14 +151,14 @@ export const Store: Record<string, Record<string, Record<string, { component: Re
151151
'component': React.lazy(() => import('demo/styled/autocomplete/clear-icon-demo')),
152152
'filePath': 'demo/styled/autocomplete/clear-icon-demo.tsx',
153153
},
154+
'custom-group-demo': {
155+
'component': React.lazy(() => import('demo/styled/autocomplete/custom-group-demo')),
156+
'filePath': 'demo/styled/autocomplete/custom-group-demo.tsx',
157+
},
154158
'disabled-demo': {
155159
'component': React.lazy(() => import('demo/styled/autocomplete/disabled-demo')),
156160
'filePath': 'demo/styled/autocomplete/disabled-demo.tsx',
157161
},
158-
'dropdown-demo': {
159-
'component': React.lazy(() => import('demo/styled/autocomplete/dropdown-demo')),
160-
'filePath': 'demo/styled/autocomplete/dropdown-demo.tsx',
161-
},
162162
'filled-demo': {
163163
'component': React.lazy(() => import('demo/styled/autocomplete/filled-demo')),
164164
'filePath': 'demo/styled/autocomplete/filled-demo.tsx',
@@ -171,6 +171,10 @@ export const Store: Record<string, Record<string, Record<string, { component: Re
171171
'component': React.lazy(() => import('demo/styled/autocomplete/fluid-demo')),
172172
'filePath': 'demo/styled/autocomplete/fluid-demo.tsx',
173173
},
174+
'focus-behavior-demo': {
175+
'component': React.lazy(() => import('demo/styled/autocomplete/focus-behavior-demo')),
176+
'filePath': 'demo/styled/autocomplete/focus-behavior-demo.tsx',
177+
},
174178
'forceselection-demo': {
175179
'component': React.lazy(() => import('demo/styled/autocomplete/forceselection-demo')),
176180
'filePath': 'demo/styled/autocomplete/forceselection-demo.tsx',
@@ -199,6 +203,10 @@ export const Store: Record<string, Record<string, Record<string, { component: Re
199203
'component': React.lazy(() => import('demo/styled/autocomplete/sizes-demo')),
200204
'filePath': 'demo/styled/autocomplete/sizes-demo.tsx',
201205
},
206+
'trigger-demo': {
207+
'component': React.lazy(() => import('demo/styled/autocomplete/trigger-demo')),
208+
'filePath': 'demo/styled/autocomplete/trigger-demo.tsx',
209+
},
202210
},
203211
'avatar': {
204212
'avatar-pt': {
@@ -1679,6 +1687,10 @@ export const Store: Record<string, Record<string, Record<string, { component: Re
16791687
'component': React.lazy(() => import('demo/styled/radiobutton/group-demo')),
16801688
'filePath': 'demo/styled/radiobutton/group-demo.tsx',
16811689
},
1690+
'indicator-demo': {
1691+
'component': React.lazy(() => import('demo/styled/radiobutton/indicator-demo')),
1692+
'filePath': 'demo/styled/radiobutton/indicator-demo.tsx',
1693+
},
16821694
'invalid-demo': {
16831695
'component': React.lazy(() => import('demo/styled/radiobutton/invalid-demo')),
16841696
'filePath': 'demo/styled/radiobutton/invalid-demo.tsx',

‎apps/showcase/app/(app)/(landing)/components/cards/design-tool.tsx‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ export function DesignToolCard({ className, ...props }: React.ComponentProps<'di
4040
const centerX = rect.left + rect.width / 2;
4141
const centerY = rect.top + rect.height / 2;
4242
const startAngle = Math.atan2(e.clientY - centerY, e.clientX - centerX) * (180 / Math.PI);
43+
4344
rotateRef.current = { centerX, centerY, startAngle, startRotation: rotation };
4445
};
4546

@@ -48,17 +49,24 @@ export function DesignToolCard({ className, ...props }: React.ComponentProps<'di
4849
const { centerX, centerY, startAngle, startRotation } = rotateRef.current;
4950
const angle = Math.atan2(e.clientY - centerY, e.clientX - centerX) * (180 / Math.PI);
5051
const delta = angle - startAngle;
52+
5153
setRotation(Math.round(((((startRotation + delta) % 360) + 360) % 360) * 10) / 10);
54+
5255
return;
5356
}
57+
5458
if (!dragRef.current) return;
59+
5560
const { startX, startY, startW, startH, handle } = dragRef.current;
5661
const dx = e.clientX - startX;
5762
const dy = e.clientY - startY;
5863

5964
if (handle.includes('right')) setWidth(Math.min(MAX_WIDTH, Math.max(MIN_WIDTH, startW + dx)));
65+
6066
if (handle.includes('left')) setWidth(Math.min(MAX_WIDTH, Math.max(MIN_WIDTH, startW - dx)));
67+
6168
if (handle.includes('bottom')) setHeight(Math.min(MAX_HEIGHT, Math.max(MIN_HEIGHT, startH + dy)));
69+
6270
if (handle.includes('top')) setHeight(Math.min(MAX_HEIGHT, Math.max(MIN_HEIGHT, startH - dy)));
6371
};
6472

‎apps/showcase/app/(app)/(landing)/components/cards/property-filter.tsx‎

Lines changed: 8 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -68,21 +68,18 @@ export function PropertyFilterCard({ className, ...props }: React.ComponentProps
6868
<label htmlFor="price-max-val" className="text-sm text-color font-medium">
6969
Max Value
7070
</label>
71-
<InputNumber
72-
fluid
73-
value={priceRange[1]}
74-
onValueChange={(e: InputNumberValueChangeEvent) => setPriceRange([priceRange[0], e.value])}
75-
id="price-max-val"
76-
mode="currency"
77-
currency="USD"
78-
locale="en-US"
79-
className="*:w-full mt-2"
80-
/>
71+
<InputNumber fluid value={priceRange[1]} onValueChange={(e: InputNumberValueChangeEvent) => setPriceRange([priceRange[0], e.value])} id="price-max-val" mode="currency" currency="USD" locale="en-US" className="*:w-full mt-2" />
8172
</div>
8273
</div>
8374
<div>
8475
<label className="text-sm text-color font-medium block">Availability</label>
85-
<DatePicker.Root value={dateRange} selectionMode="range" manualInput={false} onValueChange={(e: DatePickerRootValueChangeEvent) => setDateRange(Array.isArray(e.value) ? (e.value as (Date | null)[]) : null)} className="mt-2 w-full">
76+
<DatePicker.Root
77+
value={dateRange}
78+
selectionMode="range"
79+
manualInput={false}
80+
onValueChange={(e: DatePickerRootValueChangeEvent) => setDateRange(Array.isArray(e.value) ? (e.value as (Date | null)[]) : null)}
81+
className="mt-2 w-full"
82+
>
8683
<IconField.Root className="w-full!">
8784
<IconField.Inset>
8885
<Calendar />

‎apps/showcase/app/(app)/(landing)/components/demos/component-cloud.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,9 +38,11 @@ export function ComponentCloud() {
3838

3939
for (let i = 0; i < swapCount && active.length > 0 && inactive.length > 0; i++) {
4040
const removeIdx = Math.floor(Math.random() * active.length);
41+
4142
next.delete(active.splice(removeIdx, 1)[0]);
4243

4344
const addIdx = Math.floor(Math.random() * inactive.length);
45+
4446
next.add(inactive.splice(addIdx, 1)[0]);
4547
}
4648

‎apps/showcase/app/(app)/(landing)/components/demos/composable-stack.tsx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ async function highlightOnce(code: string, ranges: typeof sectionRanges) {
2222
node.properties['data-line'] = '';
2323

2424
const section = ranges.find((r) => lineNum >= r.start && lineNum <= r.end);
25+
2526
if (section) node.properties[`data-s-${section.id}`] = '';
2627
}
2728
}
@@ -134,17 +135,21 @@ export function ComposableStack() {
134135

135136
useEffect(() => {
136137
const wrapper = wrapperRef.current;
138+
137139
if (!wrapper || !html) return;
138140

139141
if (Object.keys(offsetsRef.current).length === 0) {
140142
const lines = wrapper.querySelectorAll<HTMLElement>('[data-line]');
143+
141144
for (const range of sectionRanges) {
142145
const first = lines[range.start - 1];
146+
143147
if (first) offsetsRef.current[range.id] = first.offsetTop - 8;
144148
}
145149
}
146150

147151
const offset = offsetsRef.current[active] ?? 0;
152+
148153
wrapper.style.setProperty('--stack-offset', `-${offset}px`);
149154
wrapper.dataset.active = active;
150155

‎apps/showcase/app/layout.tsx‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -52,12 +52,7 @@ export default async function RootLayout({
5252
};
5353

5454
return (
55-
<html
56-
lang="en"
57-
className={`${geistMono.variable}${isDarkTheme ? ' p-dark' : ''}`}
58-
style={{ '--logo-color': primary === 'noir' ? 'var(--text-secondary-color)' : 'var(--primary-color)' } as React.CSSProperties}
59-
suppressHydrationWarning
60-
>
55+
<html lang="en" className={`${geistMono.variable}${isDarkTheme ? ' p-dark' : ''}`} style={{ '--logo-color': primary === 'noir' ? 'var(--text-secondary-color)' : 'var(--primary-color)' } as React.CSSProperties} suppressHydrationWarning>
6156
<head>
6257
<link rel="preconnect" href="https://rsms.me/" />
6358
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />

‎apps/showcase/demo/styled/menu/menubar-demo.tsx‎

Lines changed: 4 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -73,11 +73,7 @@ export default function MenubarDemo() {
7373
role="menubar"
7474
onMouseLeave={() => setOpenMenuIndex(null)}
7575
>
76-
<Menu.Root
77-
className="w-64"
78-
open={openMenuIndex === 0}
79-
onOpenChange={handleMenuOpenChange(0)}
80-
>
76+
<Menu.Root className="w-64" open={openMenuIndex === 0} onOpenChange={handleMenuOpenChange(0)}>
8177
<Menu.Trigger
8278
ref={(el: HTMLButtonElement | null) => {
8379
triggerRefs.current[0] = el;
@@ -126,10 +122,7 @@ export default function MenubarDemo() {
126122
</Menu.Portal>
127123
</Menu.Root>
128124

129-
<Menu.Root
130-
open={openMenuIndex === 1}
131-
onOpenChange={handleMenuOpenChange(1)}
132-
>
125+
<Menu.Root open={openMenuIndex === 1} onOpenChange={handleMenuOpenChange(1)}>
133126
<Menu.Trigger
134127
ref={(el: HTMLButtonElement | null) => {
135128
triggerRefs.current[1] = el;
@@ -178,10 +171,7 @@ export default function MenubarDemo() {
178171
</Menu.Portal>
179172
</Menu.Root>
180173

181-
<Menu.Root
182-
open={openMenuIndex === 2}
183-
onOpenChange={handleMenuOpenChange(2)}
184-
>
174+
<Menu.Root open={openMenuIndex === 2} onOpenChange={handleMenuOpenChange(2)}>
185175
<Menu.Trigger
186176
ref={(el: HTMLButtonElement | null) => {
187177
triggerRefs.current[2] = el;
@@ -225,10 +215,7 @@ export default function MenubarDemo() {
225215
</Menu.Portal>
226216
</Menu.Root>
227217

228-
<Menu.Root
229-
open={openMenuIndex === 3}
230-
onOpenChange={handleMenuOpenChange(3)}
231-
>
218+
<Menu.Root open={openMenuIndex === 3} onOpenChange={handleMenuOpenChange(3)}>
232219
<Menu.Trigger
233220
ref={(el: HTMLButtonElement | null) => {
234221
triggerRefs.current[3] = el;

‎apps/showcase/demo/styled/tooltip/with-togglebutton-demo.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@ const content = [
2828

2929
export default function WithToggleButtonDemo() {
3030
return null;
31+
3132
return (
3233
<div className="flex items-center justify-center">
3334
<Tooltip.Manager>

‎apps/showcase/demo/tailwind/breadcrumb/ellipsis-demo.tsx‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,12 @@
1-
import { Breadcrumb, BreadcrumbCurrent, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator } from '@/components/ui/breadcrumb';
1+
import {
2+
Breadcrumb,
3+
BreadcrumbCurrent,
4+
BreadcrumbEllipsis,
5+
BreadcrumbItem,
6+
BreadcrumbLink,
7+
BreadcrumbList,
8+
BreadcrumbSeparator
9+
} from '@/components/ui/breadcrumb';
210

311
export default function EllipsisDemo() {
412
return (

‎apps/showcase/demo/tailwind/dialog/position-demo.tsx‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,16 @@ import { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowU
33
import { Times } from '@primeicons/react/times';
44
import { DialogRootChangeEvent, DialogRootProps } from '@primereact/types/shared/dialog';
55
import { Button } from '@/components/ui/button';
6-
import { Dialog, DialogBackdrop, DialogClose, DialogContent, DialogHeader, DialogHeaderActions, DialogPortal, DialogTitle } from '@/components/ui/dialog';
6+
import {
7+
Dialog,
8+
DialogBackdrop,
9+
DialogClose,
10+
DialogContent,
11+
DialogHeader,
12+
DialogHeaderActions,
13+
DialogPortal,
14+
DialogTitle
15+
} from '@/components/ui/dialog';
716
import { InputText } from '@/components/ui/inputtext';
817
import { Label } from '@/components/ui/label';
918
import * as React from 'react';

0 commit comments

Comments
 (0)