From b182ef6037491180c637eca42c924a9cb3525697 Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Mon, 11 May 2026 08:48:32 +0200
Subject: [PATCH] feat: enable sorting and filtering on CPNP No. column in
 Cosmetic Items tab

---
 src/components/CosmeticItemsView.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/CosmeticItemsView.tsx b/src/components/CosmeticItemsView.tsx
index 78ca0fc..9148ca4 100644
--- a/src/components/CosmeticItemsView.tsx
+++ b/src/components/CosmeticItemsView.tsx
@@ -54,7 +54,7 @@ export function CosmeticItemsView({ data, headers, onSaveRow, onCaptureState, ro
   }, [data, COLUMNS]);
 
   const getUniqueValues = (col: number): string[] =>
-    Array.from(columnUniqueValues[col] ?? []).sort();
+    Array.from(columnUniqueValues[col] as Set<string> ?? []).sort();
 
   const filteredData = useMemo(() => {
     let result = data.map((row, index) => ({ row, index }));
@@ -190,18 +190,17 @@ export function CosmeticItemsView({ data, headers, onSaveRow, onCaptureState, ro
                     >
                       <div
                         className="flex items-center gap-1 cursor-pointer select-none hover:text-white"
-                        onClick={() => !isCpnp && handleSort(col)}
+                        onClick={() => handleSort(col)}
                       >
                         {label}
-                        {!isCpnp && sortCol === col && (
+                        {sortCol === col && (
                           sortDesc ? <ChevronDown className="w-3 h-3" /> : <ChevronUp className="w-3 h-3" />
                         )}
                         {isCpnp && (
                           <span className="ml-1 text-[9px] text-indigo-400 font-normal">(editable)</span>
                         )}
                       </div>
-                      {!isCpnp && (
-                        <div className="mt-1 relative">
+                      <div className="mt-1 relative">
                           <button
                             id={`cosmetic-filter-trigger-${col}`}
                             onClick={(e) => { e.stopPropagation(); setOpenFilter(openFilter === col ? null : col); }}
@@ -231,7 +230,6 @@ export function CosmeticItemsView({ data, headers, onSaveRow, onCaptureState, ro
                             />
                           )}
                         </div>
-                      )}
                     </th>
                   );
                 })}