@tuturuuu/ui 0.17.0 → 0.18.0

package/src/components/ui/tu-do/boards/boardId/task-card/task-card-identifier-row.test.tsx

@@ -1,124 +0,0 @@
-import '@testing-library/jest-dom';
-import { fireEvent, render, screen } from '@testing-library/react';
-import { describe, expect, it, vi } from 'vitest';
-import { getTaskCardSelectionCheckboxToneClasses } from './task-card-checkbox-style';
-import { TaskCardIdentifierRow } from './task-card-identifier-row';
-
-describe('TaskCardIdentifierRow', () => {
-  it('renders the selection checkbox before the external source and task identifier', () => {
-    const onSelect = vi.fn();
-
-    render(
-      <TaskCardIdentifierRow
-        externalSourceLabel="Upskii"
-        externalSourceTitle="Upskii / Roadmap / Review"
-        isMultiSelectMode
-        isPersonalExternalTask
-        isSelected={false}
-        onSelect={onSelect}
-        selectTaskLabel="Select Draft response"
-        selectionCheckboxClassName={getTaskCardSelectionCheckboxToneClasses(
-          'BLUE'
-        )}
-        taskListStatus="active"
-        ticketBadgeClassName="text-dynamic-blue"
-        ticketIdentifier="OH-167"
-        ticketTitle="Task OH-167"
-      />
-    );
-
-    const source = screen.getByTestId('task-card-external-source');
-    const checkbox = screen.getByTestId('task-card-selection-checkbox');
-    const ticket = screen.getByTestId('task-card-ticket-identifier');
-
-    expect(checkbox.compareDocumentPosition(source)).toBe(
-      Node.DOCUMENT_POSITION_FOLLOWING
-    );
-    expect(source.compareDocumentPosition(ticket)).toBe(
-      Node.DOCUMENT_POSITION_FOLLOWING
-    );
-    expect(checkbox).toHaveClass('border-dynamic-blue/70');
-    expect(checkbox).toHaveClass('bg-dynamic-blue/5');
-    expect(checkbox.className).toContain(
-      'data-[state=checked]:border-dynamic-blue/70'
-    );
-    expect(checkbox).not.toHaveClass('absolute');
-    expect(checkbox).not.toHaveClass('bg-background/80');
-
-    fireEvent.click(checkbox);
-    expect(onSelect).toHaveBeenCalledTimes(1);
-  });
-
-  it('renders the selection checkbox before an internal task identifier', () => {
-    render(
-      <TaskCardIdentifierRow
-        externalSourceLabel="Source"
-        isMultiSelectMode
-        isPersonalExternalTask={false}
-        isSelected={false}
-        selectTaskLabel="Select task"
-        selectionCheckboxClassName={getTaskCardSelectionCheckboxToneClasses(
-          'GREEN'
-        )}
-        taskListStatus="active"
-        ticketIdentifier="OH-174"
-        ticketTitle="Task OH-174"
-      />
-    );
-
-    const checkbox = screen.getByTestId('task-card-selection-checkbox');
-    const ticket = screen.getByTestId('task-card-ticket-identifier');
-
-    expect(checkbox.compareDocumentPosition(ticket)).toBe(
-      Node.DOCUMENT_POSITION_FOLLOWING
-    );
-    expect(screen.queryByTestId('task-card-external-source')).toBeNull();
-  });
-
-  it('keeps the selection checkbox first when document lists omit the identifier', () => {
-    render(
-      <TaskCardIdentifierRow
-        externalSourceLabel="Exocorpse"
-        externalSourceTitle="Exocorpse / Web"
-        isMultiSelectMode
-        isPersonalExternalTask
-        isSelected={false}
-        selectTaskLabel="Select task"
-        selectionCheckboxClassName={getTaskCardSelectionCheckboxToneClasses(
-          'PURPLE'
-        )}
-        taskListStatus="documents"
-        ticketIdentifier="WEB-54"
-        ticketTitle="Task WEB-54"
-      />
-    );
-
-    const checkbox = screen.getByTestId('task-card-selection-checkbox');
-    const source = screen.getByTestId('task-card-external-source');
-
-    expect(checkbox.compareDocumentPosition(source)).toBe(
-      Node.DOCUMENT_POSITION_FOLLOWING
-    );
-    expect(screen.queryByTestId('task-card-ticket-identifier')).toBeNull();
-  });
-
-  it('omits the selector outside multi-select mode', () => {
-    render(
-      <TaskCardIdentifierRow
-        externalSourceLabel="Source"
-        isMultiSelectMode={false}
-        isPersonalExternalTask={false}
-        isSelected={false}
-        selectTaskLabel="Select task"
-        taskListStatus="active"
-        ticketIdentifier="OH-174"
-        ticketTitle="Task OH-174"
-      />
-    );
-
-    expect(screen.queryByTestId('task-card-selection-checkbox')).toBeNull();
-    expect(screen.getByTestId('task-card-ticket-identifier')).toHaveTextContent(
-      'OH-174'
-    );
-  });
-});

package/src/components/ui/tu-do/boards/boardId/task-card/task-card-identifier-row.tsx

@@ -1,88 +0,0 @@
-import { ExternalLink } from '@tuturuuu/icons';
-import { Badge } from '@tuturuuu/ui/badge';
-import { Checkbox } from '@tuturuuu/ui/checkbox';
-import { cn } from '@tuturuuu/utils/format';
-import type { MouseEvent } from 'react';
-
-interface TaskCardIdentifierRowProps {
-  externalSourceLabel: string;
-  externalSourceTitle?: string;
-  isMultiSelectMode: boolean;
-  isPersonalExternalTask: boolean;
-  isSelected: boolean;
-  onSelect?: (event: MouseEvent<HTMLButtonElement>) => void;
-  selectTaskLabel: string;
-  selectionCheckboxClassName?: string;
-  taskListStatus?: string | null;
-  ticketBadgeClassName?: string;
-  ticketIdentifier: string | null;
-  ticketTitle: string;
-}
-
-export function TaskCardIdentifierRow({
-  externalSourceLabel,
-  externalSourceTitle,
-  isMultiSelectMode,
-  isPersonalExternalTask,
-  isSelected,
-  onSelect,
-  selectTaskLabel,
-  selectionCheckboxClassName,
-  taskListStatus,
-  ticketBadgeClassName,
-  ticketIdentifier,
-  ticketTitle,
-}: TaskCardIdentifierRowProps) {
-  return (
-    <div
-      className={cn(
-        'mb-1 flex min-w-0 flex-wrap items-center gap-1',
-        isPersonalExternalTask && 'gap-x-1.5'
-      )}
-    >
-      {isMultiSelectMode && (
-        <Checkbox
-          checked={isSelected}
-          aria-label={selectTaskLabel}
-          data-testid="task-card-selection-checkbox"
-          className={cn(
-            'h-4 w-4 shrink-0 border-2 shadow-sm transition-all duration-200 hover:scale-110 hover:border-primary/50',
-            selectionCheckboxClassName
-          )}
-          onPointerDown={(event) => {
-            event.stopPropagation();
-          }}
-          onClick={(event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            onSelect?.(event);
-          }}
-        />
-      )}
-      {isPersonalExternalTask && (
-        <Badge
-          variant="secondary"
-          className="h-5 min-w-0 max-w-[70%] gap-1 border border-dynamic-cyan/30 bg-dynamic-cyan/10 px-1.5 text-[10px] text-dynamic-cyan"
-          title={externalSourceTitle}
-          data-testid="task-card-external-source"
-        >
-          <ExternalLink className="h-2.5 w-2.5 shrink-0" />
-          <span className="truncate">{externalSourceLabel}</span>
-        </Badge>
-      )}
-      {taskListStatus !== 'documents' && ticketIdentifier && (
-        <Badge
-          variant="outline"
-          className={cn(
-            'w-fit px-1 py-0 font-mono text-[10px]',
-            ticketBadgeClassName
-          )}
-          title={ticketTitle}
-          data-testid="task-card-ticket-identifier"
-        >
-          {ticketIdentifier}
-        </Badge>
-      )}
-    </div>
-  );
-}

package/src/components/ui/tu-do/boards/boardId/task-card/task-card-label-options.ts

@@ -1,24 +0,0 @@
-interface TaskCardLabelOption {
-  id: string;
-  name: string;
-  color: string;
-}
-
-export function mergeTaskCardLabelOptions<TLabel extends TaskCardLabelOption>(
-  workspaceLabels: TLabel[],
-  taskLabels: TLabel[]
-) {
-  const labelsById = new Map<string, TLabel>();
-
-  for (const label of workspaceLabels) {
-    labelsById.set(label.id, label);
-  }
-
-  for (const label of taskLabels) {
-    labelsById.set(label.id, label);
-  }
-
-  return Array.from(labelsById.values()).sort((a, b) =>
-    (a.name || '').toLowerCase().localeCompare((b.name || '').toLowerCase())
-  );
-}

package/src/components/ui/tu-do/boards/boardId/task-card/task-card-open-options.test.ts

@@ -1,166 +0,0 @@
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type { TaskList } from '@tuturuuu/types/primitives/TaskList';
-import { describe, expect, it } from 'vitest';
-import {
-  getTaskCardHydratingOpenOptions,
-  isExternalTaskSnapshot,
-} from './task-card-open-options';
-
-const task = {
-  id: 'task-1',
-  name: 'Visible task',
-  description: '',
-  list_id: 'list-1',
-  display_number: 7,
-  created_at: '2026-06-12T00:00:00.000Z',
-  end_date: null,
-  priority: 'normal',
-} satisfies Task;
-
-const list = {
-  id: 'list-1',
-  name: 'To Do',
-  board_id: 'board-1',
-  position: 0,
-  status: 'not_started',
-  color: 'BLUE',
-  created_at: '2026-06-12T00:00:00.000Z',
-  creator_id: 'user-1',
-  archived: false,
-  deleted: false,
-} satisfies TaskList;
-
-describe('getTaskCardHydratingOpenOptions', () => {
-  it('opens external task cards from the visible snapshot while hydrating source details', () => {
-    const externalTask = {
-      ...task,
-      list_id: 'personal-list',
-      source_workspace_id: 'source-workspace',
-      source_workspace_name: 'Source workspace',
-      source_board_id: 'source-board',
-      source_board_name: 'Source board',
-      source_list_id: 'source-list',
-      source_list_name: 'Doing',
-      source_list_status: 'active',
-      ticket_prefix: 'SRC',
-    } satisfies Task & { ticket_prefix: string };
-
-    expect(
-      getTaskCardHydratingOpenOptions({
-        task: externalTask,
-        boardId: 'personal-board',
-        availableLists: [list],
-        effectiveWorkspaceId: 'personal-workspace',
-        isPersonalWorkspace: true,
-      })
-    ).toEqual({
-      initialTask: {
-        ...externalTask,
-        list_id: 'source-list',
-      },
-      boardId: 'source-board',
-      availableLists: [
-        {
-          id: 'source-list',
-          name: 'Doing',
-          board_id: 'source-board',
-          position: 0,
-          status: 'active',
-          color: 'GRAY',
-          created_at: '2026-06-12T00:00:00.000Z',
-          creator_id: '',
-          archived: false,
-          deleted: false,
-        },
-      ],
-      taskWsId: 'source-workspace',
-      taskWorkspacePersonal: false,
-      canUseBoardAssignees: true,
-      assigneeMemberSource: 'board',
-      initialSharedContext: {
-        boardConfig: {
-          id: 'source-board',
-          name: 'Source board',
-          ws_id: 'source-workspace',
-          ticket_prefix: 'SRC',
-        },
-        availableLists: [
-          {
-            id: 'source-list',
-            name: 'Doing',
-            board_id: 'source-board',
-            position: 0,
-            status: 'active',
-            color: 'GRAY',
-            created_at: '2026-06-12T00:00:00.000Z',
-            creator_id: '',
-            archived: false,
-            deleted: false,
-          },
-        ],
-        workspaceLabels: [],
-        workspaceMembers: [],
-        workspaceProjects: [],
-      },
-      visibleBoardId: 'personal-board',
-      visibleTaskSnapshot: externalTask,
-    });
-  });
-
-  it('keeps local board metadata for non-source personal tasks', () => {
-    expect(
-      getTaskCardHydratingOpenOptions({
-        task,
-        boardId: 'board-1',
-        availableLists: [list],
-        effectiveWorkspaceId: 'workspace-1',
-        isPersonalWorkspace: true,
-      })
-    ).toEqual({
-      initialTask: task,
-      boardId: 'board-1',
-      availableLists: [list],
-      taskWsId: 'workspace-1',
-      taskWorkspacePersonal: true,
-      canUseBoardAssignees: false,
-      assigneeMemberSource: undefined,
-      initialSharedContext: undefined,
-    });
-  });
-
-  it('can keep assignees enabled for shared personal board tasks', () => {
-    expect(
-      getTaskCardHydratingOpenOptions({
-        task,
-        boardId: 'board-1',
-        availableLists: [list],
-        canUseBoardAssignees: true,
-        effectiveWorkspaceId: 'workspace-1',
-        isPersonalWorkspace: true,
-      })
-    ).toMatchObject({
-      canUseBoardAssignees: true,
-      taskWorkspacePersonal: true,
-    });
-  });
-
-  it('treats source metadata as an external task snapshot', () => {
-    expect(
-      isExternalTaskSnapshot({
-        ...task,
-        source_workspace_id: 'source-workspace',
-      })
-    ).toBe(true);
-    expect(isExternalTaskSnapshot(task)).toBe(false);
-  });
-
-  it('does not treat personal placement metadata alone as an external snapshot', () => {
-    expect(
-      isExternalTaskSnapshot({
-        ...task,
-        personal_board_id: 'board-1',
-        personal_list_id: 'list-1',
-      })
-    ).toBe(false);
-  });
-});

package/src/components/ui/tu-do/boards/boardId/task-card/task-card-open-options.ts

@@ -1,148 +0,0 @@
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type { TaskList } from '@tuturuuu/types/primitives/TaskList';
-import { isPersonalExternalOverlayTask } from '../../../../../../lib/task-personal-external';
-import type { SharedTaskContext } from '../../../shared/task-edit-dialog/hooks/use-task-data';
-
-interface TaskCardOpenOptionsInput {
-  task: Task;
-  boardId: string;
-  availableLists?: TaskList[];
-  assigneeMemberSource?: 'workspace' | 'board' | 'workspace-and-board';
-  canUseBoardAssignees?: boolean;
-  effectiveWorkspaceId?: string;
-  isPersonalWorkspace: boolean;
-}
-
-export function isExternalTaskSnapshot(task: Task) {
-  if (task.is_personal_external === false) {
-    return false;
-  }
-
-  return (
-    isPersonalExternalOverlayTask(task) ||
-    Boolean(task.source_workspace_id) ||
-    Boolean(task.source_board_id)
-  );
-}
-
-function normalizeSourceListStatus(status?: string | null): TaskList['status'] {
-  switch (status) {
-    case 'documents':
-    case 'not_started':
-    case 'active':
-    case 'review':
-    case 'done':
-    case 'closed':
-      return status;
-    default:
-      return 'not_started';
-  }
-}
-
-function getTaskTicketPrefix(task: Task) {
-  return 'ticket_prefix' in task && typeof task.ticket_prefix === 'string'
-    ? task.ticket_prefix
-    : undefined;
-}
-
-function buildInitialSourceList(
-  task: Task,
-  sourceBoardId: string
-): TaskList | undefined {
-  if (!task.source_list_id) {
-    return undefined;
-  }
-
-  return {
-    id: task.source_list_id,
-    name: task.source_list_name ?? task.source_list_id,
-    archived: false,
-    deleted: false,
-    created_at: task.created_at,
-    board_id: sourceBoardId,
-    creator_id: '',
-    status: normalizeSourceListStatus(task.source_list_status),
-    color: 'GRAY',
-    position: 0,
-  };
-}
-
-function buildInitialSourceContext(
-  task: Task,
-  sourceWorkspaceId?: string,
-  sourceBoardId?: string
-): SharedTaskContext | undefined {
-  if (!sourceBoardId) {
-    return undefined;
-  }
-
-  const sourceList = buildInitialSourceList(task, sourceBoardId);
-
-  return {
-    boardConfig: {
-      id: sourceBoardId,
-      name: task.source_board_name ?? sourceBoardId,
-      ws_id: sourceWorkspaceId,
-      ticket_prefix: getTaskTicketPrefix(task),
-    },
-    availableLists: sourceList ? [sourceList] : undefined,
-    workspaceLabels: task.labels ?? [],
-    workspaceMembers:
-      task.assignees?.map((assignee) => ({
-        id: assignee.id,
-        user_id: assignee.id,
-        display_name: assignee.display_name ?? assignee.email ?? assignee.id,
-        avatar_url: assignee.avatar_url ?? null,
-      })) ?? [],
-    workspaceProjects: task.projects ?? [],
-  };
-}
-
-export function getTaskCardHydratingOpenOptions({
-  task,
-  boardId,
-  availableLists,
-  assigneeMemberSource,
-  canUseBoardAssignees,
-  effectiveWorkspaceId,
-  isPersonalWorkspace,
-}: TaskCardOpenOptionsInput) {
-  const sourceWorkspaceId = task.source_workspace_id;
-  const sourceBoardId = task.source_board_id;
-  const isExternalSnapshot = isExternalTaskSnapshot(task);
-  const initialSharedContext = buildInitialSourceContext(
-    task,
-    sourceWorkspaceId ?? undefined,
-    sourceBoardId ?? undefined
-  );
-  const initialTask = {
-    ...task,
-    list_id: task.source_list_id ?? task.list_id,
-  };
-  const sourceBoardAssigneesEnabled = sourceWorkspaceId
-    ? true
-    : !isPersonalWorkspace;
-
-  return {
-    initialTask,
-    boardId: sourceBoardId ?? boardId,
-    availableLists:
-      sourceBoardId && initialSharedContext?.availableLists
-        ? initialSharedContext.availableLists
-        : sourceBoardId
-          ? undefined
-          : availableLists,
-    taskWsId: sourceWorkspaceId ?? effectiveWorkspaceId,
-    taskWorkspacePersonal: sourceWorkspaceId ? false : isPersonalWorkspace,
-    canUseBoardAssignees: canUseBoardAssignees ?? sourceBoardAssigneesEnabled,
-    assigneeMemberSource:
-      assigneeMemberSource ?? (sourceWorkspaceId ? 'board' : undefined),
-    initialSharedContext,
-    ...(isExternalSnapshot
-      ? {
-          visibleBoardId: boardId,
-          visibleTaskSnapshot: task,
-        }
-      : {}),
-  };
-}

package/src/components/ui/tu-do/boards/boardId/task-card/task-card-resource-context.test.ts

@@ -1,113 +0,0 @@
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type { TaskList } from '@tuturuuu/types/primitives/TaskList';
-import { describe, expect, it } from 'vitest';
-import { getTaskCardResourceContext } from './task-card-resource-context';
-
-const pageList = {
-  id: 'page-list',
-  name: 'Page list',
-  board_id: 'page-board',
-  position: 0,
-  status: 'not_started',
-  color: 'BLUE',
-  created_at: '2026-07-04T00:00:00.000Z',
-  creator_id: 'user-1',
-  archived: false,
-  deleted: false,
-} satisfies TaskList;
-
-const task = {
-  id: 'task-1',
-  name: 'Task',
-  description: '',
-  list_id: 'page-list',
-  display_number: 1,
-  created_at: '2026-07-04T00:00:00.000Z',
-  end_date: null,
-  priority: 'normal',
-} satisfies Task;
-
-describe('getTaskCardResourceContext', () => {
-  it('keeps local task resources on the page workspace and board', () => {
-    expect(
-      getTaskCardResourceContext({
-        boardId: 'page-board',
-        pageWorkspaceId: 'page-workspace',
-        propAvailableLists: [pageList],
-        task,
-      })
-    ).toEqual({
-      boardViewableMembersBoardId: 'page-board',
-      boardViewableMembersWorkspaceId: 'page-workspace',
-      effectiveWorkspaceId: 'page-workspace',
-      initialAvailableLists: [pageList],
-      isSourceWorkspaceTask: false,
-      taskBoardId: 'page-board',
-    });
-  });
-
-  it('routes source task labels, projects, lists, and members to the source workspace and board', () => {
-    expect(
-      getTaskCardResourceContext({
-        boardId: 'personal-board',
-        pageWorkspaceId: 'personal-workspace',
-        propAvailableLists: [pageList],
-        task: {
-          ...task,
-          list_id: 'personal-list',
-          source_board_id: 'source-board',
-          source_workspace_id: 'source-workspace',
-        },
-      })
-    ).toEqual({
-      boardViewableMembersBoardId: 'source-board',
-      boardViewableMembersWorkspaceId: 'source-workspace',
-      effectiveWorkspaceId: 'source-workspace',
-      initialAvailableLists: undefined,
-      isSourceWorkspaceTask: true,
-      taskBoardId: 'source-board',
-    });
-  });
-
-  it('uses the page workspace when a source board is present without source workspace metadata', () => {
-    expect(
-      getTaskCardResourceContext({
-        boardId: 'page-board',
-        pageWorkspaceId: 'page-workspace',
-        propAvailableLists: [pageList],
-        task: {
-          ...task,
-          source_board_id: 'source-board',
-        },
-      })
-    ).toMatchObject({
-      boardViewableMembersBoardId: 'source-board',
-      boardViewableMembersWorkspaceId: 'page-workspace',
-      effectiveWorkspaceId: 'page-workspace',
-      initialAvailableLists: undefined,
-      isSourceWorkspaceTask: true,
-      taskBoardId: 'source-board',
-    });
-  });
-
-  it('keeps page board list data when only source workspace metadata is available', () => {
-    expect(
-      getTaskCardResourceContext({
-        boardId: 'page-board',
-        pageWorkspaceId: 'page-workspace',
-        propAvailableLists: [pageList],
-        task: {
-          ...task,
-          source_workspace_id: 'source-workspace',
-        },
-      })
-    ).toMatchObject({
-      boardViewableMembersBoardId: 'page-board',
-      boardViewableMembersWorkspaceId: 'source-workspace',
-      effectiveWorkspaceId: 'source-workspace',
-      initialAvailableLists: [pageList],
-      isSourceWorkspaceTask: true,
-      taskBoardId: 'page-board',
-    });
-  });
-});