revert fb8e77bb68

revert style: clean up code with prettier and eslint

src/app/admin/catalog/[id]/catalog-items-table/field-helpers.tsx

@@ -1,8 +1,8 @@
-"use client";
+'use client'
 
-import { Check, ChevronsUpDown, Star } from "lucide-react";
-import { useMemo, useState } from "react";
-import { Button } from "@/components/ui/button";
+import { Check, ChevronsUpDown, Star } from 'lucide-react'
+import { useMemo, useState } from 'react'
+import { Button } from '@/components/ui/button'
 import {
   Command,
   CommandEmpty,
@@ -10,11 +10,11 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from "@/components/ui/command";
-import { Label } from "@/components/ui/label";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-import { Switch } from "@/components/ui/switch";
-import { cn } from "@/lib/utils";
+} from '@/components/ui/command'
+import { Label } from '@/components/ui/label'
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
+import { Switch } from '@/components/ui/switch'
+import { cn } from '@/lib/utils'
 
 // ── Toggle field ──────────────────────────────────────────────
 
@@ -25,21 +25,21 @@ export function ToggleField({
   onChange,
   disabled,
 }: {
-  label: string;
+  label: string
   /** Boolean checked state */
-  checked?: boolean;
+  checked?: boolean
   /** Number or string (0/1 or '0'/'1') — converted to boolean automatically */
-  value?: number | string;
-  onChange: (v: boolean) => void;
-  disabled?: boolean;
+  value?: number | string
+  onChange: (v: boolean) => void
+  disabled?: boolean
 }) {
-  const isChecked = checked ?? (value === 1 || value === "1");
+  const isChecked = checked ?? (value === 1 || value === '1')
   return (
     <div className="flex items-center justify-between gap-2">
       <Label className="text-xs">{label}</Label>
       <Switch checked={isChecked} onCheckedChange={onChange} disabled={disabled} size="sm" />
     </div>
-  );
+  )
 }
 
 // ── Interaction Type Combobox ──────────────────────────────────
@@ -50,19 +50,19 @@ export function InteractionTypeCombobox({
   types,
   disabled,
 }: {
-  value: string;
-  onChange: (v: string) => void;
-  types: string[];
-  disabled?: boolean;
+  value: string
+  onChange: (v: string) => void
+  types: string[]
+  disabled?: boolean
 }) {
-  const [open, setOpen] = useState(false);
-  const [inputValue, setInputValue] = useState("");
+  const [open, setOpen] = useState(false)
+  const [inputValue, setInputValue] = useState('')
 
   const filtered = useMemo(() => {
-    if (!inputValue.trim()) return types.slice(0, 50);
-    const q = inputValue.toLowerCase();
-    return types.filter((t) => t.toLowerCase().includes(q)).slice(0, 50);
-  }, [types, inputValue]);
+    if (!inputValue.trim()) return types.slice(0, 50)
+    const q = inputValue.toLowerCase()
+    return types.filter((t) => t.toLowerCase().includes(q)).slice(0, 50)
+  }, [types, inputValue])
 
   return (
     <Popover open={open} onOpenChange={setOpen}>
@@ -74,7 +74,7 @@ export function InteractionTypeCombobox({
           disabled={disabled}
           className="w-full justify-between font-normal h-8 text-sm"
         >
-          <span className="truncate">{value || "Select type..."}</span>
+          <span className="truncate">{value || 'Select type...'}</span>
           <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
         </Button>
       </PopoverTrigger>
@@ -92,15 +92,15 @@ export function InteractionTypeCombobox({
                   type="button"
                   className="w-full px-2 py-1.5 text-left text-sm hover:bg-accent rounded"
                   onClick={() => {
-                    onChange(inputValue.trim());
-                    setOpen(false);
-                    setInputValue("");
+                    onChange(inputValue.trim())
+                    setOpen(false)
+                    setInputValue('')
                   }}
                 >
                   Use &quot;{inputValue.trim()}&quot;
                 </button>
               ) : (
-                "No types found."
+                'No types found.'
               )}
             </CommandEmpty>
             <CommandGroup>
@@ -109,12 +109,14 @@ export function InteractionTypeCombobox({
                   key={t}
                   value={t}
                   onSelect={() => {
-                    onChange(t);
-                    setOpen(false);
-                    setInputValue("");
+                    onChange(t)
+                    setOpen(false)
+                    setInputValue('')
                   }}
                 >
-                  <Check className={cn("mr-2 h-4 w-4", value === t ? "opacity-100" : "opacity-0")} />
+                  <Check
+                    className={cn('mr-2 h-4 w-4', value === t ? 'opacity-100' : 'opacity-0')}
+                  />
                   <span className="truncate">{t}</span>
                 </CommandItem>
               ))}
@@ -123,7 +125,7 @@ export function InteractionTypeCombobox({
         </Command>
       </PopoverContent>
     </Popover>
-  );
+  )
 }
 
 // ── Move Page Combobox with smart suggestions ─────────────────
@@ -135,32 +137,35 @@ export function MovePageCombobox({
   currentPageId,
   suggestedPageIds,
 }: {
-  value: number | null;
-  onChange: (id: number | null) => void;
-  pages: { id: number; caption: string }[];
-  currentPageId: number;
+  value: number | null
+  onChange: (id: number | null) => void
+  pages: { id: number; caption: string }[]
+  currentPageId: number
   /** Page IDs to show first as suggestions (from move-suggestions.ts) */
-  suggestedPageIds?: number[];
+  suggestedPageIds?: number[]
 }) {
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(false)
 
-  const options = useMemo(() => pages.filter((p) => p.id !== currentPageId), [pages, currentPageId]);
+  const options = useMemo(() => pages.filter((p) => p.id !== currentPageId), [pages, currentPageId])
 
-  const selectedPage = value ? pages.find((p) => p.id === value) : null;
+  const selectedPage = value ? pages.find((p) => p.id === value) : null
 
   // Build suggested pages list
   const suggested = useMemo(() => {
-    if (!suggestedPageIds?.length) return [];
-    const pageMap = new Map(options.map((p) => [p.id, p]));
+    if (!suggestedPageIds?.length) return []
+    const pageMap = new Map(options.map((p) => [p.id, p]))
     return suggestedPageIds.map((id) => pageMap.get(id)).filter(Boolean) as {
-      id: number;
-      caption: string;
-    }[];
-  }, [suggestedPageIds, options]);
+      id: number
+      caption: string
+    }[]
+  }, [suggestedPageIds, options])
 
   // Non-suggested pages (exclude those already in suggestions)
-  const suggestedSet = useMemo(() => new Set(suggested.map((s) => s.id)), [suggested]);
-  const remaining = useMemo(() => options.filter((p) => !suggestedSet.has(p.id)), [options, suggestedSet]);
+  const suggestedSet = useMemo(() => new Set(suggested.map((s) => s.id)), [suggested])
+  const remaining = useMemo(
+    () => options.filter((p) => !suggestedSet.has(p.id)),
+    [options, suggestedSet],
+  )
 
   return (
     <Popover open={open} onOpenChange={setOpen}>
@@ -173,7 +178,9 @@ export function MovePageCombobox({
         >
           {selectedPage ? (
             <span className="truncate">
-              <span className="text-muted-foreground font-mono text-xs mr-1.5">#{selectedPage.id}</span>
+              <span className="text-muted-foreground font-mono text-xs mr-1.5">
+                #{selectedPage.id}
+              </span>
               {selectedPage.caption}
             </span>
           ) : (
@@ -196,13 +203,20 @@ export function MovePageCombobox({
                     key={`s-${page.id}`}
                     value={`${page.id} ${page.caption}`}
                     onSelect={() => {
-                      onChange(page.id);
-                      setOpen(false);
+                      onChange(page.id)
+                      setOpen(false)
                     }}
                   >
-                    <Check className={cn("mr-2 h-4 w-4", value === page.id ? "opacity-100" : "opacity-0")} />
+                    <Check
+                      className={cn(
+                        'mr-2 h-4 w-4',
+                        value === page.id ? 'opacity-100' : 'opacity-0',
+                      )}
+                    />
                     <Star className="mr-1.5 h-3 w-3 text-[var(--admin-warning)]" />
-                    <span className="text-muted-foreground font-mono text-xs mr-1.5">#{page.id}</span>
+                    <span className="text-muted-foreground font-mono text-xs mr-1.5">
+                      #{page.id}
+                    </span>
                     <span className="truncate">{page.caption}</span>
                   </CommandItem>
                 ))}
@@ -210,17 +224,19 @@ export function MovePageCombobox({
             )}
 
             {/* All pages */}
-            <CommandGroup heading={suggested.length > 0 ? "All pages" : undefined}>
+            <CommandGroup heading={suggested.length > 0 ? 'All pages' : undefined}>
               {remaining.map((page) => (
                 <CommandItem
                   key={page.id}
                   value={`${page.id} ${page.caption}`}
                   onSelect={() => {
-                    onChange(page.id);
-                    setOpen(false);
+                    onChange(page.id)
+                    setOpen(false)
                   }}
                 >
-                  <Check className={cn("mr-2 h-4 w-4", value === page.id ? "opacity-100" : "opacity-0")} />
+                  <Check
+                    className={cn('mr-2 h-4 w-4', value === page.id ? 'opacity-100' : 'opacity-0')}
+                  />
                   <span className="text-muted-foreground font-mono text-xs mr-1.5">#{page.id}</span>
                   <span className="truncate">{page.caption}</span>
                 </CommandItem>
@@ -230,5 +246,5 @@ export function MovePageCombobox({
         </Command>
       </PopoverContent>
     </Popover>
-  );
+  )
 }