@tuturuuu/ui 0.17.0 → 0.18.0

package/src/components/ui/tu-do/shared/empty-state-card.tsx

@@ -1,46 +0,0 @@
-import type { LucideIcon } from '@tuturuuu/icons';
-import { Button } from '@tuturuuu/ui/button';
-
-interface EmptyStateCardProps {
-  title: string;
-  description: string;
-  actionLabel: string;
-  ActionIcon: LucideIcon;
-  onAction: () => void;
-}
-
-/**
- * EmptyStateCard component displays a centered empty state with an action button.
- * Used consistently across popovers when no items are configured (labels, projects, etc.).
- *
- * @example
- * ```tsx
- * <EmptyStateCard
- *   title="No labels configured yet"
- *   description="Create labels to organize your tasks"
- *   actionLabel="Create Label"
- *   ActionIcon={Plus}
- *   onAction={() => setShowNewLabelDialog(true)}
- * />
- * ```
- */
-export function EmptyStateCard({
-  title,
-  description,
-  actionLabel,
-  ActionIcon,
-  onAction,
-}: EmptyStateCardProps) {
-  return (
-    <div className="flex flex-col items-center justify-center gap-3 p-4">
-      <div className="space-y-2 text-center">
-        <p className="font-medium text-muted-foreground text-sm">{title}</p>
-        <p className="text-muted-foreground/60 text-xs">{description}</p>
-      </div>
-      <Button size="sm" onClick={onAction} className="mt-2 w-full">
-        <ActionIcon className="mr-1.5 h-3.5 w-3.5" />
-        {actionLabel}
-      </Button>
-    </div>
-  );
-}

package/src/components/ui/tu-do/shared/estimation-mapping.test.ts

@@ -1,32 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import {
-  buildEstimationIndices,
-  mapEstimationPoints,
-} from './estimation-mapping';
-
-describe('estimation-mapping', () => {
-  it('maps t-shirt sizes correctly', () => {
-    expect(mapEstimationPoints(0, 't-shirt')).toBe('-');
-    expect(mapEstimationPoints(5, 't-shirt')).toBe('XL');
-  });
-
-  it('maps fibonacci indices correctly', () => {
-    expect(mapEstimationPoints(4, 'fibonacci')).toBe('5');
-    expect(mapEstimationPoints(7, 'fibonacci')).toBe('21');
-  });
-
-  it('builds indices respecting extended flag', () => {
-    expect(
-      buildEstimationIndices({ extended: false, allowZero: true })
-    ).toEqual([0, 1, 2, 3, 4, 5]);
-    expect(buildEstimationIndices({ extended: true, allowZero: true })).toEqual(
-      [0, 1, 2, 3, 4, 5, 6, 7]
-    );
-  });
-
-  it('omits zero when allowZero is false', () => {
-    expect(
-      buildEstimationIndices({ extended: false, allowZero: false })
-    ).toEqual([1, 2, 3, 4, 5]);
-  });
-});

package/src/components/ui/tu-do/shared/estimation-mapping.ts

@@ -1,74 +0,0 @@
-// Shared estimation mapping utility to keep display logic DRY.
-// Underlying stored value is always an index (0..7). This helper
-// returns a human-readable representation based on estimation type.
-// Supported types: 't-shirt', 'fibonacci', 'exponential', default numeric.
-
-export type EstimationType =
-  | 't-shirt'
-  | 'fibonacci'
-  | 'exponential'
-  | string
-  | null
-  | undefined;
-
-const TSHIRT_MAP: Record<number, string> = {
-  0: '-',
-  1: 'XS',
-  2: 'S',
-  3: 'M',
-  4: 'L',
-  5: 'XL',
-  6: 'XXL',
-  7: 'XXXL',
-};
-
-const FIB_MAP: Record<number, string> = {
-  0: '0',
-  1: '1',
-  2: '2',
-  3: '3',
-  4: '5',
-  5: '8',
-  6: '13',
-  7: '21',
-};
-
-const EXP_MAP: Record<number, string> = {
-  0: '0',
-  1: '1',
-  2: '2',
-  3: '4',
-  4: '8',
-  5: '16',
-  6: '32',
-  7: '64',
-};
-
-export function mapEstimationPoints(
-  points: number,
-  estimationType: EstimationType
-): string {
-  if (points == null) return '';
-  switch (estimationType) {
-    case 't-shirt':
-      return TSHIRT_MAP[points] ?? String(points);
-    case 'fibonacci':
-      return FIB_MAP[points] ?? String(points);
-    case 'exponential':
-      return EXP_MAP[points] ?? String(points);
-    default:
-      return String(points);
-  }
-}
-
-// Build list of point indices respecting allowZero/extended flags.
-// We always return indices (0..maxIndex) so callers can decide about UI disabling.
-export function buildEstimationIndices(params: {
-  extended: boolean | null | undefined;
-  allowZero: boolean | null | undefined;
-}): number[] {
-  const max = params.extended ? 7 : 5;
-  let indices = Array.from({ length: max + 1 }, (_, i) => i);
-  if (!params.allowZero) indices = indices.filter((i) => i !== 0);
-  return indices;
-}

package/src/components/ui/tu-do/shared/estimation-utils.ts

@@ -1,54 +0,0 @@
-import {
-  buildEstimationIndices,
-  mapEstimationPoints,
-} from './estimation-mapping';
-
-// Wrapper to preserve legacy API while delegating to shared mapping util
-export function getEstimationDisplayLabel(
-  points: number,
-  estimationType?: string | null
-): string {
-  return mapEstimationPoints(points, estimationType || undefined);
-}
-
-export function getEstimationOptions(boardConfig: {
-  estimation_type?: string | null;
-  extended_estimation?: boolean;
-  allow_zero_estimates?: boolean;
-}): number[] {
-  if (!boardConfig?.estimation_type) return [];
-  return buildEstimationIndices({
-    extended: boardConfig.extended_estimation,
-    allowZero: boardConfig.allow_zero_estimates,
-  });
-}
-
-export function getEstimationRangeDescription(
-  estimationType: string | null,
-  isExtended?: boolean,
-  allowZero?: boolean
-): string {
-  if (!estimationType || estimationType === 'none')
-    return 'No estimation configured';
-  const prefix = allowZero ? '' : '(no zero) ';
-  switch (estimationType) {
-    case 'fibonacci':
-      return isExtended
-        ? `${prefix}Fibonacci: 0, 1, 2, 3, 5, 8, 13, 21`
-        : `${prefix}Fibonacci: 0, 1, 2, 3, 5, 8`;
-    case 't-shirt':
-      return isExtended
-        ? `${prefix}T-shirt: -, XS, S, M, L, XL, XXL, XXXL`
-        : `${prefix}T-shirt: -, XS, S, M, L, XL`;
-    case 'exponential':
-      return isExtended
-        ? `${prefix}Exponential: 0, 1, 2, 4, 8, 16, 32, 64`
-        : `${prefix}Exponential: 0, 1, 2, 4, 8, 16`;
-    case 'linear':
-      return isExtended
-        ? `${prefix}Linear: 0, 1, 2, 3, 4, 5, 6, 7`
-        : `${prefix}Linear: 0, 1, 2, 3, 4, 5`;
-    default:
-      return 'No estimation configured';
-  }
-}

package/src/components/ui/tu-do/shared/fade-setting-initializer.tsx

@@ -1,61 +0,0 @@
-'use client';
-
-import { useQuery } from '@tanstack/react-query';
-import { createClient } from '@tuturuuu/supabase/next/client';
-import { useEffect, useState } from 'react';
-import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
-
-interface TaskSettingsData {
-  task_auto_assign_to_self: boolean;
-  fade_completed_tasks: boolean;
-}
-
-/**
- * Initializes the fade completed tasks setting on page load.
- * Only fetches user settings from API if user is logged in.
- * Sets the body data attribute based on user preferences.
- */
-export function FadeSettingInitializer() {
-  const [isLoggedIn, setIsLoggedIn] = useState<boolean | null>(null);
-
-  // Check if user is logged in
-  useEffect(() => {
-    const checkAuth = async () => {
-      const supabase = createClient();
-      const {
-        data: { user },
-      } = await supabase.auth.getUser();
-      setIsLoggedIn(!!user);
-    };
-    checkAuth();
-  }, []);
-
-  const { data: settings } = useQuery({
-    queryKey: ['user-task-settings'],
-    queryFn: async (): Promise<TaskSettingsData> => {
-      const res = await fetch(getTaskApiUrl('/api/v1/users/task-settings'), {
-        cache: 'no-store',
-        credentials: 'include',
-      });
-      if (!res.ok) {
-        // Return defaults if API fails
-        return { task_auto_assign_to_self: false, fade_completed_tasks: false };
-      }
-      return res.json();
-    },
-    staleTime: 5 * 60 * 1000,
-    retry: false,
-    refetchOnWindowFocus: false,
-    refetchOnReconnect: false,
-    // Only fetch if user is logged in
-    enabled: isLoggedIn === true,
-  });
-
-  useEffect(() => {
-    // Default to false (no fade) until settings are loaded
-    const enabled = settings?.fade_completed_tasks ?? false;
-    document.body.setAttribute('data-fade-completed', String(enabled));
-  }, [settings?.fade_completed_tasks]);
-
-  return null;
-}

package/src/components/ui/tu-do/shared/label-chip.tsx

@@ -1,46 +0,0 @@
-'use client';
-
-import { Tag } from '@tuturuuu/icons';
-import type { TaskLabelSummary } from '@tuturuuu/types/db';
-import { Badge } from '@tuturuuu/ui/badge';
-import { cn } from '@tuturuuu/utils/format';
-import { computeAccessibleLabelStyles } from '../utils/label-colors';
-
-export type TaskLabel = TaskLabelSummary;
-
-interface LabelChipProps {
-  label: TaskLabel;
-  className?: string;
-  showIcon?: boolean;
-  isDark?: boolean;
-}
-
-export function LabelChip({
-  label,
-  className,
-  showIcon = true,
-  isDark,
-}: LabelChipProps) {
-  const styles = computeAccessibleLabelStyles(label.color, isDark);
-  return (
-    <Badge
-      variant="outline"
-      className={cn(
-        'inline-flex items-center gap-1 border font-medium ring-0',
-        className
-      )}
-      style={
-        styles
-          ? {
-              backgroundColor: styles.bg,
-              borderColor: styles.border,
-              color: styles.text,
-            }
-          : { backgroundColor: label.color }
-      }
-    >
-      {showIcon && <Tag className="h-3 w-3 shrink-0" />}
-      <span className="truncate">{label.name}</span>
-    </Badge>
-  );
-}

package/src/components/ui/tu-do/shared/list-view-context-menu.test.tsx

@@ -1,203 +0,0 @@
-import '@testing-library/jest-dom';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { fireEvent, render, screen } from '@testing-library/react';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type { TaskList } from '@tuturuuu/types/primitives/TaskList';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { ListView } from './list-view';
-
-const openTaskMock = vi.hoisted(() => vi.fn());
-const openTaskByIdMock = vi.hoisted(() => vi.fn());
-
-vi.mock('next-intl', () => ({
-  useLocale: () => 'en',
-  useTranslations: () => (key: string) => key,
-}));
-
-vi.mock('next-themes', () => ({
-  useTheme: () => ({ resolvedTheme: 'light' }),
-}));
-
-vi.mock('next/image', () => ({
-  default: () => null,
-}));
-
-vi.mock('../hooks/useTaskDialog', () => ({
-  useTaskDialog: () => ({
-    openTask: openTaskMock,
-    openTaskById: openTaskByIdMock,
-  }),
-}));
-
-vi.mock('./board-broadcast-context', () => ({
-  useBoardBroadcast: () => null,
-}));
-
-vi.mock('../boards/boardId/kanban/bulk/bulk-operations', () => ({
-  useBulkOperations: () => ({
-    bulkDeleteTasks: vi.fn(),
-    bulkUpdateDueDate: vi.fn(),
-    bulkUpdatePriority: vi.fn(),
-  }),
-}));
-
-vi.mock('./task-row-actions-menu', () => ({
-  TaskRowActionsMenu: ({
-    onOpenChange,
-    open,
-    contextMenuPoint,
-    task,
-  }: {
-    contextMenuPoint?: { x: number; y: number } | null;
-    onOpenChange?: (open: boolean) => void;
-    open?: boolean;
-    task: Task;
-  }) => (
-    <div>
-      <button
-        data-testid={`mock-task-menu-trigger-${task.id}`}
-        type="button"
-        onClick={(event) => {
-          event.stopPropagation();
-          onOpenChange?.(!open);
-        }}
-      >
-        more
-      </button>
-      {open && (
-        <div data-testid={`mock-task-menu-${task.id}`}>
-          {contextMenuPoint
-            ? `${contextMenuPoint.x}:${contextMenuPoint.y}`
-            : 'menu'}
-        </div>
-      )}
-    </div>
-  ),
-}));
-
-const lists: TaskList[] = [
-  {
-    archived: false,
-    board_id: 'board-1',
-    color: 'GRAY',
-    created_at: '2026-05-20T00:00:00.000Z',
-    creator_id: 'user-1',
-    deleted: false,
-    id: 'list-1',
-    name: 'To Do',
-    position: 0,
-    status: 'not_started',
-  },
-];
-
-const tasks: Task[] = [
-  {
-    assignees: [],
-    created_at: '2026-05-20T00:00:00.000Z',
-    display_number: 1,
-    end_date: null,
-    id: 'task-1',
-    labels: [],
-    list_id: 'list-1',
-    name: 'Openable task',
-    priority: 'normal',
-    sort_key: 1,
-    start_date: undefined,
-  },
-];
-
-function renderListView(viewTasks = tasks) {
-  const queryClient = new QueryClient({
-    defaultOptions: {
-      queries: { retry: false },
-    },
-  });
-
-  return render(
-    <QueryClientProvider client={queryClient}>
-      <ListView
-        boardId="board-1"
-        lists={lists}
-        tasks={viewTasks}
-        workspaceId="ws-1"
-        isPersonalWorkspace={true}
-      />
-    </QueryClientProvider>
-  );
-}
-
-describe('ListView task context menu', () => {
-  beforeEach(() => {
-    openTaskMock.mockReset();
-    openTaskByIdMock.mockReset();
-  });
-
-  it('opens the shared task menu from row right-click and the compact menu button', () => {
-    renderListView();
-
-    fireEvent.contextMenu(screen.getByText('Openable task'), {
-      clientX: 120,
-      clientY: 80,
-    });
-    expect(screen.getByTestId('mock-task-menu-task-1')).toHaveTextContent(
-      '120:80'
-    );
-
-    fireEvent.click(screen.getByTestId('mock-task-menu-trigger-task-1'));
-    expect(
-      screen.queryByTestId('mock-task-menu-task-1')
-    ).not.toBeInTheDocument();
-
-    fireEvent.click(screen.getByTestId('mock-task-menu-trigger-task-1'));
-    expect(screen.getByTestId('mock-task-menu-task-1')).toBeInTheDocument();
-  });
-
-  it('opens external rows through the hydrating task-by-id path immediately', () => {
-    const externalTask: Task = {
-      ...tasks[0]!,
-      id: 'external-task',
-      name: 'External task',
-      list_id: 'personal-list',
-      personal_board_id: 'board-1',
-      is_personal_external: true,
-      source_workspace_id: 'source-ws',
-      source_board_id: 'source-board',
-      source_board_name: 'Source board',
-      source_list_id: 'source-list',
-      source_list_name: 'Source list',
-    } satisfies Task;
-
-    renderListView([externalTask]);
-
-    fireEvent.click(screen.getByText('External task'));
-
-    expect(openTaskByIdMock).toHaveBeenCalledWith(
-      'external-task',
-      expect.objectContaining({
-        boardId: 'source-board',
-        taskWsId: 'source-ws',
-        taskWorkspacePersonal: false,
-        initialTask: expect.objectContaining({
-          id: 'external-task',
-          list_id: 'source-list',
-          name: 'External task',
-        }),
-        initialSharedContext: expect.objectContaining({
-          boardConfig: expect.objectContaining({
-            id: 'source-board',
-            name: 'Source board',
-            ws_id: 'source-ws',
-          }),
-          availableLists: [
-            expect.objectContaining({
-              id: 'source-list',
-              name: 'Source list',
-              board_id: 'source-board',
-            }),
-          ],
-        }),
-      })
-    );
-    expect(openTaskMock).not.toHaveBeenCalled();
-  });
-});

package/src/components/ui/tu-do/shared/list-view-sorting.test.ts

@@ -1,50 +0,0 @@
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import { describe, expect, it } from 'vitest';
-import { sortListViewTasks } from './list-view-sorting';
-
-function task(id: string, name: string, createdAt: string): Task {
-  return {
-    assignees: [],
-    created_at: createdAt,
-    display_number: 1,
-    end_date: null,
-    id,
-    labels: [],
-    list_id: 'list-1',
-    name,
-    priority: null,
-    sort_key: 1000,
-    start_date: undefined,
-  };
-}
-
-describe('sortListViewTasks', () => {
-  it('keeps parent-provided order when board-level sorting is active', () => {
-    const parentSortedTasks = [
-      task('task-a', 'Alpha', '2026-01-01T00:00:00.000Z'),
-      task('task-z', 'Zulu', '2026-05-01T00:00:00.000Z'),
-    ];
-
-    expect(
-      sortListViewTasks(parentSortedTasks, {
-        preserveTaskOrder: true,
-        sortField: 'created_at',
-        sortOrder: 'desc',
-      }).map((item) => item.id)
-    ).toEqual(['task-a', 'task-z']);
-  });
-
-  it('uses local list sorting when no parent ordering must be preserved', () => {
-    const tasks = [
-      task('task-a', 'Alpha', '2026-01-01T00:00:00.000Z'),
-      task('task-z', 'Zulu', '2026-05-01T00:00:00.000Z'),
-    ];
-
-    expect(
-      sortListViewTasks(tasks, {
-        sortField: 'created_at',
-        sortOrder: 'desc',
-      }).map((item) => item.id)
-    ).toEqual(['task-z', 'task-a']);
-  });
-});

package/src/components/ui/tu-do/shared/list-view-sorting.ts

@@ -1,108 +0,0 @@
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import { priorityCompare } from '@tuturuuu/utils/task-helper';
-
-export type ListViewSortField =
-  | 'name'
-  | 'priority'
-  | 'start_date'
-  | 'end_date'
-  | 'assignees'
-  | 'created_at'
-  | 'status';
-
-export type ListViewSortOrder = 'asc' | 'desc';
-
-interface SortListViewTasksOptions {
-  preserveTaskOrder?: boolean;
-  searchQuery?: string;
-  sortField: ListViewSortField;
-  sortOrder: ListViewSortOrder;
-}
-
-export function sortListViewTasks(
-  tasks: Task[],
-  {
-    preserveTaskOrder = false,
-    searchQuery,
-    sortField,
-    sortOrder,
-  }: SortListViewTasksOptions
-) {
-  const sorted = [...tasks];
-
-  if (preserveTaskOrder || searchQuery?.trim()) {
-    return sorted;
-  }
-
-  sorted.sort((a, b) => {
-    const aCompleted = !!a.closed_at;
-    const bCompleted = !!b.closed_at;
-
-    if (aCompleted !== bCompleted) {
-      return aCompleted ? 1 : -1;
-    }
-
-    let comparison = 0;
-
-    switch (sortField) {
-      case 'name':
-        comparison = a.name.localeCompare(b.name);
-        break;
-      case 'priority': {
-        const aPriority = a.priority ?? null;
-        const bPriority = b.priority ?? null;
-        comparison = priorityCompare(aPriority, bPriority);
-        break;
-      }
-      case 'start_date': {
-        const aDate = a.start_date
-          ? new Date(a.start_date).getTime()
-          : Number.MAX_SAFE_INTEGER;
-        const bDate = b.start_date
-          ? new Date(b.start_date).getTime()
-          : Number.MAX_SAFE_INTEGER;
-        comparison = aDate - bDate;
-        break;
-      }
-      case 'end_date': {
-        const aDate = a.end_date
-          ? new Date(a.end_date).getTime()
-          : Number.MAX_SAFE_INTEGER;
-        const bDate = b.end_date
-          ? new Date(b.end_date).getTime()
-          : Number.MAX_SAFE_INTEGER;
-        comparison = aDate - bDate;
-        break;
-      }
-      case 'created_at': {
-        const aCreated = new Date(a.created_at).getTime();
-        const bCreated = new Date(b.created_at).getTime();
-        comparison = aCreated - bCreated;
-        break;
-      }
-      case 'assignees': {
-        const aLength = a.assignees?.length || 0;
-        const bLength = b.assignees?.length || 0;
-        comparison = aLength - bLength;
-        break;
-      }
-      case 'status': {
-        const getStatus = (task: Task) => {
-          if (task.closed_at) return 'closed';
-          if (task.completed_at) return 'completed';
-          return 'active';
-        };
-
-        const statusOrder = { closed: 2, completed: 1, active: 0 };
-        const aStatus = getStatus(a);
-        const bStatus = getStatus(b);
-        comparison = statusOrder[aStatus] - statusOrder[bStatus];
-        break;
-      }
-    }
-
-    return sortOrder === 'desc' ? -comparison : comparison;
-  });
-
-  return sorted;
-}