import { Droppable } from "@hello-pangea/dnd"; //types import { TGroupedIssues, TIssue, IIssueDisplayProperties, IIssueMap, TSubGroupedIssues, TUnGroupedIssues, } from "@plane/types"; import { EIssueActions } from "../types"; //components import { KanBanQuickAddIssueForm, KanbanIssueBlocksList } from "."; interface IKanbanGroup { groupId: string; issuesMap: IIssueMap; issueIds: TGroupedIssues | TSubGroupedIssues | TUnGroupedIssues; displayProperties: IIssueDisplayProperties | undefined; sub_group_by: string | null; group_by: string | null; sub_group_id: string; isDragDisabled: boolean; handleIssues: (issue: TIssue, action: EIssueActions) => void; quickActions: (issue: TIssue, customActionButton?: React.ReactElement) => React.ReactNode; enableQuickIssueCreate?: boolean; quickAddCallback?: ( workspaceSlug: string, projectId: string, data: TIssue, viewId?: string ) => Promise; viewId?: string; disableIssueCreation?: boolean; canEditProperties: (projectId: string | undefined) => boolean; verticalPosition: any; } export const KanbanGroup = (props: IKanbanGroup) => { const { groupId, sub_group_id, group_by, sub_group_by, issuesMap, displayProperties, verticalPosition, issueIds, isDragDisabled, handleIssues, quickActions, canEditProperties, enableQuickIssueCreate, disableIssueCreation, quickAddCallback, viewId, } = props; return (
{(provided: any, snapshot: any) => (
{!verticalPosition ? ( ) : null} {provided.placeholder}
)}
{enableQuickIssueCreate && !disableIssueCreation && ( )}
); };