@gostack-framework/ui 0.0.0-stage → 0.1.0

package/dist/clickup/toolbar/TaskToolbar.d.ts

@@ -0,0 +1,20 @@
+import "../task-ui.css";
+import React from "react";
+import { ClickUpStatus, ClickUpPhase } from "../types";
+export interface TaskToolbarProps {
+    searchQuery: string;
+    onSearchChange: (query: string) => void;
+    statusFilter?: string;
+    onStatusFilterChange?: (statusId: string) => void;
+    statuses?: ClickUpStatus[];
+    phaseFilter?: string;
+    onPhaseFilterChange?: (phaseId: string) => void;
+    phases?: ClickUpPhase[];
+    onClearFilters?: () => void;
+    onAddTask?: () => void;
+    canEdit?: boolean;
+    className?: string;
+    actions?: React.ReactNode;
+}
+export declare const TaskToolbar: React.FC<TaskToolbarProps>;
+export default TaskToolbar;

package/dist/clickup/toolbar/TaskToolbar.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WorkspaceSelect } from "../common/WorkspaceSelect.js";
+import { useTranslation } from "react-i18next";
+import { TaskIcon } from "../common/TaskIcon.js";
+import "../task-ui.css";
+import { cn } from "../../support/utils.js";
+import { Button } from "../../components/button.js";
+import { Input } from "../../components/input.js";
+import { ThemedText } from "../../components/ThemedText.js";
+export const TaskToolbar = ({ searchQuery, onSearchChange, statusFilter = "", onStatusFilterChange, statuses = [], phaseFilter = "", onPhaseFilterChange, phases = [], onClearFilters, onAddTask, canEdit = true, className, actions, }) => {
+    const { t } = useTranslation("designSystem");
+    const hasActiveFilters = Boolean(searchQuery || statusFilter || phaseFilter);
+    return (_jsxs("div", { className: cn("cu-task-toolbar", className), children: [statuses.length > 0 && onStatusFilterChange && (_jsxs(WorkspaceSelect, { id: "task-toolbar-status-filter", "aria-label": t("clickup.Filter_by_status"), value: statusFilter, onChange: (e) => onStatusFilterChange(e.target.value), children: [_jsx("option", { value: "", children: t("clickup.All_statuses") }), statuses.map((status) => (_jsx("option", { value: status.id, children: status.label }, status.id)))] })), phases.length > 0 && onPhaseFilterChange && (_jsxs(WorkspaceSelect, { id: "task-toolbar-phase-filter", "aria-label": t("clickup.Filter_by_phase"), value: phaseFilter, onChange: (e) => onPhaseFilterChange(e.target.value), children: [_jsx("option", { value: "", children: t("clickup.All_phases") }), phases.map((phase) => (_jsx("option", { value: phase.id, children: phase.name }, phase.id)))] })), _jsxs("div", { className: "cu-task-toolbar-search", children: [_jsx(TaskIcon, { name: "search", className: "size-[13px] text-dashboard-muted-foreground" }), _jsx(Input, { id: "task-toolbar-search", className: "bg-transparent", "aria-label": t("clickup.Search_tasks"), type: "search", placeholder: t("clickup.Search_tasks"), value: searchQuery, onChange: (e) => onSearchChange(e.target.value) })] }), hasActiveFilters && onClearFilters && (_jsx(Button, { variant: "outline", size: "xs", onClick: onClearFilters, className: "cu-task-toolbar-button", children: _jsx(ThemedText, { as: "span", variant: "body", className: "text-[11px] font-normal text-inherit", children: t("clickup.Clear") }) })), actions, onAddTask && (_jsxs(Button, { disabled: !canEdit, onClick: onAddTask, size: "sm", className: "gap-2", children: [_jsx(TaskIcon, { name: "plus", className: "size-[13px]" }), _jsx(ThemedText, { as: "span", variant: "body", className: "text-[12px] font-semibold text-inherit", children: t("clickup.Add_task") })] }))] }));
+};
+export default TaskToolbar;
+//# sourceMappingURL=TaskToolbar.js.map

package/dist/clickup/toolbar/TaskToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskToolbar.js","sourceRoot":"","sources":["../../../src/clickup/toolbar/TaskToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/clickup/toolbar/TaskViewPicker.d.ts

@@ -0,0 +1,8 @@
+import type { ClickUpViewType } from "../types";
+import "../task-ui.css";
+export interface TaskViewPickerProps {
+    onSelect: (type: ClickUpViewType) => void;
+    disabled?: boolean;
+}
+/** Chooses a view type; project naming, persistence and permissions stay with the caller. */
+export declare function TaskViewPicker({ onSelect, disabled }: TaskViewPickerProps): import("react").JSX.Element;

package/dist/clickup/toolbar/TaskViewPicker.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, } from "../../components/dropdown-menu.js";
+import { ThemedText } from "../../components/ThemedText.js";
+import { TaskIcon } from "../common/TaskIcon.js";
+import { WorkspaceButton } from "../common/WorkspaceButton.js";
+import "../task-ui.css";
+const groups = [
+    {
+        label: "Popular",
+        views: [
+            { type: "list", icon: "list" },
+            { type: "board", icon: "board" },
+            { type: "calendar", icon: "calendar" },
+            { type: "gantt", icon: "timeline" },
+        ],
+    },
+    {
+        label: "Data_reporting",
+        views: [
+            { type: "table", icon: "overview" },
+            { type: "activity", icon: "activity" },
+        ],
+    },
+];
+/** Chooses a view type; project naming, persistence and permissions stay with the caller. */
+export function TaskViewPicker({ onSelect, disabled }) {
+    const { t } = useTranslation("designSystem");
+    const [open, setOpen] = useState(false);
+    const [query, setQuery] = useState("");
+    return (_jsxs(DropdownMenu, { open: open, onOpenChange: (value) => {
+            setOpen(value);
+            if (value)
+                setQuery("");
+        }, children: [_jsxs(DropdownMenuTrigger, { disabled: disabled, render: _jsx(WorkspaceButton, { variant: "outline", size: "sm", className: "gap-[5px]" }), children: [_jsx(TaskIcon, { name: "plus", className: "size-[13px]" }), _jsx(ThemedText, { as: "span", variant: "body", className: "text-[11px] font-normal text-inherit", children: t("clickup.View") })] }), _jsxs(DropdownMenuContent, { align: "start", sideOffset: 6, className: "cu-task-view-picker", children: [_jsxs("label", { className: "cu-task-view-search", children: [_jsx("input", { autoFocus: true, type: "search", "aria-label": t("clickup.Find_view"), placeholder: t("clickup.Find_view"), value: query, onKeyDown: (event) => {
+                                    if (!["Escape", "Tab", "ArrowDown", "ArrowUp"].includes(event.key))
+                                        event.stopPropagation();
+                                }, onChange: (event) => setQuery(event.target.value) }), _jsx(TaskIcon, { name: "search" })] }), _jsx("div", { className: "cu-task-view-options", children: groups.map((group) => (_jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuLabel, { children: _jsx(ThemedText, { as: "h3", variant: "caption", className: "cu-task-view-group-label", children: t(`clickup.${group.label}`) }) }), _jsx("div", { className: "grid grid-cols-2 gap-x-3 gap-y-0.5", children: group.views
+                                        .filter((view) => t(`clickup.view_${view.type}`)
+                                        .toLocaleLowerCase()
+                                        .includes(query.toLocaleLowerCase()))
+                                        .map((view) => (_jsxs(DropdownMenuItem, { className: "cu-task-view-option hover:bg-dashboard-secondary", onClick: () => {
+                                            onSelect(view.type);
+                                            setOpen(false);
+                                        }, children: [_jsx("span", { className: "flex size-[23px] items-center justify-center rounded-[5px] bg-dashboard-primary text-dashboard-primary-foreground", children: _jsx(TaskIcon, { name: view.icon }) }), _jsx(ThemedText, { as: "span", variant: "body", className: "text-[12px] leading-[18px] font-semibold text-inherit", children: t(`clickup.view_${view.type}`) })] }, view.type))) })] }, group.label))) }), _jsx(ThemedText, { as: "p", variant: "caption", className: "cu-task-view-picker-foot", children: t("clickup.View_project_scope") })] })] }));
+}
+//# sourceMappingURL=TaskViewPicker.js.map

package/dist/clickup/toolbar/TaskViewPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskViewPicker.js","sourceRoot":"","sources":["../../../src/clickup/toolbar/TaskViewPicker.tsx"],"names":[],"mappings":"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"}

package/dist/clickup/toolbar/TaskViewSwitcher.d.ts

@@ -0,0 +1,21 @@
+import "../task-ui.css";
+import React from "react";
+import { ClickUpViewType, ClickUpViewOption } from "../types";
+export interface TaskViewSwitcherProps {
+    activeView: ClickUpViewType;
+    onViewChange: (view: ClickUpViewType) => void;
+    views?: ClickUpViewOption[];
+    className?: string;
+}
+export declare function TaskViewTabs<Key extends string>({ activeView, onViewChange, views, label, className, renderTab, }: {
+    activeView: Key;
+    onViewChange: (view: Key) => void;
+    views: (Omit<ClickUpViewOption, "key"> & {
+        key: Key;
+    })[];
+    className?: string;
+    label?: string;
+    renderTab?: (key: Key, tab: React.ReactElement) => React.ReactNode;
+}): React.JSX.Element;
+export declare function TaskViewSwitcher({ views, ...props }: TaskViewSwitcherProps): React.JSX.Element;
+export default TaskViewSwitcher;

package/dist/clickup/toolbar/TaskViewSwitcher.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TaskIcon } from "../common/TaskIcon.js";
+import "../task-ui.css";
+import React from "react";
+import { cn } from "../../support/utils.js";
+import { ThemedText } from "../../components/ThemedText.js";
+const DEFAULT_VIEWS = [
+    {
+        key: "list",
+        label: "List",
+        icon: (props) => _jsx(TaskIcon, { name: "list", ...props }),
+    },
+    {
+        key: "board",
+        label: "Board",
+        icon: (props) => _jsx(TaskIcon, { name: "board", ...props }),
+    },
+    {
+        key: "table",
+        label: "Table",
+        icon: (props) => _jsx(TaskIcon, { name: "overview", ...props }),
+    },
+    {
+        key: "gantt",
+        label: "Gantt",
+        icon: (props) => _jsx(TaskIcon, { name: "timeline", ...props }),
+    },
+    {
+        key: "calendar",
+        label: "Calendar",
+        icon: (props) => _jsx(TaskIcon, { name: "calendar", ...props }),
+    },
+    {
+        key: "activity",
+        label: "Activity",
+        icon: (props) => _jsx(TaskIcon, { name: "activity", ...props }),
+    },
+];
+export function TaskViewTabs({ activeView, onViewChange, views, label = "ClickUp Task Views", className, renderTab, }) {
+    return (_jsx("div", { role: "tablist", "aria-label": label, className: cn("cu-task-tabs select-none", className), children: views.map((view) => {
+            const isActive = activeView === view.key;
+            const IconComponent = view.icon;
+            const tab = (_jsxs("button", { role: "tab", "aria-selected": isActive, type: "button", onClick: () => onViewChange(view.key), className: cn("cu-task-tab shrink-0", isActive
+                    ? "border-dashboard-primary text-dashboard-primary font-semibold"
+                    : "border-transparent text-dashboard-muted-foreground hover:text-dashboard-foreground hover:border-dashboard-border"), children: [IconComponent && (_jsx(IconComponent, { className: "size-[13px] shrink-0" })), _jsx(ThemedText, { variant: "caption", as: "span", className: "cu-task-tab-label", children: view.label }), typeof view.count === "number" && (_jsx(ThemedText, { as: "span", variant: "caption", className: cn("text-[10px] px-1.5 py-0.2 rounded-full font-semibold", isActive
+                            ? "bg-dashboard-primary/20 text-dashboard-primary"
+                            : "bg-dashboard-secondary text-dashboard-muted-foreground"), children: view.count }))] }, view.key));
+            return (_jsx(React.Fragment, { children: renderTab ? renderTab(view.key, tab) : tab }, view.key));
+        }) }));
+}
+export function TaskViewSwitcher({ views = DEFAULT_VIEWS, ...props }) {
+    return _jsx(TaskViewTabs, { ...props, views: views });
+}
+export default TaskViewSwitcher;
+//# sourceMappingURL=TaskViewSwitcher.js.map

package/dist/clickup/toolbar/TaskViewSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskViewSwitcher.js","sourceRoot":"","sources":["../../../src/clickup/toolbar/TaskViewSwitcher.tsx"],"names":[],"mappings":"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"}

package/dist/clickup/types.d.ts

@@ -0,0 +1,66 @@
+import React from "react";
+export type ClickUpPriority = "Urgent" | "High" | "Normal" | "Low";
+export interface ClickUpStatus {
+    id: string;
+    label: string;
+    color: string;
+    category?: "not_started" | "active" | "done" | "closed" | "cancelled";
+}
+export interface ClickUpUser {
+    id: string;
+    name: string;
+    avatar?: string;
+    email?: string;
+    color?: string;
+}
+export interface ClickUpPhase {
+    id: string;
+    name: string;
+    color?: string;
+    order?: number;
+}
+export interface ClickUpSprint {
+    id: string;
+    name: string;
+}
+export interface ClickUpTask {
+    id: string;
+    title: string;
+    description?: string;
+    status_id: string;
+    status?: ClickUpStatus;
+    phase_id?: string;
+    phase_name?: string;
+    assignee_id?: string;
+    assignee?: ClickUpUser;
+    due_date?: string;
+    start_date?: string;
+    priority?: ClickUpPriority | string;
+    sprint_id?: string;
+    sprint_name?: string;
+    tags?: string[];
+    points?: number;
+    completed?: boolean;
+    comments_count?: number;
+    created_at?: string;
+    updated_at?: string;
+    [key: string]: any;
+}
+export interface ClickUpComment {
+    id: string;
+    task_id: string;
+    actor_id: string;
+    actor_name: string;
+    actor_avatar?: string;
+    body: string;
+    created_at: string;
+}
+export type ClickUpViewType = "list" | "board" | "table" | "gantt" | "calendar" | "activity";
+export interface ClickUpViewOption {
+    key: ClickUpViewType;
+    label: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    count?: number;
+}

package/dist/clickup/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/clickup/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/clickup/types.ts"],"names":[],"mappings":""}

package/dist/clickup/views/TaskBoardView.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import "../task-ui.css";
+import { ClickUpTask, ClickUpStatus, ClickUpPhase, ClickUpUser } from "../types";
+export interface TaskBoardViewProps {
+    tasks: ClickUpTask[];
+    statuses: ClickUpStatus[];
+    phases?: ClickUpPhase[];
+    users?: ClickUpUser[];
+    canEdit?: boolean;
+    collapsedGroupIds?: Record<string, boolean>;
+    onToggleGroup?: (statusId: string) => void;
+    onTaskMove?: (taskId: string, targetStatusId: string) => void;
+    onTaskClick?: (task: ClickUpTask) => void;
+    onToggleComplete?: (task: ClickUpTask, checked: boolean) => void;
+    onAddTask?: (statusId: string) => void;
+    onStatusAction?: (status: ClickUpStatus) => void;
+    onAddStatus?: () => void;
+    className?: string;
+}
+export declare const TaskBoardView: React.FC<TaskBoardViewProps>;
+export default TaskBoardView;

package/dist/clickup/views/TaskBoardView.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import React, { useState } from "react";
+import { ChevronRight, PanelLeftClose } from "lucide-react";
+import { TaskIcon } from "../common/TaskIcon.js";
+import "../task-ui.css";
+import { cn } from "../../support/utils.js";
+import { TaskStatusPill } from "../common/TaskStatusPill.js";
+import { TaskCard } from "../elements/TaskCard.js";
+import { ThemedText } from "../../components/ThemedText.js";
+import { WorkspaceActionMenu, WorkspaceContextMenu, } from "../common/WorkspaceMenus.js";
+export const TaskBoardView = ({ tasks, statuses, phases = [], users = [], canEdit = true, collapsedGroupIds, onToggleGroup, onTaskMove, onTaskClick, onToggleComplete, onAddTask, onStatusAction, onAddStatus, className, }) => {
+    const { t: tr } = useTranslation("designSystem");
+    const [dragOverStatusId, setDragOverStatusId] = useState(null);
+    const phaseMap = React.useMemo(() => {
+        const map = new Map();
+        phases.forEach((p) => map.set(p.id, p));
+        return map;
+    }, [phases]);
+    const userMap = React.useMemo(() => {
+        const map = new Map();
+        users.forEach((u) => map.set(u.id, u));
+        return map;
+    }, [users]);
+    const handleDragOver = (e, statusId) => {
+        if (!canEdit)
+            return;
+        e.preventDefault();
+        if (dragOverStatusId !== statusId) {
+            setDragOverStatusId(statusId);
+        }
+    };
+    const handleDragLeave = (e, statusId) => {
+        if (dragOverStatusId === statusId) {
+            setDragOverStatusId(null);
+        }
+    };
+    const handleDrop = (e, statusId) => {
+        e.preventDefault();
+        setDragOverStatusId(null);
+        if (!canEdit || !onTaskMove)
+            return;
+        const taskId = e.dataTransfer.getData("text/plain");
+        if (taskId) {
+            onTaskMove(taskId, statusId);
+        }
+    };
+    return (_jsxs("div", { className: cn("cu-task-board", className), children: [statuses.map((status) => {
+                const columnTasks = tasks.filter((t) => t.status_id === status.id);
+                const isCollapsed = Boolean(collapsedGroupIds?.[status.id]);
+                const isDragOver = dragOverStatusId === status.id;
+                const statusActions = onStatusAction
+                    ? [
+                        {
+                            id: "configure",
+                            label: tr("clickup.Configure_status", { status: status.label }),
+                            disabled: !canEdit,
+                            onSelect: () => onStatusAction(status),
+                        },
+                    ]
+                    : [];
+                if (isCollapsed) {
+                    return (_jsxs("section", { onClick: () => onToggleGroup?.(status.id), onDragOver: (e) => handleDragOver(e, status.id), onDragLeave: (e) => handleDragLeave(e, status.id), onDrop: (e) => handleDrop(e, status.id), className: cn("w-10 min-w-10 h-[520px] rounded-xl border border-dashboard-border bg-dashboard-secondary/40 hover:bg-dashboard-secondary/80 transition-all p-2 flex flex-col items-center justify-between cursor-pointer select-none group shrink-0", isDragOver &&
+                            "ring-2 ring-dashboard-primary border-dashboard-primary bg-dashboard-card"), title: `${status.label} (${columnTasks.length})`, "aria-label": `Expand ${status.label} column`, children: [_jsxs("div", { className: "flex flex-col items-center gap-2 pt-1", children: [_jsx(ChevronRight, { className: "size-3.5 text-dashboard-muted-foreground group-hover:text-dashboard-foreground rtl:rotate-180 transition-transform" }), _jsx("span", { className: "size-2 rounded-full shrink-0", style: { backgroundColor: status.color } })] }), _jsx("div", { className: "[writing-mode:vertical-rl] rotate-180 text-xs font-semibold text-dashboard-muted-foreground group-hover:text-dashboard-foreground tracking-wide whitespace-nowrap overflow-hidden text-ellipsis max-h-[340px]", children: status.label }), _jsx("div", { className: "size-5 rounded-full bg-dashboard-secondary border border-dashboard-border flex items-center justify-center text-[10px] font-bold text-dashboard-foreground pb-0.5", children: columnTasks.length })] }, status.id));
+                }
+                return (_jsxs("section", { onDragOver: (e) => handleDragOver(e, status.id), onDragLeave: (e) => handleDragLeave(e, status.id), onDrop: (e) => handleDrop(e, status.id), className: cn("cu-task-board-column border transition-colors", "bg-dashboard-secondary/30 border-dashboard-border", isDragOver &&
+                        "ring-2 ring-dashboard-primary border-dashboard-primary bg-dashboard-card"), children: [_jsx(WorkspaceContextMenu, { actions: statusActions, children: _jsxs("div", { className: "cu-task-board-head", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(TaskStatusPill, { status: status, size: "sm" }), _jsx(ThemedText, { variant: "caption", as: "span", className: "text-dashboard-muted-foreground text-[10px] leading-[15px] font-normal", children: columnTasks.length })] }), _jsxs("div", { className: "ms-auto flex items-center gap-1", children: [onToggleGroup && (_jsx("button", { type: "button", onClick: () => onToggleGroup(status.id), className: "p-1 rounded text-dashboard-muted-foreground hover:text-dashboard-foreground hover:bg-dashboard-secondary transition-colors cursor-pointer", title: tr("clickup.Collapse_column", {
+                                                    defaultValue: "Collapse column",
+                                                }), "aria-label": `${tr("clickup.Collapse_column", { defaultValue: "Collapse" })} ${status.label}`, children: _jsx(PanelLeftClose, { className: "size-3.5" }) })), onStatusAction && (_jsx(WorkspaceActionMenu, { label: tr("clickup.Configure_status", {
+                                                    status: status.label,
+                                                }), actions: statusActions, className: "cu-task-icon-button" }))] })] }) }), _jsx("div", { className: "cu-task-board-cards", children: columnTasks.map((task) => (_jsx(TaskCard, { task: task, phase: task.phase_id ? phaseMap.get(task.phase_id) : undefined, assignee: task.assignee_id ? userMap.get(task.assignee_id) : undefined, canEdit: canEdit, draggable: canEdit, onClick: onTaskClick, onToggleComplete: onToggleComplete }, task.id))) }), canEdit && onAddTask && (_jsxs("button", { type: "button", onClick: () => onAddTask(status.id), className: "cu-task-board-add hover:bg-dashboard-secondary", children: [_jsx(TaskIcon, { name: "plus", className: "size-[13px]" }), _jsx(ThemedText, { as: "span", variant: "body", className: "text-[11px] leading-[16.5px] font-normal text-inherit", children: tr("clickup.Add_task") })] }))] }, status.id));
+            }), onAddStatus && (_jsxs("button", { type: "button", disabled: !canEdit, onClick: onAddStatus, className: "cu-task-add-group inline-flex items-center gap-2 hover:bg-dashboard-secondary", children: [_jsx(TaskIcon, { name: "plus", className: "size-[13px]" }), _jsx(ThemedText, { as: "span", variant: "body", className: "text-[12px] font-normal text-inherit", children: tr("clickup.Add_group") })] }))] }));
+};
+export default TaskBoardView;
+//# sourceMappingURL=TaskBoardView.js.map

package/dist/clickup/views/TaskBoardView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskBoardView.js","sourceRoot":"","sources":["../../../src/clickup/views/TaskBoardView.tsx"],"names":[],"mappings":"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"}

package/dist/clickup/views/TaskCalendarView.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { ClickUpTask } from "../types";
+import "../task-ui.css";
+export interface TaskCalendarViewProps {
+    tasks: ClickUpTask[];
+    initialDate?: Date;
+    onTaskClick?: (task: ClickUpTask) => void;
+    onDayClick?: (dateIso: string) => void;
+    className?: string;
+}
+export declare const TaskCalendarView: React.FC<TaskCalendarViewProps>;
+export default TaskCalendarView;

package/dist/clickup/views/TaskCalendarView.js

@@ -0,0 +1,197 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { useMemo, useState } from "react";
+import { cn } from "../../support/utils.js";
+import { Button } from "../../components/button.js";
+import { ThemedText } from "../../components/ThemedText.js";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import "../task-ui.css";
+function parseToMidnight(val) {
+    if (!val)
+        return null;
+    const s = String(val).trim();
+    if (s.length >= 10 && s[4] === "-" && s[7] === "-") {
+        const y = parseInt(s.slice(0, 4), 10);
+        const m = parseInt(s.slice(5, 7), 10) - 1;
+        const d = parseInt(s.slice(8, 10), 10);
+        return new Date(y, m, d, 0, 0, 0, 0);
+    }
+    const parsed = new Date(s);
+    if (!isNaN(parsed.getTime())) {
+        return new Date(parsed.getFullYear(), parsed.getMonth(), parsed.getDate(), 0, 0, 0, 0);
+    }
+    return null;
+}
+export const TaskCalendarView = ({ tasks, initialDate, onTaskClick, onDayClick, className, }) => {
+    const { t: tr, i18n } = useTranslation("designSystem");
+    const [currentDate, setCurrentDate] = useState(() => initialDate || new Date());
+    const year = currentDate.getFullYear();
+    const month = currentDate.getMonth();
+    const handlePrevMonth = () => {
+        setCurrentDate((prev) => new Date(prev.getFullYear(), prev.getMonth() - 1, 1));
+    };
+    const handleNextMonth = () => {
+        setCurrentDate((prev) => new Date(prev.getFullYear(), prev.getMonth() + 1, 1));
+    };
+    const handleToday = () => {
+        setCurrentDate(new Date());
+    };
+    const monthLabel = new Intl.DateTimeFormat(i18n.language, {
+        month: "long",
+        year: "numeric",
+    }).format(new Date(year, month, 1));
+    const todayStr = useMemo(() => {
+        const now = new Date();
+        const y = now.getFullYear();
+        const m = String(now.getMonth() + 1).padStart(2, "0");
+        const d = String(now.getDate()).padStart(2, "0");
+        return `${y}-${m}-${d}`;
+    }, []);
+    // Compute weeks (Monday to Sunday)
+    const calendarWeeks = useMemo(() => {
+        const firstDay = new Date(year, month, 1);
+        // Monday as index 0: (day + 6) % 7
+        const startDayOfWeek = (firstDay.getDay() + 6) % 7;
+        const startDate = new Date(year, month, 1 - startDayOfWeek);
+        const lastDayOfMonth = new Date(year, month + 1, 0).getDate();
+        const totalDaysNeeded = startDayOfWeek + lastDayOfMonth;
+        const totalCells = Math.ceil(totalDaysNeeded / 7) * 7;
+        const weeks = [];
+        const iter = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate(), 0, 0, 0, 0);
+        for (let w = 0; w < totalCells / 7; w++) {
+            const weekRow = [];
+            for (let d = 0; d < 7; d++) {
+                const y = iter.getFullYear();
+                const m = iter.getMonth();
+                const dayNum = iter.getDate();
+                const mStr = String(m + 1).padStart(2, "0");
+                const dStr = String(dayNum).padStart(2, "0");
+                const dateIso = `${y}-${mStr}-${dStr}`;
+                weekRow.push({
+                    date: new Date(iter.getTime()),
+                    dayNumber: dayNum,
+                    month: m,
+                    year: y,
+                    dateIso,
+                    isCurrentMonth: m === month,
+                    isToday: dateIso === todayStr,
+                });
+                iter.setDate(iter.getDate() + 1);
+            }
+            weeks.push(weekRow);
+        }
+        return weeks;
+    }, [year, month, todayStr]);
+    const weekDayNames = useMemo(() => {
+        // Array of Mon, Tue, Wed, Thu, Fri, Sat, Sun
+        return Array.from({ length: 7 }, (_, i) => {
+            // 2026-01-05 is a Monday
+            return new Intl.DateTimeFormat(i18n.language, {
+                weekday: "short",
+            }).format(new Date(2026, 0, 5 + i));
+        });
+    }, [i18n.language]);
+    return (_jsxs("div", { className: cn("cu-task-calendar flex flex-col w-full", className), children: [_jsxs("div", { className: "cu-task-calendar-nav flex items-center justify-between gap-3 mb-3", children: [_jsx(ThemedText, { variant: "title", as: "h2", className: "text-base font-semibold text-dashboard-foreground", children: monthLabel }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Button, { variant: "outline", size: "xs", onClick: handlePrevMonth, "aria-label": tr("clickup.Previous_month", {
+                                    defaultValue: "Previous month",
+                                }), className: "p-1 h-7 w-7 rounded-md border-dashboard-border hover:bg-dashboard-secondary cursor-pointer", children: _jsx(ChevronLeft, { className: "size-3.5 rtl:rotate-180" }) }), _jsx(Button, { variant: "outline", size: "xs", onClick: handleNextMonth, "aria-label": tr("clickup.Next_month", {
+                                    defaultValue: "Next month",
+                                }), className: "p-1 h-7 w-7 rounded-md border-dashboard-border hover:bg-dashboard-secondary cursor-pointer", children: _jsx(ChevronRight, { className: "size-3.5 rtl:rotate-180" }) }), _jsx(Button, { variant: "ghost", size: "xs", onClick: handleToday, "aria-label": "Jump to current month", className: "text-xs text-dashboard-muted-foreground hover:text-dashboard-foreground hover:bg-dashboard-secondary px-2.5 h-7 rounded-md cursor-pointer", children: _jsx(ThemedText, { as: "span", variant: "caption", className: "text-inherit", children: tr("clickup.Today", { defaultValue: "Today" }) }) })] })] }), _jsxs("div", { className: "rounded-xl border border-dashboard-border bg-dashboard-card overflow-x-auto min-w-[640px] shadow-2xs", children: [_jsx("div", { className: "grid grid-cols-7 border-b border-dashboard-border bg-dashboard-secondary/40 divide-x divide-dashboard-border", children: weekDayNames.map((day) => (_jsx(ThemedText, { as: "div", variant: "caption", className: "py-2 text-center text-xs font-semibold text-dashboard-muted-foreground", children: day }, day))) }), _jsx("div", { className: "flex flex-col divide-y divide-dashboard-border", children: calendarWeeks.map((weekDaysList, weekIdx) => {
+                            const weekStartMs = weekDaysList[0].date.getTime();
+                            const weekEndMs = weekDaysList[6].date.getTime();
+                            // Filter tasks overlapping this week
+                            const weekTasks = tasks.filter((t) => {
+                                const sDate = parseToMidnight(t.start_date || t.startDate);
+                                const dDate = parseToMidnight(t.due_date || t.dueDate || t.endDate);
+                                if (!sDate && !dDate)
+                                    return false;
+                                const sMs = sDate ? sDate.getTime() : dDate.getTime();
+                                const dMs = dDate ? dDate.getTime() : sMs;
+                                const minMs = Math.min(sMs, dMs);
+                                const maxMs = Math.max(sMs, dMs);
+                                return maxMs >= weekStartMs && minMs <= weekEndMs;
+                            });
+                            // Map tasks to columns in this week
+                            const taskSpanMap = {};
+                            const sortedWeekTasks = weekTasks
+                                .map((task) => {
+                                const sDate = parseToMidnight(task.start_date || task.startDate);
+                                const dDate = parseToMidnight(task.due_date ||
+                                    task.dueDate ||
+                                    task.endDate);
+                                const sMs = sDate ? sDate.getTime() : dDate.getTime();
+                                const dMs = dDate ? dDate.getTime() : sMs;
+                                const minMs = Math.min(sMs, dMs);
+                                const maxMs = Math.max(sMs, dMs);
+                                let startCol = 0;
+                                let endCol = 6;
+                                weekDaysList.forEach((cell, colIdx) => {
+                                    const cellTime = cell.date.getTime();
+                                    if (cellTime === minMs)
+                                        startCol = colIdx;
+                                    if (cellTime === maxMs)
+                                        endCol = colIdx;
+                                });
+                                if (minMs < weekStartMs)
+                                    startCol = 0;
+                                if (maxMs > weekEndMs)
+                                    endCol = 6;
+                                const colSpan = Math.max(1, endCol - startCol + 1);
+                                taskSpanMap[task.id] = { startCol, endCol, colSpan };
+                                return { task, startCol, endCol, colSpan };
+                            })
+                                .sort((a, b) => a.startCol - b.startCol || b.colSpan - a.colSpan);
+                            // Compute vertical non-overlapping tracks
+                            const taskTrackMap = {};
+                            const trackEndCols = [];
+                            sortedWeekTasks.forEach(({ task, startCol, endCol }) => {
+                                let assignedTrack = -1;
+                                for (let t = 0; t < trackEndCols.length; t++) {
+                                    if (trackEndCols[t] < startCol) {
+                                        assignedTrack = t;
+                                        break;
+                                    }
+                                }
+                                if (assignedTrack === -1) {
+                                    assignedTrack = trackEndCols.length;
+                                    trackEndCols.push(endCol);
+                                }
+                                else {
+                                    trackEndCols[assignedTrack] = endCol;
+                                }
+                                taskTrackMap[task.id] = assignedTrack;
+                            });
+                            const totalTracks = Math.max(1, trackEndCols.length);
+                            const rowMinHeight = Math.max(112, 34 + totalTracks * 28);
+                            return (_jsxs("div", { style: { minHeight: `${rowMinHeight}px` }, className: "relative grid grid-cols-7 divide-x divide-dashboard-border flex-1", children: [weekDaysList.map((cell) => (_jsx("div", { onClick: () => onDayClick?.(cell.dateIso), className: cn("p-2 flex flex-col hover:bg-dashboard-secondary/20 transition-colors relative cursor-pointer select-none group", !cell.isCurrentMonth &&
+                                            "bg-dashboard-secondary/10 opacity-50", cell.isToday && "bg-dashboard-primary/5"), children: _jsx("div", { className: "flex items-center justify-between w-full mb-1 shrink-0", children: _jsx("span", { className: cn("text-[11px] font-medium leading-none px-1", cell.isToday
+                                                    ? "bg-dashboard-primary text-white size-5 rounded-full flex items-center justify-center font-bold"
+                                                    : cell.isCurrentMonth
+                                                        ? "text-dashboard-foreground"
+                                                        : "text-dashboard-muted-foreground/60"), children: cell.dayNumber }) }) }, cell.dateIso))), weekTasks.map((task) => {
+                                        const { startCol, colSpan } = taskSpanMap[task.id] || {
+                                            startCol: 0,
+                                            endCol: 0,
+                                            colSpan: 1,
+                                        };
+                                        const trackIdx = taskTrackMap[task.id] ?? 0;
+                                        const isCompleted = task.completed ||
+                                            task.status?.category === "done" ||
+                                            task.status_id === "completed";
+                                        const statusColor = task.status?.color || "var(--color-dashboard-primary)";
+                                        const leftPercent = (startCol / 7) * 100;
+                                        const widthPercent = (colSpan / 7) * 100;
+                                        return (_jsxs("div", { onClick: (e) => {
+                                                e.stopPropagation();
+                                                onTaskClick?.(task);
+                                            }, style: {
+                                                left: `calc(${leftPercent}% + 4px)`,
+                                                width: `calc(${widthPercent}% - 8px)`,
+                                                top: `${28 + trackIdx * 26}px`,
+                                            }, className: cn("absolute z-10 h-[22px] rounded-md text-xs border px-2 flex items-center justify-between cursor-pointer select-none transition-all shadow-2xs hover:shadow-md hover:border-dashboard-primary hover:z-20 group/task", isCompleted
+                                                ? "line-through opacity-70 bg-dashboard-secondary/60 text-dashboard-muted-foreground border-dashboard-border"
+                                                : "bg-dashboard-card text-dashboard-foreground border-dashboard-border hover:bg-dashboard-secondary/80"), title: `${task.name || task.title} (${colSpan > 1 ? `${colSpan} days` : "1 day"})`, children: [_jsxs("div", { className: "flex items-center gap-1.5 min-w-0 flex-1 overflow-hidden", children: [_jsx("span", { className: "size-1.5 rounded-full shrink-0", style: { backgroundColor: statusColor } }), _jsx("span", { className: "truncate text-dashboard-foreground font-medium text-[11px] leading-tight", children: task.name || task.title })] }), colSpan > 1 && (_jsxs("span", { className: "text-[10px] text-dashboard-muted-foreground shrink-0 ms-1 opacity-80 font-normal", children: [colSpan, "d"] }))] }, task.id));
+                                    })] }, weekIdx));
+                        }) })] })] }));
+};
+export default TaskCalendarView;
+//# sourceMappingURL=TaskCalendarView.js.map