@tuturuuu/ui 0.17.0 → 0.18.0

package/src/components/ui/tu-do/my-tasks/my-tasks-header.tsx

@@ -1,121 +0,0 @@
-'use client';
-
-import { Calendar, Clock, Flag } from '@tuturuuu/icons';
-import { cn } from '@tuturuuu/utils/format';
-import { useLocale, useTranslations } from 'next-intl';
-import { useMemo } from 'react';
-
-interface MyTasksHeaderProps {
-  overdueCount: number;
-  todayCount: number;
-  upcomingCount: number;
-}
-
-export function MyTasksHeader({
-  overdueCount,
-  todayCount,
-  upcomingCount,
-}: MyTasksHeaderProps) {
-  const t = useTranslations();
-  const locale = useLocale();
-
-  const { greetingMessage, formattedDate } = useMemo(() => {
-    const now = new Date();
-    const hour = now.getHours();
-    let greeting: string;
-    if (hour >= 5 && hour < 12) greeting = t('ws-tasks.good_morning');
-    else if (hour >= 12 && hour < 18) greeting = t('ws-tasks.good_afternoon');
-    else if (hour >= 18 && hour < 22) greeting = t('ws-tasks.good_evening');
-    else greeting = t('ws-tasks.good_night');
-
-    return {
-      greetingMessage: greeting,
-      formattedDate: now.toLocaleDateString(locale, {
-        weekday: 'long',
-        month: 'long',
-        day: 'numeric',
-      }),
-    };
-  }, [t, locale]);
-
-  const cards = [
-    {
-      key: 'overdue',
-      count: overdueCount,
-      label: t('ws-tasks.overdue'),
-      icon: Clock,
-      bg: 'bg-dynamic-red/5',
-      border: 'border-dynamic-red/15',
-      iconBg: 'bg-dynamic-red/10',
-      text: 'text-dynamic-red',
-    },
-    {
-      key: 'today',
-      count: todayCount,
-      label: t('ws-tasks.due_today'),
-      icon: Calendar,
-      bg: 'bg-dynamic-orange/5',
-      border: 'border-dynamic-orange/15',
-      iconBg: 'bg-dynamic-orange/10',
-      text: 'text-dynamic-orange',
-    },
-    {
-      key: 'upcoming',
-      count: upcomingCount,
-      label: t('ws-tasks.upcoming'),
-      icon: Flag,
-      bg: 'bg-dynamic-blue/5',
-      border: 'border-dynamic-blue/15',
-      iconBg: 'bg-dynamic-blue/10',
-      text: 'text-dynamic-blue',
-    },
-  ] as const;
-
-  return (
-    <div className="space-y-4">
-      {/* Greeting */}
-      <div className="space-y-1 px-1">
-        <h1 className="font-bold text-2xl tracking-tight md:text-3xl">
-          {greetingMessage}
-        </h1>
-        <p className="text-muted-foreground text-sm">{formattedDate}</p>
-      </div>
-
-      {/* Summary Cards */}
-      <div className="grid grid-cols-3 gap-2 md:gap-3">
-        {cards.map((card) => (
-          <div
-            key={card.key}
-            className={cn(
-              'flex flex-col items-center gap-1.5 rounded-xl border p-3 transition-colors md:flex-row md:gap-3 md:p-4',
-              card.bg,
-              card.border
-            )}
-          >
-            <div
-              className={cn(
-                'flex h-8 w-8 shrink-0 items-center justify-center rounded-lg md:h-9 md:w-9',
-                card.iconBg
-              )}
-            >
-              <card.icon className={cn('h-4 w-4 md:h-5 md:w-5', card.text)} />
-            </div>
-            <div className="text-center md:text-left">
-              <p
-                className={cn(
-                  'font-bold text-lg leading-none md:text-xl',
-                  card.text
-                )}
-              >
-                {card.count}
-              </p>
-              <p className="mt-0.5 text-muted-foreground text-xs">
-                {card.label}
-              </p>
-            </div>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}

package/src/components/ui/tu-do/my-tasks/my-tasks-page.tsx

@@ -1,40 +0,0 @@
-import { MyTasksDataLoader } from '@tuturuuu/ui/tu-do/my-tasks/my-tasks-data-loader';
-import { getCurrentUser } from '@tuturuuu/utils/user-helper';
-import { getWorkspace } from '@tuturuuu/utils/workspace-helper';
-import { notFound, redirect } from 'next/navigation';
-
-interface Props {
-  params: Promise<{
-    wsId: string;
-  }>;
-  user?: {
-    email?: string | null;
-    id: string;
-  } | null;
-}
-
-/**
- * Shared My Tasks Page component.
- * Handles workspace resolution and user authentication.
- * Used by both apps/web and apps/tasks.
- */
-export default async function MyTasksPage({ params, user }: Props) {
-  const { wsId: id } = await params;
-
-  const currentUser = user ?? (await getCurrentUser());
-  if (!currentUser) redirect('/login');
-
-  const workspace = await getWorkspace(
-    id,
-    user ? { useAdmin: true, user: currentUser } : {}
-  );
-  if (!workspace) notFound();
-
-  return (
-    <MyTasksDataLoader
-      wsId={workspace.id}
-      userId={currentUser.id}
-      isPersonal={workspace.personal}
-    />
-  );
-}

package/src/components/ui/tu-do/my-tasks/personal-placement-dialog.tsx

@@ -1,188 +0,0 @@
-'use client';
-
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { Check, Loader2 } from '@tuturuuu/icons';
-import {
-  listWorkspaces,
-  listWorkspaceTaskBoards,
-  upsertCurrentUserTaskPersonalPlacement,
-} from '@tuturuuu/internal-api';
-import type { TaskWithRelations } from '@tuturuuu/types';
-import { Button } from '@tuturuuu/ui/button';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@tuturuuu/ui/dialog';
-import { toast } from '@tuturuuu/ui/sonner';
-import { cn } from '@tuturuuu/utils/format';
-import { useTranslations } from 'next-intl';
-import { useMemo, useState } from 'react';
-
-interface PersonalPlacementDialogProps {
-  task: TaskWithRelations | null;
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onPlaced?: () => void;
-}
-
-interface PersonalBoardOption {
-  id: string;
-  name: string | null;
-  workspaceId: string;
-  workspaceName: string | null;
-}
-
-export function PersonalPlacementDialog({
-  task,
-  open,
-  onOpenChange,
-  onPlaced,
-}: PersonalPlacementDialogProps) {
-  const t = useTranslations('ws-tasks');
-  const tCommon = useTranslations('common');
-  const queryClient = useQueryClient();
-  const [selectedBoardId, setSelectedBoardId] = useState<string | null>(null);
-
-  const { data: personalBoards = [], isLoading } = useQuery({
-    queryKey: ['personal-placement-boards'],
-    queryFn: async () => {
-      const workspaces = await listWorkspaces();
-      const personalWorkspaces = workspaces.filter(
-        (workspace) => workspace.personal
-      );
-
-      const boardGroups = await Promise.all(
-        personalWorkspaces.map(async (workspace) => {
-          const payload = await listWorkspaceTaskBoards(workspace.id, {
-            page: 1,
-            pageSize: 200,
-            status: 'active',
-          });
-
-          return (payload.boards ?? []).map(
-            (board): PersonalBoardOption => ({
-              id: board.id,
-              name: board.name,
-              workspaceId: workspace.id,
-              workspaceName: workspace.name,
-            })
-          );
-        })
-      );
-
-      return boardGroups.flat();
-    },
-    enabled: open,
-  });
-
-  const selectedBoard = useMemo(
-    () => personalBoards.find((board) => board.id === selectedBoardId) ?? null,
-    [personalBoards, selectedBoardId]
-  );
-
-  const placeMutation = useMutation({
-    mutationFn: async () => {
-      if (!task || !selectedBoardId) {
-        throw new Error('Missing task or board');
-      }
-
-      await upsertCurrentUserTaskPersonalPlacement(task.id, {
-        personal_board_id: selectedBoardId,
-        personal_list_id: null,
-        personal_sort_key: null,
-      });
-    },
-    onSuccess: () => {
-      toast.success(t('placed_on_personal_board'));
-      queryClient.invalidateQueries({
-        queryKey: ['personal-placement-boards'],
-      });
-      onPlaced?.();
-      onOpenChange(false);
-      setSelectedBoardId(null);
-    },
-    onError: () => {
-      toast.error(t('failed_update_personal_placement'));
-    },
-  });
-
-  return (
-    <Dialog
-      open={open}
-      onOpenChange={(nextOpen) => {
-        onOpenChange(nextOpen);
-        if (!nextOpen) setSelectedBoardId(null);
-      }}
-    >
-      <DialogContent className="max-w-lg">
-        <DialogHeader>
-          <DialogTitle>{t('place_on_personal_board')}</DialogTitle>
-          <DialogDescription>
-            {t('place_on_personal_board_description')}
-          </DialogDescription>
-        </DialogHeader>
-
-        <div className="max-h-72 space-y-2 overflow-y-auto">
-          {isLoading ? (
-            <div className="flex h-28 items-center justify-center">
-              <Loader2 className="h-5 w-5 animate-spin text-muted-foreground" />
-            </div>
-          ) : personalBoards.length === 0 ? (
-            <div className="rounded-lg border border-dashed p-4 text-center text-muted-foreground text-sm">
-              {t('no_personal_boards_available')}
-            </div>
-          ) : (
-            personalBoards.map((board) => (
-              <button
-                key={board.id}
-                type="button"
-                onClick={() => setSelectedBoardId(board.id)}
-                className={cn(
-                  'flex w-full items-center justify-between gap-3 rounded-lg border px-3 py-2 text-left transition-colors',
-                  selectedBoardId === board.id
-                    ? 'border-primary bg-primary/8'
-                    : 'border-border hover:bg-muted/50'
-                )}
-              >
-                <span className="min-w-0">
-                  <span className="block truncate font-medium text-sm">
-                    {board.name || t('untitled_board')}
-                  </span>
-                  <span className="block truncate text-muted-foreground text-xs">
-                    {board.workspaceName || t('personal_workspace')}
-                  </span>
-                </span>
-                {selectedBoardId === board.id && (
-                  <Check className="h-4 w-4 shrink-0 text-primary" />
-                )}
-              </button>
-            ))
-          )}
-        </div>
-
-        <DialogFooter>
-          <Button
-            variant="outline"
-            onClick={() => onOpenChange(false)}
-            disabled={placeMutation.isPending}
-          >
-            {tCommon('cancel')}
-          </Button>
-          <Button
-            onClick={() => placeMutation.mutate()}
-            disabled={!task || !selectedBoard || placeMutation.isPending}
-          >
-            {placeMutation.isPending && (
-              <Loader2 className="h-4 w-4 animate-spin" />
-            )}
-            {t('place_on_personal_board')}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}

package/src/components/ui/tu-do/my-tasks/task-filter.tsx

@@ -1,235 +0,0 @@
-'use client';
-
-import { ChevronDown, ChevronUp, Filter, Plus } from '@tuturuuu/icons';
-import { Button } from '@tuturuuu/ui/button';
-import { Checkbox } from '@tuturuuu/ui/checkbox';
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from '@tuturuuu/ui/collapsible';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@tuturuuu/ui/dropdown-menu';
-import { ScrollArea } from '@tuturuuu/ui/scroll-area';
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from '@tuturuuu/ui/tooltip';
-import { cn } from '@tuturuuu/utils/format';
-import { useTranslations } from 'next-intl';
-import { useEffect, useState } from 'react';
-
-interface Item {
-  id: string;
-  name: string;
-}
-
-interface BoardItem {
-  id: string;
-  name: string;
-  ws_id: string;
-}
-
-interface TaskFilterProps {
-  workspaces: Item[];
-  boards: BoardItem[];
-  onFilterChange: (filters: {
-    workspaceIds: string[];
-    boardIds: string[];
-  }) => void;
-  onCreateNewBoard: () => void;
-}
-
-export function TaskFilter({
-  workspaces,
-  boards,
-  onFilterChange,
-  onCreateNewBoard,
-}: TaskFilterProps) {
-  const t = useTranslations('ws-tasks');
-  const [selectedWorkspaceIds, setSelectedWorkspaceIds] = useState<string[]>([
-    'all',
-  ]);
-  const [selectedBoardIds, setSelectedBoardIds] = useState<string[]>(['all']);
-  const [workspacesOpen, setWorkspacesOpen] = useState(true);
-  const [boardsOpen, setBoardsOpen] = useState(true);
-
-  const filteredBoards = selectedWorkspaceIds.includes('all')
-    ? boards
-    : boards.filter((board) => selectedWorkspaceIds.includes(board.ws_id));
-
-  const handleWorkspaceChange = (id: string) => {
-    setSelectedBoardIds(['all']);
-    if (id === 'all') {
-      setSelectedWorkspaceIds(['all']);
-    } else {
-      const newIds = selectedWorkspaceIds.filter((wsId) => wsId !== 'all');
-      if (newIds.includes(id)) {
-        const filtered = newIds.filter((wsId) => wsId !== id);
-        if (filtered.length === 0) {
-          setSelectedWorkspaceIds(['all']);
-        } else {
-          setSelectedWorkspaceIds(filtered);
-        }
-      } else {
-        setSelectedWorkspaceIds([...newIds, id]);
-      }
-    }
-  };
-
-  const handleBoardChange = (id: string) => {
-    if (id === 'all') {
-      setSelectedBoardIds(['all']);
-    } else {
-      const newIds = selectedBoardIds.filter((bId) => bId !== 'all');
-      if (newIds.includes(id)) {
-        const filtered = newIds.filter((bId) => bId !== id);
-        if (filtered.length === 0) {
-          setSelectedBoardIds(['all']);
-        } else {
-          setSelectedBoardIds(filtered);
-        }
-      } else {
-        setSelectedBoardIds([...newIds, id]);
-      }
-    }
-  };
-
-  useEffect(() => {
-    onFilterChange({
-      workspaceIds: selectedWorkspaceIds,
-      boardIds: selectedBoardIds,
-    });
-  }, [selectedWorkspaceIds, selectedBoardIds, onFilterChange]);
-
-  const isFiltered =
-    !selectedWorkspaceIds.includes('all') || !selectedBoardIds.includes('all');
-
-  return (
-    <div className="group/chip flex items-center gap-2">
-      <DropdownMenu>
-        <TooltipProvider>
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <DropdownMenuTrigger asChild>
-                <Button
-                  variant={isFiltered ? 'secondary' : 'ghost'}
-                  className={cn(
-                    'flex items-center gap-x-1.5 px-2.5 py-1 font-medium text-sm'
-                  )}
-                >
-                  <Filter className="h-3.5 w-3.5" />
-                  <span>{t('filter_workspaces')}</span>
-                </Button>
-              </DropdownMenuTrigger>
-            </TooltipTrigger>
-            <TooltipContent>
-              <p>{t('filter_by_workspaces')}</p>
-            </TooltipContent>
-          </Tooltip>
-        </TooltipProvider>
-        <DropdownMenuContent className="w-64" align="start">
-          <DropdownMenuGroup>
-            <Collapsible open={workspacesOpen} onOpenChange={setWorkspacesOpen}>
-              <CollapsibleTrigger className="flex w-full items-center justify-between px-2 py-1.5 font-semibold text-sm">
-                <DropdownMenuLabel>{t('filter_workspaces')}</DropdownMenuLabel>
-                {workspacesOpen ? (
-                  <ChevronDown className="h-4 w-4" />
-                ) : (
-                  <ChevronUp className="h-4 w-4" />
-                )}
-              </CollapsibleTrigger>
-              <CollapsibleContent>
-                <DropdownMenuItem
-                  onSelect={(e) => e.preventDefault()}
-                  onClick={() => handleWorkspaceChange('all')}
-                >
-                  <Checkbox
-                    checked={selectedWorkspaceIds.includes('all')}
-                    className="mr-2"
-                  />
-                  {t('filter_all_workspaces')}
-                </DropdownMenuItem>
-                {workspaces.map((ws) => (
-                  <DropdownMenuItem
-                    key={ws.id}
-                    onSelect={(e) => e.preventDefault()}
-                    onClick={() => handleWorkspaceChange(ws.id)}
-                  >
-                    <Checkbox
-                      checked={selectedWorkspaceIds.includes(ws.id)}
-                      className="mr-2"
-                    />
-                    {ws.name}
-                  </DropdownMenuItem>
-                ))}
-              </CollapsibleContent>
-            </Collapsible>
-          </DropdownMenuGroup>
-          <DropdownMenuSeparator />
-          <DropdownMenuGroup>
-            <Collapsible open={boardsOpen} onOpenChange={setBoardsOpen}>
-              <CollapsibleTrigger className="flex w-full items-center justify-between px-2 py-1.5 font-semibold text-sm">
-                <DropdownMenuLabel>{t('filter_boards')}</DropdownMenuLabel>
-                {boardsOpen ? (
-                  <ChevronDown className="h-4 w-4" />
-                ) : (
-                  <ChevronUp className="h-4 w-4" />
-                )}
-              </CollapsibleTrigger>
-              <CollapsibleContent>
-                {filteredBoards.length > 0 ? (
-                  <ScrollArea className="max-h-45">
-                    <DropdownMenuItem
-                      onSelect={(e) => e.preventDefault()}
-                      onClick={() => handleBoardChange('all')}
-                    >
-                      <Checkbox
-                        checked={selectedBoardIds.includes('all')}
-                        className="mr-2"
-                      />
-                      {t('filter_all_boards')}
-                    </DropdownMenuItem>
-                    {filteredBoards.map((board) => (
-                      <DropdownMenuItem
-                        key={board.id}
-                        onSelect={(e) => e.preventDefault()}
-                        onClick={() => handleBoardChange(board.id)}
-                      >
-                        <Checkbox
-                          checked={selectedBoardIds.includes(board.id)}
-                          className="mr-2"
-                        />
-                        {board.name}
-                      </DropdownMenuItem>
-                    ))}
-                  </ScrollArea>
-                ) : (
-                  <div className="px-2 py-1.5 text-center text-muted-foreground text-sm">
-                    {t('filter_no_boards_for_workspaces')}
-                  </div>
-                )}
-                <DropdownMenuItem
-                  onSelect={() => onCreateNewBoard()}
-                  className="mt-1"
-                >
-                  <Plus className="mr-2 h-4 w-4" />
-                  <span>{t('filter_add_new_board')}</span>
-                </DropdownMenuItem>
-              </CollapsibleContent>
-            </Collapsible>
-          </DropdownMenuGroup>
-        </DropdownMenuContent>
-      </DropdownMenu>
-    </div>
-  );
-}