ugly fix for ct-kanban: use any instead of unknown. really this should get a proper schema

Author: seefeldb

packages/ui/src/v2/components/ct-kanban/ct-kanban.ts

@@ -53,7 +53,7 @@ export interface KanbanItemAction {
  * Drag and drop state tracking
  */
 interface DragState {
-  draggedItem: Cell<unknown> | null;
+  draggedItem: Cell<any> | null;
   draggedFromColumn: string | null;
   dragOverColumn: string | null;
   isDragging: boolean;
@@ -89,7 +89,7 @@ interface DragState {
  */
 export class CTKanban extends BaseElement {
   @property()
-  value: Cell<unknown[]> | null = null;
+  value: Cell<any[]> | null = null;
 
   @property()
   override title: string = "";
@@ -113,7 +113,7 @@ export class CTKanban extends BaseElement {
   itemAction: KanbanItemAction | null = { type: "remove" };
 
   // The main cell containing the array of charms
-  private charmsCell: Cell<unknown[]> | null = null;
+  private charmsCell: Cell<any[]> | null = null;
   private cellSubscription: (() => void) | null = null;
 
   // Drag and drop state
@@ -451,7 +451,7 @@ export class CTKanban extends BaseElement {
     }
   }
 
-  private getCharmCells(): Cell<unknown>[] {
+  private getCharmCells(): Cell<any>[] {
     if (!this.charmsCell) {
       console.log("[ct-kanban] No charmsCell");
       return [];
@@ -475,7 +475,7 @@ export class CTKanban extends BaseElement {
     return charmCells;
   }
 
-  private setValue(newValue: unknown[]): void {
+  private setValue(newValue: any[]): void {
     if (this.charmsCell) {
       this.charmsCell.set(newValue);
     }
@@ -485,7 +485,7 @@ export class CTKanban extends BaseElement {
    * Get items for a specific column by status
    * Special case: status === 'no-status' returns items with no status
    */
-  getColumnItems(status: string): Cell<unknown>[] {
+  getColumnItems(status: string): Cell<any>[] {
     console.log(`[ct-kanban] Getting items for status: ${status}`);
     const charmCells = this.getCharmCells();
     console.log(`[ct-kanban] Have ${charmCells.length} charm cells to filter`);
@@ -590,7 +590,7 @@ export class CTKanban extends BaseElement {
   /**
    * Move an item to a different column (status)
    */
-  moveItem(charmCell: Cell<unknown>, toStatus: string): void {
+  moveItem(charmCell: Cell<any>, toStatus: string): void {
     const charm = charmCell.get();
     if (!charm) return;
 
@@ -629,11 +629,11 @@ export class CTKanban extends BaseElement {
   /**
    * Update an item's status
    */
-  updateItemStatus(charmCell: Cell<unknown>, newStatus: string): void {
+  updateItemStatus(charmCell: Cell<any>, newStatus: string): void {
     this.moveItem(charmCell, newStatus);
   }
 
-  private removeItem(charmCellToRemove: Cell<unknown>): void {
+  private removeItem(charmCellToRemove: Cell<any>): void {
     if (!this.charmsCell) return;
 
     const charms = this.charmsCell.get();
@@ -642,7 +642,7 @@ export class CTKanban extends BaseElement {
     this.charmsCell.set(newCharms);
   }
 
-  private handleItemAction(charmCell: Cell<unknown>, event: MouseEvent) {
+  private handleItemAction(charmCell: Cell<any>, event: MouseEvent) {
     event.stopPropagation();
 
     if (!this.itemAction) return;
@@ -664,7 +664,7 @@ export class CTKanban extends BaseElement {
   }
 
   // Drag and Drop Implementation
-  private handleMouseDown(charmCell: Cell<unknown>, event: MouseEvent) {
+  private handleMouseDown(charmCell: Cell<any>, event: MouseEvent) {
     if (this.readonly || event.button !== 0) return;
 
     event.preventDefault();
@@ -758,7 +758,7 @@ export class CTKanban extends BaseElement {
       this.dragState.dragOverColumn !== this.dragState.draggedFromColumn
     ) {
       this.moveItem(
-        this.dragState.draggedItem as Cell<unknown>,
+        this.dragState.draggedItem as Cell<any>,
         this.dragState.dragOverColumn,
       );
     }
@@ -851,7 +851,7 @@ export class CTKanban extends BaseElement {
     `;
   }
 
-  private renderColumn(column: KanbanColumn, allItems: Cell<unknown>[]) {
+  private renderColumn(column: KanbanColumn, allItems: Cell<any>[]) {
     const columnItems = this.getColumnItems(column.status);
     const isDragOver = this.dragState.dragOverColumn === column.status;
     const isMaxReached = column.maxItems &&
@@ -905,7 +905,7 @@ export class CTKanban extends BaseElement {
     `;
   }
 
-  private renderItem(charmCell: Cell<unknown>) {
+  private renderItem(charmCell: Cell<any>) {
     const isDragging = this.dragState.draggedItem === charmCell;
 
     return html`
@@ -939,7 +939,7 @@ export class CTKanban extends BaseElement {
     `;
   }
 
-  private renderItemMetadata(charmCell: Cell<unknown>) {
+  private renderItemMetadata(charmCell: Cell<any>) {
     const charm = charmCell.get();
     const hasStatusBadge = charm.statusBadge || charm.status;
     const hasSubtasks = charm.subtaskCount ||
@@ -956,7 +956,7 @@ export class CTKanban extends BaseElement {
     `;
   }
 
-  private renderStatusBadge(charmCell: Cell<unknown>) {
+  private renderStatusBadge(charmCell: Cell<any>) {
     const charm = charmCell.get();
     const status = charm.status || "no-status";
     const badge = charm.statusBadge || {
@@ -976,7 +976,7 @@ export class CTKanban extends BaseElement {
     `;
   }
 
-  private renderSubtaskBadge(charmCell: Cell<unknown>) {
+  private renderSubtaskBadge(charmCell: Cell<any>) {
     const charm = charmCell.get();
     const subtaskCount = charm.subtaskCount ||
       (charm.items ? charm.items.length : 0);