@moontra/moonui-pro 2.13.0 → 2.14.0

package/src/components/kanban/types.ts

@@ -108,4 +108,61 @@ export interface KanbanProps {
   disabled?: boolean
   labels?: KanbanLabel[]
   users?: KanbanAssignee[]
+  
+  // Card Render Customization
+  renderCard?: (card: KanbanCard, column: KanbanColumn, provided: any) => React.ReactNode
+  renderCardPreview?: (card: KanbanCard) => React.ReactNode
+  renderCardBadge?: (card: KanbanCard) => React.ReactNode
+  renderCardActions?: (card: KanbanCard) => React.ReactNode
+  cardCompactMode?: boolean
+  cardShowCoverImage?: boolean
+  cardShowAssignees?: boolean
+  cardShowLabels?: boolean
+  cardShowProgress?: boolean
+  cardDateFormat?: string
+  cardMaxAssigneesToShow?: number
+  
+  // Add Card Customization
+  renderAddCardButton?: (columnId: string) => React.ReactNode
+  renderAddCardForm?: (columnId: string, onAdd: (card: Partial<KanbanCard>) => void, onCancel: () => void) => React.ReactNode
+  addCardButtonText?: string | ((columnId: string) => string)
+  addCardPosition?: 'top' | 'bottom'
+  allowQuickAdd?: boolean
+  quickAddFields?: ('title' | 'description' | 'assignee' | 'priority')[]
+  validateCard?: (card: Partial<KanbanCard>) => { valid: boolean; errors?: string[] }
+  onBeforeCardAdd?: (card: Partial<KanbanCard>) => Partial<KanbanCard> | false
+  
+  // Column Customization
+  renderColumnHeader?: (column: KanbanColumn) => React.ReactNode
+  renderColumnFooter?: (column: KanbanColumn) => React.ReactNode
+  renderEmptyColumn?: (column: KanbanColumn) => React.ReactNode
+  columnMenuActions?: Array<{
+    label: string
+    icon?: React.ReactNode
+    action: (column: KanbanColumn) => void
+    visible?: (column: KanbanColumn) => boolean
+  }>
+  allowColumnReorder?: boolean
+  columnColorOptions?: string[]
+  columnDefaultColor?: string
+  
+  // Drag & Drop Enhancement
+  dragDisabled?: boolean | ((card: KanbanCard) => boolean)
+  dropDisabled?: boolean | ((column: KanbanColumn) => boolean)
+  dragPreview?: 'card' | 'compact' | 'custom'
+  renderDragPreview?: (card: KanbanCard) => React.ReactNode
+  canDrop?: (card: KanbanCard, targetColumn: KanbanColumn, position: number) => boolean
+  onDragStart?: (card: KanbanCard, column: KanbanColumn) => void
+  onDragEnd?: (card: KanbanCard, column: KanbanColumn) => void
+  
+  // UI/UX Customization
+  theme?: 'default' | 'compact' | 'modern' | 'minimal'
+  cardVariant?: 'default' | 'bordered' | 'elevated' | 'flat'
+  enableAnimations?: boolean
+  animationDuration?: number
+  columnWidth?: number | 'auto'
+  columnGap?: number
+  cardGap?: number
+  showTooltips?: boolean
+  tooltipDelay?: number
 }