@tuturuuu/ui 0.16.0 → 0.18.0

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

@@ -1,194 +0,0 @@
-'use client';
-
-import { ArrowLeft, Box, Logs, Tag } from '@tuturuuu/icons';
-import { Button } from '@tuturuuu/ui/button';
-import { Checkbox } from '@tuturuuu/ui/checkbox';
-import { Popover, PopoverContent, PopoverTrigger } from '@tuturuuu/ui/popover';
-import { ScrollArea } from '@tuturuuu/ui/scroll-area';
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from '@tuturuuu/ui/tooltip';
-import { useTranslations } from 'next-intl';
-import { useState } from 'react';
-
-interface Item {
-  id: string;
-  name: string;
-  ws_id: string;
-}
-
-interface LabelItem extends Item {
-  color: string;
-}
-
-interface LabelProjectFilterProps {
-  labels: LabelItem[];
-  projects: Item[];
-  selectedLabelIds: string[];
-  selectedProjectIds: string[];
-  onSelectedLabelIdsChange: (ids: string[]) => void;
-  onSelectedProjectIdsChange: (ids: string[]) => void;
-}
-
-type ViewType = 'main' | 'labels' | 'projects';
-
-export function LabelProjectFilter({
-  labels,
-  projects,
-  selectedLabelIds,
-  selectedProjectIds,
-  onSelectedLabelIdsChange,
-  onSelectedProjectIdsChange,
-}: LabelProjectFilterProps) {
-  const t = useTranslations('ws-tasks');
-  const [open, setOpen] = useState(false);
-  const [view, setView] = useState<ViewType>('main');
-
-  const filteredLabels = labels;
-
-  const filteredProjects = projects;
-
-  const handleLabelSelect = (id: string) => {
-    const newIds = selectedLabelIds.includes(id)
-      ? selectedLabelIds.filter((labelId) => labelId !== id)
-      : [...selectedLabelIds, id];
-    onSelectedLabelIdsChange(newIds);
-  };
-
-  const handleProjectSelect = (id: string) => {
-    const newIds = selectedProjectIds.includes(id)
-      ? selectedProjectIds.filter((projectId) => projectId !== id)
-      : [...selectedProjectIds, id];
-    onSelectedProjectIdsChange(newIds);
-  };
-
-  return (
-    <div className="group/chip flex items-center gap-2">
-      <Popover open={open} onOpenChange={setOpen}>
-        <TooltipProvider>
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <PopoverTrigger asChild>
-                <Button
-                  variant="ghost"
-                  className="flex items-center gap-x-1.5 px-2.5 py-1 font-medium text-sm"
-                >
-                  <Logs className="h-3.5 w-3.5" />
-                </Button>
-              </PopoverTrigger>
-            </TooltipTrigger>
-            <TooltipContent>
-              <p>{t('filter_labels_or_projects')}</p>
-            </TooltipContent>
-          </Tooltip>
-        </TooltipProvider>
-        <PopoverContent className="max-w-64 p-0" align="start">
-          {view === 'main' && (
-            <div className="p-2">
-              <button
-                type="button"
-                onClick={() => setView('labels')}
-                className="flex w-full items-center justify-between rounded-md px-2 py-2 text-left text-sm transition-colors hover:bg-muted"
-              >
-                <div className="flex items-center gap-2">
-                  <Tag className="h-4 w-4" />
-                  <span>{t('filter_labels')}</span>
-                </div>
-                {selectedLabelIds.length > 0 && (
-                  <span className="text-xs">{selectedLabelIds.length}</span>
-                )}
-              </button>
-              <button
-                type="button"
-                onClick={() => setView('projects')}
-                className="flex w-full items-center justify-between rounded-md px-2 py-2 text-left text-sm transition-colors hover:bg-muted"
-              >
-                <div className="flex items-center gap-2">
-                  <Box className="h-4 w-4" />
-                  <span>{t('filter_projects')}</span>
-                </div>
-                {selectedProjectIds.length > 0 && (
-                  <span className="text-xs">{selectedProjectIds.length}</span>
-                )}
-              </button>
-            </div>
-          )}
-          {view === 'labels' && (
-            <div className="p-2">
-              <button
-                type="button"
-                onClick={() => setView('main')}
-                className="flex w-full items-center gap-2 rounded-md px-2 py-2 text-left font-semibold text-sm transition-colors hover:bg-muted"
-              >
-                <ArrowLeft className="h-4 w-4" />
-                <span>{t('filter_labels')}</span>
-              </button>
-              <ScrollArea className="max-h-45">
-                {filteredLabels.length > 0 ? (
-                  filteredLabels.map((label) => (
-                    <Button
-                      key={label.id}
-                      onClick={() => handleLabelSelect(label.id)}
-                      className="flex h-auto w-full items-start justify-start gap-2 rounded-md px-2 py-2 text-sm hover:bg-muted"
-                      variant="ghost"
-                    >
-                      <Checkbox checked={selectedLabelIds.includes(label.id)} />
-                      <span
-                        style={{ color: label.color }}
-                        className="wrap-break-word line-clamp-2 min-w-0 whitespace-normal text-left"
-                      >
-                        {label.name}
-                      </span>
-                    </Button>
-                  ))
-                ) : (
-                  <div className="px-2 py-2 text-center text-muted-foreground text-sm">
-                    {t('filter_no_labels_available')}
-                  </div>
-                )}
-              </ScrollArea>
-            </div>
-          )}
-          {view === 'projects' && (
-            <div className="w-full p-2">
-              <button
-                type="button"
-                onClick={() => setView('main')}
-                className="flex w-full items-center gap-2 rounded-md px-2 py-2 text-left font-semibold text-sm transition-colors hover:bg-muted"
-              >
-                <ArrowLeft className="h-4 w-4" />
-                <span>{t('filter_projects')}</span>
-              </button>
-              <ScrollArea className="max-h-45 w-full">
-                {filteredProjects.length > 0 ? (
-                  filteredProjects.map((project) => (
-                    <Button
-                      key={project.id}
-                      onClick={() => handleProjectSelect(project.id)}
-                      className="flex h-auto w-full items-start justify-start gap-2 rounded-md px-2 py-2 text-sm hover:bg-muted"
-                      variant="ghost"
-                    >
-                      <Checkbox
-                        checked={selectedProjectIds.includes(project.id)}
-                      />
-                      <span className="wrap-break-word line-clamp-2 min-w-0 whitespace-normal text-left">
-                        {project.name}
-                      </span>
-                    </Button>
-                  ))
-                ) : (
-                  <div className="px-2 py-2 text-center text-muted-foreground text-sm">
-                    {t('filter_no_projects_available')}
-                  </div>
-                )}
-              </ScrollArea>
-            </div>
-          )}
-        </PopoverContent>
-      </Popover>
-    </div>
-  );
-}

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

@@ -1,356 +0,0 @@
-'use client';
-
-import {
-  CheckCircle2,
-  ExternalLink,
-  MoveRight,
-  RotateCcw,
-  Trash2,
-  UserCheck,
-  UserMinus,
-  UserX,
-} from '@tuturuuu/icons';
-import { removeCurrentUserTaskPersonalPlacement } from '@tuturuuu/internal-api';
-import type { TaskWithRelations } from '@tuturuuu/types';
-import type { TaskPriority } from '@tuturuuu/types/primitives/Priority';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@tuturuuu/ui/dropdown-menu';
-import { toast } from '@tuturuuu/ui/sonner';
-import { TaskDueDateMenu } from '@tuturuuu/ui/tu-do/boards/boardId/menus/task-due-date-menu';
-import { TaskLabelsMenu } from '@tuturuuu/ui/tu-do/boards/boardId/menus/task-labels-menu';
-import { TaskPriorityMenu } from '@tuturuuu/ui/tu-do/boards/boardId/menus/task-priority-menu';
-import Link from 'next/link';
-import { useTranslations } from 'next-intl';
-import { useCallback } from 'react';
-import { useTasksHref } from '../tasks-route-context';
-import { useTaskContextActions } from './use-task-context-actions';
-
-interface MyTaskContextMenuProps {
-  task: TaskWithRelations;
-  userId: string;
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  menuGuardUntil: number;
-  isPersonal: boolean;
-  availableLabels: Array<{ id: string; name: string; color: string }>;
-  onTaskUpdate: () => void;
-  onCreateNewLabel?: () => void;
-  onPlaceOnPersonalBoard?: (task: TaskWithRelations) => void;
-  children: React.ReactNode;
-}
-
-export function MyTaskContextMenu({
-  task,
-  userId,
-  open,
-  onOpenChange,
-  menuGuardUntil,
-  isPersonal,
-  availableLabels,
-  onTaskUpdate,
-  onCreateNewLabel,
-  onPlaceOnPersonalBoard,
-  children,
-}: MyTaskContextMenuProps) {
-  const t = useTranslations('ws-tasks');
-  const tasksHref = useTasksHref();
-
-  const {
-    isLoading,
-    handlePriorityChange,
-    handleDueDateChange,
-    handleToggleLabel,
-    handleComplete,
-    handleUndoComplete,
-    handleDoneWithMyPart,
-    handleUndoDoneWithMyPart,
-    handleUnassignMe,
-    handleDelete,
-  } = useTaskContextActions({
-    task,
-    userId,
-    onTaskUpdate,
-    onClose: () => onOpenChange(false),
-  });
-
-  const isListDone = task.list?.status === 'done';
-  const isPersonallyCompleted = !!task.overrides?.completed_at;
-  const isPersonallyUnassigned = !!task.overrides?.personally_unassigned;
-  const personalBoardId = task.overrides?.personal_board_id ?? null;
-  const personalListId = task.overrides?.personal_list_id ?? null;
-
-  const handleMenuItemSelect = useCallback(
-    (e: Event, action: () => void) => {
-      if (Date.now() < menuGuardUntil) {
-        e?.preventDefault?.();
-        return;
-      }
-      action();
-    },
-    [menuGuardUntil]
-  );
-
-  const taskLabels = (task.labels ?? [])
-    .map((l) => l.label)
-    .filter((l): l is NonNullable<typeof l> => l != null)
-    .map(({ id, name, color }) => ({ id, name, color }));
-
-  const isFromPersonalWorkspace =
-    (task.list?.board as Record<string, unknown> | undefined)?.workspaces !=
-      null &&
-    (
-      (task.list?.board as Record<string, unknown>)?.workspaces as Record<
-        string,
-        unknown
-      >
-    )?.personal === true;
-
-  const boardUrl =
-    task.list?.board?.ws_id && task.list?.board?.id
-      ? `/${task.list.board.ws_id}${tasksHref(`/boards/${task.list.board.id}`)}`
-      : null;
-
-  const handleMoveToExternalStaging = async () => {
-    if (!personalBoardId) return;
-
-    try {
-      await removeCurrentUserTaskPersonalPlacement(task.id);
-      toast.success(t('moved_to_external_tasks'));
-      onTaskUpdate();
-      onOpenChange(false);
-    } catch {
-      toast.error(t('failed_update_personal_placement'));
-    }
-  };
-
-  const handleRemoveFromPersonalBoard = async () => {
-    try {
-      await removeCurrentUserTaskPersonalPlacement(task.id);
-      toast.success(t('removed_from_personal_board'));
-      onTaskUpdate();
-      onOpenChange(false);
-    } catch {
-      toast.error(t('failed_update_personal_placement'));
-    }
-  };
-
-  return (
-    <DropdownMenu open={open} onOpenChange={onOpenChange} modal={false}>
-      <DropdownMenuTrigger asChild>{children}</DropdownMenuTrigger>
-      <DropdownMenuContent
-        className="w-56"
-        align="start"
-        side="right"
-        sideOffset={5}
-      >
-        <TaskPriorityMenu
-          currentPriority={(task.priority as TaskPriority) ?? null}
-          isLoading={isLoading}
-          onPriorityChange={handlePriorityChange}
-          onMenuItemSelect={handleMenuItemSelect}
-          onClose={() => onOpenChange(false)}
-          translations={{
-            priority: t('cmd_priority'),
-            none: t('ctx_none'),
-            urgent: t('preview_priority_urgent'),
-            high: t('preview_priority_high'),
-            medium: t('preview_priority_medium'),
-            low: t('preview_priority_low'),
-          }}
-        />
-
-        <TaskDueDateMenu
-          endDate={task.end_date}
-          isLoading={isLoading}
-          onDueDateChange={handleDueDateChange}
-          onCustomDateClick={() => onOpenChange(false)}
-          onMenuItemSelect={handleMenuItemSelect}
-          onClose={() => onOpenChange(false)}
-          translations={{
-            dueDate: t('cmd_due_date'),
-            none: t('ctx_none'),
-            today: t('cmd_today'),
-            tomorrow: t('cmd_tomorrow'),
-            yesterday: t('date_yesterday'),
-            thisWeek: t('ctx_this_week'),
-            nextWeek: t('cmd_next_week'),
-            customDate: t('ctx_custom_date'),
-            removeDueDate: t('ctx_remove_due_date'),
-          }}
-        />
-
-        {isPersonal && (
-          <TaskLabelsMenu
-            taskLabels={taskLabels}
-            availableLabels={availableLabels}
-            isLoading={isLoading}
-            onToggleLabel={handleToggleLabel}
-            onCreateNewLabel={onCreateNewLabel ?? (() => {})}
-            onMenuItemSelect={handleMenuItemSelect}
-            translations={{
-              labels: t('cmd_labels'),
-              searchLabels: t('ctx_search_labels'),
-              loading: t('loading'),
-              noLabelsFound: t('ctx_no_labels_found'),
-              noLabelsAvailable: t('ctx_no_labels_available'),
-              applied: t('ctx_applied'),
-              createNewLabel: t('ctx_create_new_label'),
-            }}
-          />
-        )}
-
-        <DropdownMenuSeparator />
-
-        {/* Completion: move task to done list / undo */}
-        {isListDone ? (
-          <DropdownMenuItem
-            onSelect={(e) =>
-              handleMenuItemSelect(e, () => void handleUndoComplete())
-            }
-            disabled={isLoading}
-          >
-            <RotateCcw className="mr-2 h-4 w-4 text-dynamic-orange" />
-            {t('undo_complete')}
-          </DropdownMenuItem>
-        ) : (
-          <DropdownMenuItem
-            onSelect={(e) =>
-              handleMenuItemSelect(e, () => void handleComplete())
-            }
-            disabled={isLoading}
-          >
-            <CheckCircle2 className="mr-2 h-4 w-4 text-dynamic-green" />
-            {t('completed')}
-          </DropdownMenuItem>
-        )}
-
-        {/* Done with my part: hide when task is already in a done list, unless it was explicitly flagged */}
-        {isListDone ? (
-          isPersonallyUnassigned && (
-            <DropdownMenuItem
-              onSelect={(e) =>
-                handleMenuItemSelect(e, () => void handleUndoDoneWithMyPart())
-              }
-              disabled={isLoading}
-            >
-              <UserCheck className="mr-2 h-4 w-4 text-dynamic-blue" />
-              {t('undo_done_with_my_part')}
-            </DropdownMenuItem>
-          )
-        ) : isPersonallyCompleted || isPersonallyUnassigned ? (
-          <DropdownMenuItem
-            onSelect={(e) =>
-              handleMenuItemSelect(e, () => void handleUndoDoneWithMyPart())
-            }
-            disabled={isLoading}
-          >
-            <UserCheck className="mr-2 h-4 w-4 text-dynamic-blue" />
-            {t('undo_done_with_my_part')}
-          </DropdownMenuItem>
-        ) : (
-          <DropdownMenuItem
-            onSelect={(e) =>
-              handleMenuItemSelect(e, () => void handleDoneWithMyPart())
-            }
-            disabled={isLoading}
-          >
-            <UserMinus className="mr-2 h-4 w-4 text-dynamic-orange" />
-            {t('done_with_my_part')}
-          </DropdownMenuItem>
-        )}
-
-        {!isFromPersonalWorkspace && (
-          <>
-            {onPlaceOnPersonalBoard && !personalBoardId && (
-              <DropdownMenuItem
-                onSelect={(e) =>
-                  handleMenuItemSelect(e, () => {
-                    onPlaceOnPersonalBoard(task);
-                    onOpenChange(false);
-                  })
-                }
-                disabled={isLoading}
-              >
-                <MoveRight className="mr-2 h-4 w-4 text-dynamic-cyan" />
-                {t('place_on_personal_board')}
-              </DropdownMenuItem>
-            )}
-            {personalBoardId && personalListId && (
-              <DropdownMenuItem
-                onSelect={(e) =>
-                  handleMenuItemSelect(
-                    e,
-                    () => void handleMoveToExternalStaging()
-                  )
-                }
-                disabled={isLoading}
-              >
-                <MoveRight className="mr-2 h-4 w-4 text-dynamic-cyan" />
-                {t('move_to_external_tasks')}
-              </DropdownMenuItem>
-            )}
-            {personalBoardId && (
-              <DropdownMenuItem
-                onSelect={(e) =>
-                  handleMenuItemSelect(
-                    e,
-                    () => void handleRemoveFromPersonalBoard()
-                  )
-                }
-                disabled={isLoading}
-                className="text-dynamic-red focus:text-dynamic-red"
-              >
-                <Trash2 className="mr-2 h-4 w-4" />
-                {t('remove_from_personal_board')}
-              </DropdownMenuItem>
-            )}
-            <DropdownMenuItem
-              onSelect={(e) =>
-                handleMenuItemSelect(e, () => void handleUnassignMe())
-              }
-              disabled={isLoading}
-              className="text-dynamic-red focus:text-dynamic-red"
-            >
-              <UserX className="mr-2 h-4 w-4" />
-              {t('unassign_me')}
-            </DropdownMenuItem>
-          </>
-        )}
-
-        {boardUrl && (
-          <>
-            <DropdownMenuSeparator />
-            <DropdownMenuItem asChild>
-              <Link href={boardUrl}>
-                <ExternalLink className="mr-2 h-4 w-4" />
-                {t('open_in_board')}
-              </Link>
-            </DropdownMenuItem>
-          </>
-        )}
-
-        {!personalBoardId && (
-          <>
-            <DropdownMenuSeparator />
-
-            <DropdownMenuItem
-              onSelect={(e) =>
-                handleMenuItemSelect(e, () => void handleDelete())
-              }
-              disabled={isLoading}
-              className="text-dynamic-red focus:text-dynamic-red"
-            >
-              <Trash2 className="mr-2 h-4 w-4" />
-              {t('delete')}
-            </DropdownMenuItem>
-          </>
-        )}
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-}