@tuturuuu/ui 0.17.0 → 0.19.0

package/src/components/ui/tu-do/projects/hooks/use-task-projects.ts

@@ -1,238 +0,0 @@
-'use client';
-
-import { useMutation, useQuery } from '@tanstack/react-query';
-import {
-  createWorkspaceTaskProject,
-  deleteWorkspaceTaskProject,
-  linkWorkspaceTaskProjectTask,
-  listWorkspaceTaskProjectDetails,
-  listWorkspaceTasks,
-  unlinkWorkspaceTaskProjectTask,
-  updateWorkspaceTaskProject,
-} from '@tuturuuu/internal-api/tasks';
-import { toast } from '@tuturuuu/ui/sonner';
-import { useTranslations } from 'next-intl';
-import { z } from 'zod';
-import type { TaskOption, TaskProject } from '../types';
-
-interface UseTaskProjectsParams {
-  wsId: string;
-  initialProjects: TaskProject[];
-  managingProject: TaskProject | null;
-}
-
-const linkedTaskSchema = z.object({
-  id: z.string(),
-  name: z.string(),
-  completed: z.boolean().nullable().optional(),
-  completed_at: z.string().nullable(),
-  closed_at: z.string().nullable().optional(),
-  priority: z.string().nullable(),
-  listName: z.string().nullable(),
-  listStatus: z.string().nullable().optional(),
-});
-
-const relatedUserSchema = z.object({
-  id: z.string(),
-  display_name: z.string().nullable(),
-  avatar_url: z.string().nullable(),
-});
-
-const projectSchema = z.object({
-  id: z.string(),
-  name: z.string(),
-  description: z.string().nullable(),
-  ws_id: z.string(),
-  creator_id: z.string(),
-  lead_id: z.string().nullable(),
-  status: z.string().nullable(),
-  priority: z.string().nullable(),
-  health_status: z.string().nullable(),
-  start_date: z.string().nullable(),
-  end_date: z.string().nullable(),
-  created_at: z.string(),
-  updated_at: z.string().nullable(),
-  creator: relatedUserSchema.nullable().optional(),
-  lead: relatedUserSchema.nullable().optional(),
-  tasksCount: z.number(),
-  completedTasksCount: z.number(),
-  linkedTasks: z.array(linkedTaskSchema),
-  linkedDocuments: z.array(linkedTaskSchema),
-});
-
-const PROJECT_TASK_LIST_STATUSES = [
-  'not_started',
-  'active',
-  'review',
-  'done',
-  'closed',
-];
-
-export function useTaskProjects({
-  wsId,
-  initialProjects,
-  managingProject,
-}: UseTaskProjectsParams) {
-  const t = useTranslations('dashboard.bucket_dump');
-
-  const {
-    data: projects = [],
-    isLoading: projectsLoading,
-    refetch: refetchProjects,
-  } = useQuery<TaskProject[]>({
-    queryKey: ['workspace', wsId, 'task-projects'],
-    queryFn: async () => {
-      const payload = await listWorkspaceTaskProjectDetails(wsId);
-      const result = z.array(projectSchema).safeParse(payload);
-
-      if (!result.success) {
-        throw new Error(t('errors.fetch_projects'));
-      }
-
-      return result.data as TaskProject[];
-    },
-    initialData: initialProjects,
-  });
-
-  const {
-    data: availableTaskOptions = [],
-    isLoading: tasksLoading,
-    error: tasksError,
-  } = useQuery<TaskOption[]>({
-    queryKey: ['workspace', wsId, 'tasks-for-projects'],
-    queryFn: async () => {
-      const { tasks } = await listWorkspaceTasks(wsId, {
-        limit: 200,
-        listStatuses: PROJECT_TASK_LIST_STATUSES,
-      });
-
-      return tasks.map((task) => ({
-        id: task.id,
-        name: task.name || 'Untitled task',
-        completed_at: task.completed_at ?? null,
-        listName:
-          (task as typeof task & { task_lists?: { name?: string | null } })
-            .task_lists?.name ??
-          task.source_list_name ??
-          null,
-      }));
-    },
-    enabled: Boolean(managingProject),
-    staleTime: 60_000,
-  });
-
-  const createProjectMutation = useMutation({
-    mutationFn: async ({
-      name,
-      description,
-    }: {
-      name: string;
-      description?: string;
-    }) => {
-      return createWorkspaceTaskProject(wsId, { name, description });
-    },
-    onSuccess: () => {
-      toast.success(t('success.project_created'));
-      refetchProjects();
-    },
-    onError: (error: Error) => {
-      toast.error(error.message || t('errors.create_project'));
-    },
-  });
-
-  const updateProjectMutation = useMutation({
-    mutationFn: async ({
-      projectId,
-      name,
-      description,
-    }: {
-      projectId: string;
-      name: string;
-      description?: string;
-    }) => {
-      return updateWorkspaceTaskProject(wsId, projectId, { name, description });
-    },
-    onSuccess: () => {
-      toast.success(t('success.project_updated'));
-      refetchProjects();
-    },
-    onError: (error: Error) => {
-      toast.error(error.message || t('errors.update_project'));
-    },
-  });
-
-  const deleteProjectMutation = useMutation({
-    mutationFn: async (projectId: string) => {
-      await deleteWorkspaceTaskProject(wsId, projectId);
-    },
-    onSuccess: () => {
-      toast.success(t('success.project_deleted'));
-      refetchProjects();
-    },
-    onError: (error: Error) => {
-      toast.error(error.message || t('errors.delete_project'));
-    },
-  });
-
-  const linkTaskMutation = useMutation({
-    mutationFn: async ({
-      projectId,
-      taskId,
-    }: {
-      projectId: string;
-      taskId: string;
-    }) => {
-      return linkWorkspaceTaskProjectTask(wsId, projectId, taskId);
-    },
-    onSuccess: () => {
-      toast.success(t('success.task_linked'));
-      refetchProjects();
-    },
-    onError: (error: Error) => {
-      toast.error(error.message || t('errors.link_task'));
-    },
-  });
-
-  const unlinkTaskMutation = useMutation({
-    mutationFn: async ({
-      projectId,
-      taskId,
-    }: {
-      projectId: string;
-      taskId: string;
-    }) => {
-      return unlinkWorkspaceTaskProjectTask(wsId, projectId, taskId);
-    },
-    onSuccess: () => {
-      toast.success(t('success.task_unlinked'));
-      refetchProjects();
-    },
-    onError: (error: Error) => {
-      toast.error(error.message || t('errors.unlink_task'));
-    },
-  });
-
-  return {
-    // Queries
-    projects,
-    projectsLoading,
-    refetchProjects,
-    availableTaskOptions,
-    tasksLoading,
-    tasksError,
-
-    // Mutations
-    createProject: createProjectMutation.mutate,
-    updateProject: updateProjectMutation.mutate,
-    deleteProject: deleteProjectMutation.mutate,
-    linkTask: linkTaskMutation.mutate,
-    unlinkTask: unlinkTaskMutation.mutate,
-
-    // Status flags
-    isCreating: createProjectMutation.isPending,
-    isUpdating: updateProjectMutation.isPending,
-    isDeleting: deleteProjectMutation.isPending,
-    isLinking: linkTaskMutation.isPending,
-    isUnlinking: unlinkTaskMutation.isPending,
-  };
-}

package/src/components/ui/tu-do/projects/projectId/components/__tests__/tasks-tab-layout.test.tsx

@@ -1,169 +0,0 @@
-import '@testing-library/jest-dom';
-import { render, screen } from '@testing-library/react';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type { TaskList } from '@tuturuuu/types/primitives/TaskList';
-import type React from 'react';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { TasksTab } from '../tasks-tab';
-
-const captured = vi.hoisted(() => ({
-  boardHeaderProps: undefined as any,
-  kanbanProps: undefined as any,
-  listViewProps: undefined as any,
-}));
-
-vi.mock('next-intl', () => ({
-  useTranslations: () => (key: string) => key,
-}));
-
-vi.mock('@tuturuuu/ui/tu-do/tasks-route-context', () => ({
-  useTasksHref: () => (path: string) => `/tasks${path}`,
-}));
-
-vi.mock('@tuturuuu/ui/tu-do/shared/progressive-loader-context', () => ({
-  ProgressiveLoaderProvider: ({ children }: any) => (
-    <div data-testid="progressive-loader">{children}</div>
-  ),
-}));
-
-vi.mock('@tuturuuu/ui/tu-do/shared/board-header', () => ({
-  BoardHeader: (props: any) => {
-    captured.boardHeaderProps = props;
-    return <div data-testid="board-header" />;
-  },
-}));
-
-vi.mock('@tuturuuu/ui/tu-do/boards/boardId/kanban', () => ({
-  KanbanBoard: (props: any) => {
-    captured.kanbanProps = props;
-    return <div data-testid="kanban-board" />;
-  },
-}));
-
-vi.mock('@tuturuuu/ui/tu-do/shared/list-view', () => ({
-  ListView: (props: any) => {
-    captured.listViewProps = props;
-    return <div data-testid="list-view" />;
-  },
-}));
-
-vi.mock('@tuturuuu/ui/tu-do/boards/boardId/timeline-board', () => ({
-  TimelineBoard: () => <div data-testid="timeline-board" />,
-}));
-
-const lists: TaskList[] = [
-  {
-    archived: false,
-    board_id: 'board-1',
-    color: 'BLUE',
-    created_at: '2026-06-01T00:00:00.000Z',
-    creator_id: 'user-1',
-    deleted: false,
-    id: 'list-1',
-    name: 'Todo',
-    position: 0,
-    status: 'active',
-  },
-];
-
-const tasks: Task[] = [
-  {
-    assignees: [],
-    created_at: '2026-06-01T00:00:00.000Z',
-    display_number: 1,
-    end_date: null,
-    id: 'task-1',
-    labels: [],
-    list_id: 'list-1',
-    name: 'Align project board',
-    priority: 'normal',
-    sort_key: 1,
-  },
-];
-
-const filters = {
-  assignees: [],
-  dueDateRange: null,
-  estimationRange: null,
-  includeMyTasks: false,
-  includeUnassigned: false,
-  labels: [],
-  priorities: [],
-  projects: [],
-  searchQuery: 'project',
-  sortBy: 'priority-high',
-  sourceBoardIds: [],
-  sourceScope: 'all_visible',
-  sourceWorkspaceIds: [],
-} as const;
-
-function renderTasksTab(
-  overrides?: Partial<React.ComponentProps<typeof TasksTab>>
-) {
-  return render(
-    <TasksTab
-      workspace={{ id: 'ws-1', personal: false } as any}
-      wsId="ws-1"
-      projectId="project-1"
-      projectName="Project One"
-      tasks={tasks}
-      lists={lists}
-      currentUserId="user-1"
-      currentView="kanban"
-      setCurrentView={vi.fn()}
-      filters={filters as any}
-      setFilters={vi.fn()}
-      listStatusFilter="active"
-      setListStatusFilter={vi.fn()}
-      setShowLinkTaskDialog={vi.fn()}
-      onTaskPartialUpdate={vi.fn()}
-      isMultiSelectMode={false}
-      setIsMultiSelectMode={vi.fn()}
-      {...overrides}
-    />
-  );
-}
-
-describe('TasksTab layout', () => {
-  beforeEach(() => {
-    captured.boardHeaderProps = undefined;
-    captured.kanbanProps = undefined;
-    captured.listViewProps = undefined;
-  });
-
-  it('uses a board-like overflow shell for populated project tasks', () => {
-    renderTasksTab();
-
-    expect(screen.getByTestId('task-project-tasks-tab')).toHaveClass(
-      'min-h-0',
-      'overflow-hidden'
-    );
-    expect(screen.getByTestId('task-project-tasks-header')).toHaveClass(
-      'shrink-0'
-    );
-    expect(screen.getByTestId('task-project-tasks-view')).toHaveClass(
-      'min-h-0',
-      'flex-1',
-      'overflow-hidden'
-    );
-
-    expect(captured.boardHeaderProps.backUrl).toBe('/ws-1/tasks/projects');
-    expect(captured.kanbanProps.disableSort).toBe(true);
-    expect(captured.kanbanProps.listStatusFilter).toBe('active');
-    expect(captured.kanbanProps.filters).toBe(filters);
-  });
-
-  it('keeps list view sorting and search aligned with board views', () => {
-    renderTasksTab({ currentView: 'list' });
-
-    expect(screen.getByTestId('list-view')).toBeInTheDocument();
-    expect(captured.listViewProps.preserveTaskOrder).toBe(true);
-    expect(captured.listViewProps.searchQuery).toBe('project');
-  });
-
-  it('omits removed projects route back link in embedded mode', () => {
-    renderTasksTab({ embedded: true });
-
-    expect(captured.boardHeaderProps.backUrl).toBeUndefined();
-  });
-});

package/src/components/ui/tu-do/projects/projectId/components/documents-tab.tsx

@@ -1,90 +0,0 @@
-'use client';
-
-import { FileText } from '@tuturuuu/icons';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import { Badge } from '@tuturuuu/ui/badge';
-import { Card } from '@tuturuuu/ui/card';
-import { getDescriptionText } from '@tuturuuu/utils/text-helper';
-import { motion } from 'framer-motion';
-import { useTranslations } from 'next-intl';
-import { PriorityBadge } from '../../components/project-badges';
-
-interface DocumentsTabProps {
-  documents: Task[];
-  fadeInViewVariant: (delay?: number) => object;
-}
-
-export function DocumentsTab({
-  documents,
-  fadeInViewVariant,
-}: DocumentsTabProps) {
-  const t = useTranslations('task_project_detail.documents_tab');
-
-  if (documents.length === 0) {
-    return (
-      <motion.div
-        {...fadeInViewVariant(0.1)}
-        className="flex min-h-[360px] flex-col items-center justify-center gap-4 rounded-lg border border-dashed bg-muted/20 p-8 text-center"
-      >
-        <div className="flex h-14 w-14 items-center justify-center rounded-lg border bg-background">
-          <FileText className="h-6 w-6 text-muted-foreground" />
-        </div>
-        <div className="max-w-md space-y-1">
-          <h2 className="font-semibold text-lg">{t('empty_title')}</h2>
-          <p className="text-muted-foreground text-sm">
-            {t('empty_description')}
-          </p>
-        </div>
-      </motion.div>
-    );
-  }
-
-  return (
-    <motion.div {...fadeInViewVariant(0.1)} className="space-y-4 p-1">
-      <div className="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between">
-        <div>
-          <h2 className="font-semibold text-xl">{t('title')}</h2>
-          <p className="text-muted-foreground text-sm">
-            {t('description', { count: documents.length })}
-          </p>
-        </div>
-        <Badge variant="outline" className="w-fit rounded-md">
-          {documents.length} {t('documents')}
-        </Badge>
-      </div>
-
-      <div className="grid gap-3 lg:grid-cols-2">
-        {documents.map((document) => (
-          <Card
-            key={document.id}
-            className="group rounded-lg bg-background p-4 shadow-none transition-colors hover:bg-muted/30"
-          >
-            <div className="flex items-start gap-3">
-              <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-md border bg-muted text-muted-foreground">
-                <FileText className="h-5 w-5" />
-              </div>
-              <div className="min-w-0 flex-1 space-y-2">
-                <div>
-                  <h3 className="truncate font-semibold text-sm">
-                    {document.name}
-                  </h3>
-                  <p className="text-muted-foreground text-xs">
-                    {document.source_list_name ?? t('document_list')}
-                  </p>
-                </div>
-                {document.description ? (
-                  <p className="line-clamp-2 text-muted-foreground text-sm">
-                    {getDescriptionText(document.description)}
-                  </p>
-                ) : null}
-                {document.priority ? (
-                  <PriorityBadge priority={document.priority} />
-                ) : null}
-              </div>
-            </div>
-          </Card>
-        ))}
-      </div>
-    </motion.div>
-  );
-}

package/src/components/ui/tu-do/projects/projectId/components/index.ts

@@ -1,9 +0,0 @@
-export { DocumentsTab } from './documents-tab';
-export { OverviewTab } from './overview-tab';
-export { ProjectConfiguration } from './project-configuration';
-export { ProjectHeader } from './project-header';
-export { ProjectLeadSelector } from './project-lead-selector';
-export { ProjectSidebar } from './project-sidebar';
-export { TasksTab } from './tasks-tab';
-export { UpdateCard } from './update-card';
-export { UpdatesTab } from './updates-tab';

package/src/components/ui/tu-do/projects/projectId/components/overview/description-card.tsx

@@ -1,77 +0,0 @@
-'use client';
-
-import { Edit2, Settings } from '@tuturuuu/icons';
-import { Button } from '@tuturuuu/ui/button';
-import { Card } from '@tuturuuu/ui/card';
-import { Textarea } from '@tuturuuu/ui/textarea';
-import { motion } from 'framer-motion';
-import { useTranslations } from 'next-intl';
-import { useProjectOverview } from '../project-overview-context';
-
-export function OverviewDescription() {
-  const t = useTranslations('task_project_detail.overview');
-  const {
-    editedDescription,
-    setEditedDescription,
-    isEditingDescription,
-    setIsEditingDescription,
-    showConfiguration,
-    setShowConfiguration,
-    fadeInViewVariant,
-  } = useProjectOverview();
-
-  return (
-    <motion.div {...fadeInViewVariant(0)}>
-      <Card className="group relative rounded-lg bg-background p-5 shadow-none">
-        <div className="mb-4 flex items-center justify-between gap-3">
-          <h2 className="font-semibold text-base">{t('description')}</h2>
-          <div className="flex items-center gap-2">
-            <Button
-              variant="ghost"
-              size="icon"
-              className="h-8 w-8 opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100"
-              onClick={() => setIsEditingDescription(true)}
-              aria-label={t('edit_description_aria')}
-            >
-              <Edit2 className="h-4 w-4" />
-            </Button>
-            <Button
-              variant="outline"
-              size="sm"
-              onClick={() => setShowConfiguration(!showConfiguration)}
-              className="gap-2"
-            >
-              <Settings className="h-4 w-4" />
-              {showConfiguration
-                ? t('hide_configuration')
-                : t('show_configuration')}
-            </Button>
-          </div>
-        </div>
-
-        {isEditingDescription ? (
-          <div className="space-y-3">
-            <Textarea
-              value={editedDescription}
-              onChange={(e) => setEditedDescription(e.target.value)}
-              placeholder={t('describe_placeholder')}
-              className="min-h-50 resize-none"
-              autoFocus
-            />
-            <p className="text-muted-foreground text-xs">
-              {t('rich_text_note')}
-            </p>
-          </div>
-        ) : editedDescription ? (
-          <div className="prose prose-sm dark:prose-invert max-w-none text-foreground/80">
-            {editedDescription}
-          </div>
-        ) : (
-          <p className="text-muted-foreground text-sm italic">
-            {t('no_description')}
-          </p>
-        )}
-      </Card>
-    </motion.div>
-  );
-}

package/src/components/ui/tu-do/projects/projectId/components/overview/linked-documents-card.tsx

@@ -1,81 +0,0 @@
-'use client';
-
-import { ChevronRight, FileText } from '@tuturuuu/icons';
-import { Badge } from '@tuturuuu/ui/badge';
-import { Button } from '@tuturuuu/ui/button';
-import { Card } from '@tuturuuu/ui/card';
-import { motion } from 'framer-motion';
-import { useTranslations } from 'next-intl';
-import { PriorityBadge } from '../../../components/project-badges';
-import { useProjectOverview } from '../project-overview-context';
-
-export function OverviewLinkedDocuments() {
-  const t = useTranslations('task_project_detail.overview');
-  const { documents, setActiveTab, fadeInViewVariant } = useProjectOverview();
-  const recentDocuments = documents.slice(0, 4);
-
-  return (
-    <motion.div {...fadeInViewVariant(0.35)}>
-      <Card className="rounded-lg bg-background p-5 shadow-none">
-        <div className="mb-4 flex items-center justify-between gap-3">
-          <div className="flex items-center gap-2">
-            <div className="flex h-8 w-8 items-center justify-center rounded-md bg-muted text-muted-foreground">
-              <FileText className="h-4 w-4" />
-            </div>
-            <div>
-              <h2 className="font-semibold text-base">
-                {t('linked_documents')}
-              </h2>
-              <p className="text-muted-foreground text-xs">
-                {t('linked_documents_description')}
-              </p>
-            </div>
-          </div>
-          <Button
-            variant="ghost"
-            size="sm"
-            onClick={() => setActiveTab('documents')}
-            className="gap-1"
-          >
-            {t('view_all')}
-            <ChevronRight className="h-4 w-4" />
-          </Button>
-        </div>
-
-        {recentDocuments.length > 0 ? (
-          <div className="space-y-2">
-            {recentDocuments.map((document) => (
-              <div
-                key={document.id}
-                className="flex items-center justify-between gap-3 rounded-md border bg-muted/30 p-3"
-              >
-                <div className="min-w-0 flex-1">
-                  <h4 className="truncate font-medium text-sm">
-                    {document.name}
-                  </h4>
-                  <p className="truncate text-muted-foreground text-xs">
-                    {document.source_list_name ?? t('document_list')}
-                  </p>
-                </div>
-                {document.priority ? (
-                  <PriorityBadge priority={document.priority} />
-                ) : (
-                  <Badge variant="outline" className="rounded-md">
-                    {t('document')}
-                  </Badge>
-                )}
-              </div>
-            ))}
-          </div>
-        ) : (
-          <div className="rounded-md border border-dashed py-8 text-center">
-            <FileText className="mx-auto mb-2 h-8 w-8 text-muted-foreground/40" />
-            <p className="text-muted-foreground text-sm">
-              {t('no_documents_linked')}
-            </p>
-          </div>
-        )}
-      </Card>
-    </motion.div>
-  );
-}