@tuturuuu/ui 0.16.0 → 0.18.0

package/src/components/ui/tu-do/shared/task-labels-display.tsx

@@ -1,119 +0,0 @@
-'use client';
-
-import { Tag } from '@tuturuuu/icons';
-import { Badge } from '@tuturuuu/ui/badge';
-import { Tooltip, TooltipContent, TooltipTrigger } from '@tuturuuu/ui/tooltip';
-import { cn } from '@tuturuuu/utils/format';
-import { useTheme } from 'next-themes';
-import { computeAccessibleLabelStyles } from '../utils/label-colors';
-import type { TaskLabel } from './label-chip';
-
-interface TaskLabelsDisplayProps {
-  labels: TaskLabel[] | undefined | null;
-  maxDisplay?: number; // Optional: limit display count, shows all by default
-  className?: string;
-  size?: 'sm' | 'md' | 'lg';
-  showIcon?: boolean;
-  /** Localized label for "Hidden Labels" tooltip. Useful when rendered outside NextIntlProvider context (e.g., createRoot). */
-  hiddenLabelsLabel?: string;
-}
-
-function getTaskLabelIdentity(label: TaskLabel) {
-  return [label.id ?? '', label.name ?? '', label.color ?? ''].join('::');
-}
-
-export function TaskLabelsDisplay({
-  labels,
-  maxDisplay,
-  className,
-  size = 'sm',
-  showIcon = true,
-  hiddenLabelsLabel = 'Hidden Labels',
-}: TaskLabelsDisplayProps) {
-  const { resolvedTheme } = useTheme();
-  const isDark = resolvedTheme === 'dark';
-
-  if (!labels || labels.length === 0) return null;
-
-  const normalizedLabels = labels.filter(
-    (label, index, allLabels) =>
-      allLabels.findIndex(
-        (candidate) =>
-          getTaskLabelIdentity(candidate) === getTaskLabelIdentity(label)
-      ) === index
-  );
-
-  // Derive sizing tokens
-  const sizeClasses = {
-    sm: 'h-5.5 px-1 text-[10px]',
-    md: 'h-6 px-2 text-xs',
-    lg: 'h-7 px-2.5 text-sm',
-  } as const;
-  const iconSizes = {
-    sm: 'h-3 w-3',
-    md: 'h-3.5 w-3.5',
-    lg: 'h-4 w-4',
-  } as const;
-
-  const visibleLabels = maxDisplay
-    ? normalizedLabels.slice(0, maxDisplay)
-    : normalizedLabels;
-  const hiddenCount = maxDisplay
-    ? Math.max(0, normalizedLabels.length - maxDisplay)
-    : 0;
-
-  return (
-    <div className={cn('flex items-center gap-1 overflow-hidden', className)}>
-      {visibleLabels.map((label) => {
-        const styles = computeAccessibleLabelStyles(label.color, isDark);
-        return (
-          <Badge
-            key={getTaskLabelIdentity(label)}
-            variant="outline"
-            className={cn(
-              'inline-flex items-center gap-1 truncate border font-medium ring-0',
-              sizeClasses[size]
-            )}
-            style={
-              styles
-                ? {
-                    backgroundColor: styles.bg,
-                    borderColor: styles.border,
-                    color: styles.text,
-                  }
-                : undefined
-            }
-          >
-            {showIcon && <Tag className={iconSizes[size]} />}
-            <span className="truncate">{label.name ?? ''}</span>
-          </Badge>
-        );
-      })}
-      {hiddenCount > 0 && (
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <Badge
-              variant="outline"
-              className={cn(
-                'inline-flex items-center border-dashed font-medium opacity-80',
-                sizeClasses[size]
-              )}
-            >
-              +{hiddenCount}
-            </Badge>
-          </TooltipTrigger>
-          <TooltipContent side="bottom" className="max-w-xs">
-            <div className="space-y-1">
-              <p className="font-medium text-xs">{hiddenLabelsLabel}</p>
-              {normalizedLabels.slice(maxDisplay).map((label) => (
-                <div key={getTaskLabelIdentity(label)} className="text-xs">
-                  {label.name ?? ''}
-                </div>
-              ))}
-            </div>
-          </TooltipContent>
-        </Tooltip>
-      )}
-    </div>
-  );
-}

package/src/components/ui/tu-do/shared/task-legacy-route-recovery.tsx

@@ -1,65 +0,0 @@
-'use client';
-
-import { useQuery } from '@tanstack/react-query';
-import { getWorkspaceTask } from '@tuturuuu/internal-api/tasks';
-import { useRouter } from 'next/navigation';
-import { useTranslations } from 'next-intl';
-import { useEffect } from 'react';
-import { TaskBoardLoadingState } from './task-board-loading-state';
-import { buildWorkspaceTaskUrl } from './task-url';
-
-interface TaskLegacyRouteRecoveryProps {
-  routePrefix?: string;
-  taskId: string;
-  workspaceId: string;
-}
-
-export function TaskLegacyRouteRecovery({
-  routePrefix = '/tasks',
-  taskId,
-  workspaceId,
-}: TaskLegacyRouteRecoveryProps) {
-  const router = useRouter();
-  const t = useTranslations('common');
-  const { data, error } = useQuery({
-    queryKey: ['legacy-task-route', workspaceId, taskId],
-    queryFn: () => getWorkspaceTask(workspaceId, taskId),
-    retry: false,
-    staleTime: 30000,
-  });
-
-  useEffect(() => {
-    if (!data?.task?.board_id) {
-      return;
-    }
-
-    const canonicalUrl = buildWorkspaceTaskUrl({
-      boardId: data.task.board_id,
-      currentPathname: window.location.pathname,
-      taskId,
-      workspaceId,
-      isPersonalWorkspace: workspaceId === 'personal',
-    }).replace('/tasks/boards/', `${routePrefix}/boards/`);
-
-    if (window.location.pathname + window.location.search !== canonicalUrl) {
-      router.replace(canonicalUrl);
-    }
-  }, [data?.task.board_id, routePrefix, router, taskId, workspaceId]);
-
-  if (error) {
-    return (
-      <div className="flex min-h-[40vh] items-center justify-center p-6">
-        <div className="max-w-md text-center">
-          <p className="font-medium text-destructive">
-            {t('error_loading_data')}
-          </p>
-          <p className="mt-2 text-muted-foreground text-sm">
-            Task ID: {taskId}
-          </p>
-        </div>
-      </div>
-    );
-  }
-
-  return <TaskBoardLoadingState />;
-}

package/src/components/ui/tu-do/shared/task-projects-display.tsx

@@ -1,80 +0,0 @@
-'use client';
-
-import { Box } from '@tuturuuu/icons';
-import type { TaskProject } from '@tuturuuu/types';
-import { Badge } from '@tuturuuu/ui/badge';
-import { Tooltip, TooltipContent, TooltipTrigger } from '@tuturuuu/ui/tooltip';
-import { cn } from '@tuturuuu/utils/format';
-
-interface TaskProjectsDisplayProps {
-  projects: TaskProject[] | undefined | null;
-  className?: string;
-  size?: 'sm' | 'md' | 'lg';
-  showIcon?: boolean;
-}
-
-export function TaskProjectsDisplay({
-  projects,
-  size = 'sm',
-  showIcon = true,
-}: TaskProjectsDisplayProps) {
-  if (!projects || projects.length === 0) return null;
-
-  // Derive sizing tokens
-  const sizeClasses = {
-    sm: 'h-5.5 px-1 text-[10px]',
-    md: 'h-6 px-2 text-xs',
-    lg: 'h-7 px-2.5 text-sm',
-  } as const;
-  const iconSizes = {
-    sm: 'h-3 w-3',
-    md: 'h-3.5 w-3.5',
-    lg: 'h-4 w-4',
-  } as const;
-
-  // If only one project, show just the name
-  if (projects.length === 1) {
-    const project = projects[0];
-    if (!project) return null;
-
-    return (
-      <Badge
-        variant="outline"
-        className={cn(
-          'inline-flex items-center gap-1 truncate border border-dynamic-blue/30 bg-dynamic-blue/10 font-medium text-dynamic-blue ring-0 ring-dynamic-blue/20',
-          sizeClasses[size]
-        )}
-      >
-        {showIcon && <Box className={iconSizes[size]} />}
-        <span className="truncate">{project.name}</span>
-      </Badge>
-    );
-  }
-
-  // If multiple projects, show count with tooltip
-  return (
-    <Tooltip>
-      <TooltipTrigger asChild>
-        <Badge
-          variant="outline"
-          className={cn(
-            'inline-flex cursor-help items-center gap-1 border border-dynamic-blue/30 bg-dynamic-blue/10 font-medium text-dynamic-blue ring-0 ring-dynamic-blue/20',
-            sizeClasses[size]
-          )}
-        >
-          {showIcon && <Box className={iconSizes[size]} />}
-          <span>{projects.length} projects</span>
-        </Badge>
-      </TooltipTrigger>
-      <TooltipContent side="bottom" className="max-h-60 max-w-xs overflow-auto">
-        <div className="space-y-1">
-          {projects.map((project) => (
-            <div key={project.id} className="text-xs">
-              {project.name}
-            </div>
-          ))}
-        </div>
-      </TooltipContent>
-    </Tooltip>
-  );
-}

package/src/components/ui/tu-do/shared/task-quick-create-target-list.ts

@@ -1,20 +0,0 @@
-export const DEFAULT_TASK_QUICK_CREATE_TARGET_LIST = 'default_list';
-
-export const TASK_QUICK_CREATE_TARGET_LIST_VALUES = [
-  DEFAULT_TASK_QUICK_CREATE_TARGET_LIST,
-  'hovered_list',
-] as const;
-
-export type TaskQuickCreateTargetList =
-  (typeof TASK_QUICK_CREATE_TARGET_LIST_VALUES)[number];
-
-export function normalizeTaskQuickCreateTargetList(
-  value: string | null | undefined,
-  fallback: TaskQuickCreateTargetList = DEFAULT_TASK_QUICK_CREATE_TARGET_LIST
-): TaskQuickCreateTargetList {
-  return TASK_QUICK_CREATE_TARGET_LIST_VALUES.includes(
-    value as TaskQuickCreateTargetList
-  )
-    ? (value as TaskQuickCreateTargetList)
-    : fallback;
-}

package/src/components/ui/tu-do/shared/task-resource-search-field.tsx

@@ -1,49 +0,0 @@
-'use client';
-
-import { Search } from '@tuturuuu/icons';
-import { Input } from '@tuturuuu/ui/input';
-import { cn } from '@tuturuuu/utils/format';
-
-export interface TaskResourceSearchFieldProps {
-  value: string;
-  onChange: (value: string) => void;
-  placeholder: string;
-  className?: string;
-  inputClassName?: string;
-  /** When true, prevents parent menus/popovers from stealing keyboard or pointer events (dropdown + popover). */
-  stopEventBubbling?: boolean;
-}
-
-/**
- * Shared search row used by task resource pickers (labels, projects, assignees)
- * in the kanban card menu and the task edit dialog for consistent UX and styling.
- */
-export function TaskResourceSearchField({
-  value,
-  onChange,
-  placeholder,
-  className,
-  inputClassName,
-  stopEventBubbling = true,
-}: TaskResourceSearchFieldProps) {
-  return (
-    <div className={cn('border-b p-2', className)}>
-      <div className="relative">
-        <Search className="absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
-        <Input
-          placeholder={placeholder}
-          value={value}
-          onChange={(e) => onChange(e.target.value)}
-          onKeyDown={stopEventBubbling ? (e) => e.stopPropagation() : undefined}
-          onPointerDownCapture={
-            stopEventBubbling ? (e) => e.stopPropagation() : undefined
-          }
-          className={cn(
-            'h-8 border-0 bg-muted/50 pl-9 text-sm focus-visible:ring-0',
-            inputClassName
-          )}
-        />
-      </div>
-    </div>
-  );
-}

package/src/components/ui/tu-do/shared/task-resource-search-filters.ts

@@ -1,27 +0,0 @@
-import { normalizeBoardText } from '../boards/boardId/board-text-utils';
-
-export function labelNameMatchesQuery(
-  name: string | null | undefined,
-  query: string
-): boolean {
-  return !query || normalizeBoardText(name).includes(normalizeBoardText(query));
-}
-
-export function projectNameMatchesQuery(
-  name: string | null | undefined,
-  query: string
-): boolean {
-  return labelNameMatchesQuery(name, query);
-}
-
-export function memberMatchesSearchQuery(
-  member: { display_name?: string | null; email?: string | null },
-  query: string
-): boolean {
-  if (!query) return true;
-  const q = query.toLowerCase();
-  return (
-    (member.display_name?.toLowerCase().includes(q) ?? false) ||
-    (member.email?.toLowerCase().includes(q) ?? false)
-  );
-}

package/src/components/ui/tu-do/shared/task-row-actions-menu.test.tsx

@@ -1,138 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-
-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 { ReactNode } from 'react';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { TaskRowActionsMenu } from './task-row-actions-menu';
-
-const { handleMoveToCloseMock, openTaskMock, useTaskActionsMock } = vi.hoisted(
-  () => ({
-    handleMoveToCloseMock: vi.fn(),
-    openTaskMock: vi.fn(),
-    useTaskActionsMock: vi.fn(),
-  })
-);
-
-vi.mock('next-intl', () => ({
-  useTranslations: () => (key: string) => key,
-}));
-
-vi.mock('next/link', () => ({
-  default: ({ children, href }: { children: ReactNode; href: string }) => (
-    <a href={href}>{children}</a>
-  ),
-}));
-
-vi.mock('@tuturuuu/ui/hooks/use-task-actions', () => ({
-  useTaskActions: () => useTaskActionsMock(),
-}));
-
-vi.mock('../hooks/useTaskDialog', () => ({
-  useTaskDialog: () => ({ openTask: openTaskMock }),
-}));
-
-vi.mock('../boards/boardId/menus', () => ({
-  TaskDueDateMenu: ({
-    translations,
-  }: {
-    translations: { dueDate: string };
-  }) => <div>{translations.dueDate}</div>,
-  TaskMoveMenu: ({ translations }: { translations: { move: string } }) => (
-    <div>{translations.move}</div>
-  ),
-  TaskPriorityMenu: ({
-    translations,
-  }: {
-    translations: { priority: string };
-  }) => <div>{translations.priority}</div>,
-  TaskSchedulingMenu: ({
-    translations,
-  }: {
-    translations: { schedule: string };
-  }) => <div>{translations.schedule}</div>,
-}));
-
-const documentList = {
-  id: 'documents-list',
-  name: 'Documents',
-  board_id: 'board-1',
-  status: 'documents',
-  created_at: '2026-07-01T00:00:00.000Z',
-  deleted: false,
-} as TaskList;
-
-const closedList = {
-  id: 'closed-list',
-  name: 'Closed',
-  board_id: 'board-1',
-  status: 'closed',
-  created_at: '2026-07-01T00:00:00.000Z',
-  deleted: false,
-} as TaskList;
-
-const task = {
-  id: 'task-1',
-  name: 'Document task',
-  list_id: documentList.id,
-  created_at: '2026-07-01T00:00:00.000Z',
-  display_number: 1,
-} as Task;
-
-describe('TaskRowActionsMenu document tasks', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    useTaskActionsMock.mockReturnValue({
-      handleDelete: vi.fn(),
-      handleDueDateChange: vi.fn(),
-      handleMoveToClose: handleMoveToCloseMock,
-      handleMoveToCompletion: vi.fn(),
-      handleMoveToList: vi.fn(),
-      handlePriorityChange: vi.fn(),
-    });
-  });
-
-  it('shows Archive for document-list tasks while hiding workflow-only actions', () => {
-    render(
-      <TaskRowActionsMenu
-        boardId="board-1"
-        lists={[documentList, closedList]}
-        onOpenChange={vi.fn()}
-        onUpdate={vi.fn()}
-        open
-        task={task}
-        trigger={<button type="button">Actions</button>}
-        workspaceId="workspace-1"
-      />
-    );
-
-    expect(screen.getByText('archive')).toBeInTheDocument();
-    expect(screen.queryByText('mark_as_done')).not.toBeInTheDocument();
-    expect(screen.queryByText('mark_as_closed')).not.toBeInTheDocument();
-    expect(screen.queryByText('start_tracking_time')).not.toBeInTheDocument();
-    expect(screen.queryByText('due_date')).not.toBeInTheDocument();
-    expect(
-      screen.queryByText('ws-task-boards.dialog.schedule')
-    ).not.toBeInTheDocument();
-  });
-
-  it('hides Archive for document-list tasks when the board has no closed list', () => {
-    render(
-      <TaskRowActionsMenu
-        boardId="board-1"
-        lists={[documentList]}
-        onOpenChange={vi.fn()}
-        onUpdate={vi.fn()}
-        open
-        task={task}
-        trigger={<button type="button">Actions</button>}
-        workspaceId="workspace-1"
-      />
-    );
-
-    expect(screen.queryByText('archive')).not.toBeInTheDocument();
-  });
-});