@tuturuuu/ui 0.17.0 → 0.19.0

package/src/components/ui/tu-do/shared/task-edit-dialog/relationships/task-search-popover.tsx

@@ -1,229 +0,0 @@
-'use client';
-
-import { Loader2, Plus, Search, Sparkles } from '@tuturuuu/icons';
-import { Button } from '@tuturuuu/ui/button';
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-} from '@tuturuuu/ui/command';
-import { useDebounce } from '@tuturuuu/ui/hooks/use-debounce';
-import { Popover, PopoverContent, PopoverTrigger } from '@tuturuuu/ui/popover';
-import { cn } from '@tuturuuu/utils/format';
-import { useWorkspaceTasks } from '@tuturuuu/utils/task-helper';
-import * as React from 'react';
-import { formatRelationshipTaskIdentifier } from '../../relationship-task-identifier';
-import type {
-  TaskSearchPopoverContentProps,
-  TaskSearchPopoverProps,
-} from './types/task-relationships.types';
-
-// Shared task search popover content (without trigger button)
-export function TaskSearchPopoverContent({
-  wsId,
-  excludeTaskIds,
-  open,
-  onSelect,
-  onCreateNew,
-  emptyText,
-  isSaving,
-  searchQuery: externalSearchQuery,
-  onSearchQueryChange,
-  disabled = false,
-}: TaskSearchPopoverContentProps) {
-  const [internalSearchQuery, setInternalSearchQuery] = React.useState('');
-  const [isCreating, setIsCreating] = React.useState(false);
-
-  // Use external query if provided, otherwise use internal
-  const searchQuery = externalSearchQuery ?? internalSearchQuery;
-  const setSearchQuery = onSearchQueryChange ?? setInternalSearchQuery;
-
-  const [debouncedSearch] = useDebounce(searchQuery, 300);
-
-  const { data: tasks = [], isLoading: tasksLoading } = useWorkspaceTasks(
-    wsId,
-    {
-      excludeTaskIds,
-      searchQuery: debouncedSearch || undefined,
-      limit: 30,
-      enabled: open,
-    }
-  );
-
-  // Reset search when popover closes
-  React.useEffect(() => {
-    if (!open) {
-      setSearchQuery('');
-      setIsCreating(false);
-    }
-  }, [open, setSearchQuery]);
-
-  const handleCreateNew = React.useCallback(async () => {
-    if (!onCreateNew || !searchQuery.trim() || isCreating) return;
-
-    setIsCreating(true);
-    try {
-      await onCreateNew(searchQuery.trim());
-    } finally {
-      setIsCreating(false);
-    }
-  }, [onCreateNew, searchQuery, isCreating]);
-
-  const showCreateOption = onCreateNew && searchQuery.trim().length > 0;
-
-  return (
-    <Command shouldFilter={false}>
-      <CommandInput
-        placeholder="Search tasks..."
-        value={searchQuery}
-        onValueChange={setSearchQuery}
-        className="h-9"
-        disabled={disabled}
-      />
-      <CommandList className="max-h-62.5">
-        {tasksLoading ? (
-          <div className="flex items-center justify-center py-4">
-            <Loader2 className="h-4 w-4 animate-spin text-muted-foreground" />
-          </div>
-        ) : (
-          <>
-            {/* Create new option at the top when search query exists */}
-            {showCreateOption && (
-              <CommandGroup>
-                <CommandItem
-                  value="create-new"
-                  onSelect={handleCreateNew}
-                  disabled={isSaving || isCreating || disabled}
-                  className="flex cursor-pointer items-center gap-2 border-b"
-                >
-                  {isCreating ? (
-                    <Loader2 className="h-3.5 w-3.5 shrink-0 animate-spin text-dynamic-purple" />
-                  ) : (
-                    <Sparkles className="h-3.5 w-3.5 shrink-0 text-dynamic-purple" />
-                  )}
-                  <div className="flex min-w-0 flex-1 flex-col gap-0.5">
-                    <span className="truncate text-sm">
-                      Create "{searchQuery.trim()}"
-                    </span>
-                    <span className="text-muted-foreground text-xs">
-                      Create as new task
-                    </span>
-                  </div>
-                </CommandItem>
-              </CommandGroup>
-            )}
-
-            {/* Empty state */}
-            {tasks.length === 0 && !showCreateOption && (
-              <CommandEmpty className="py-4 text-center text-muted-foreground text-xs">
-                {searchQuery ? (
-                  <>
-                    <Search className="mx-auto mb-1 h-4 w-4 opacity-50" />
-                    No matching tasks
-                  </>
-                ) : (
-                  emptyText
-                )}
-              </CommandEmpty>
-            )}
-
-            {/* Existing tasks */}
-            {tasks.length > 0 && (
-              <CommandGroup
-                heading={showCreateOption ? 'Existing tasks' : undefined}
-              >
-                {tasks.map((task) => {
-                  const taskIdentifier = formatRelationshipTaskIdentifier(task);
-                  return (
-                    <CommandItem
-                      key={task.id}
-                      value={task.id}
-                      onSelect={() => onSelect(task)}
-                      disabled={isSaving || disabled}
-                      className="flex cursor-pointer items-center gap-2"
-                    >
-                      <Plus className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-                      <div className="flex min-w-0 flex-1 flex-col gap-0.5">
-                        <span
-                          className={cn(
-                            'truncate text-sm',
-                            task.completed &&
-                              'text-muted-foreground line-through'
-                          )}
-                        >
-                          {task.name}
-                        </span>
-                        {taskIdentifier && (
-                          <span className="w-fit rounded border px-1 py-0.5 font-mono text-[10px] uppercase">
-                            {taskIdentifier}
-                          </span>
-                        )}
-                        {task.board_name && (
-                          <span className="text-muted-foreground text-xs">
-                            {task.board_name}
-                          </span>
-                        )}
-                      </div>
-                    </CommandItem>
-                  );
-                })}
-              </CommandGroup>
-            )}
-          </>
-        )}
-      </CommandList>
-    </Command>
-  );
-}
-
-// Shared task search popover (with trigger button)
-export function TaskSearchPopover({
-  wsId,
-  excludeTaskIds,
-  open,
-  onOpenChange,
-  onSelect,
-  onCreateNew,
-  placeholder = '',
-  emptyText,
-  isSaving,
-  disabled = false,
-}: TaskSearchPopoverProps) {
-  return (
-    <Popover open={open} onOpenChange={onOpenChange} modal>
-      <PopoverTrigger asChild>
-        <Button
-          variant="outline"
-          className={cn(
-            'justify-start gap-2 text-muted-foreground',
-            placeholder ? 'w-full' : ''
-          )}
-          disabled={isSaving || disabled}
-        >
-          <Plus className="h-4 w-4" />
-          {placeholder && <span>{placeholder}</span>}
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent
-        className="z-9999 w-(--radix-popover-trigger-width) p-0"
-        align="start"
-        sideOffset={4}
-      >
-        <TaskSearchPopoverContent
-          wsId={wsId}
-          excludeTaskIds={excludeTaskIds}
-          open={open}
-          onOpenChange={onOpenChange}
-          onSelect={onSelect}
-          onCreateNew={onCreateNew}
-          emptyText={emptyText}
-          isSaving={isSaving}
-          disabled={disabled}
-        />
-      </PopoverContent>
-    </Popover>
-  );
-}

package/src/components/ui/tu-do/shared/task-edit-dialog/relationships/types/task-relationships.types.ts

@@ -1,194 +0,0 @@
-import type { RelatedTaskInfo } from '@tuturuuu/types/primitives/TaskRelationship';
-
-// Shared tab color variant type
-export type TabColorVariant = 'purple' | 'green' | 'red' | 'blue';
-
-// Tab types for relationship sections
-export type RelationshipTab =
-  | 'parent'
-  | 'subtasks'
-  | 'dependencies'
-  | 'related';
-export type DependencySubTab = 'blocks' | 'blocked-by';
-
-// Props for the main TaskRelationshipsProperties component
-export interface TaskRelationshipsPropertiesProps {
-  wsId: string;
-  taskId?: string;
-  boardId: string;
-  listId?: string;
-  isCreateMode: boolean;
-  initialActiveTab?: RelationshipTab;
-  initialDependencySubTab?: DependencySubTab;
-
-  // Data
-  parentTask: RelatedTaskInfo | null;
-  childTasks: RelatedTaskInfo[];
-  blockingTasks: RelatedTaskInfo[];
-  blockedByTasks: RelatedTaskInfo[];
-  relatedTasks: RelatedTaskInfo[];
-  isLoading: boolean;
-
-  // Actions
-  onSetParent: (task: RelatedTaskInfo) => void;
-  onRemoveParent: () => void;
-  onAddBlockingTask: (task: RelatedTaskInfo) => void;
-  onRemoveBlockingTask: (taskId: string) => void;
-  onAddBlockedByTask: (task: RelatedTaskInfo) => void;
-  onRemoveBlockedByTask: (taskId: string) => void;
-  onAddRelatedTask: (task: RelatedTaskInfo) => void;
-  onRemoveRelatedTask: (taskId: string) => void;
-
-  // Navigation
-  onNavigateToTask: (taskId: string) => void;
-
-  // Subtask creation (opens dialog)
-  onAddSubtask?: () => void;
-
-  // Dialog-based task creation handlers (opens task creation dialog with pending relationship)
-  onAddParentTask?: () => void;
-  onAddBlockingTaskDialog?: () => void;
-  onAddBlockedByTaskDialog?: () => void;
-  onAddRelatedTaskDialog?: () => void;
-
-  // Add existing task as relationship
-  onAddExistingAsSubtask?: (task: RelatedTaskInfo) => Promise<void>;
-
-  // Saving state
-  isSaving: boolean;
-  savingTaskId?: string | null;
-  disabled?: boolean;
-}
-
-// Props for TabButton component
-export interface TabButtonProps {
-  active: boolean;
-  onClick: () => void;
-  icon: React.ReactNode;
-  label: string;
-  count: number;
-  color: TabColorVariant;
-}
-
-// Props for ClickableTaskItem component
-export interface ClickableTaskItemProps {
-  task: RelatedTaskInfo;
-  onNavigateToTask: (taskId: string) => void;
-  onRemove?: () => void;
-  isSaving: boolean;
-  isRemoving?: boolean;
-  showRemove?: boolean;
-  disabled?: boolean;
-}
-
-// Props for TaskSearchPopoverContent component
-export interface TaskSearchPopoverContentProps {
-  wsId: string;
-  excludeTaskIds: string[];
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onSelect: (task: RelatedTaskInfo) => void;
-  onCreateNew?: (name: string) => Promise<void>;
-  emptyText: string;
-  isSaving: boolean;
-  searchQuery?: string;
-  onSearchQueryChange?: (query: string) => void;
-  disabled?: boolean;
-}
-
-// Props for TaskSearchPopover component (with trigger)
-export interface TaskSearchPopoverProps {
-  wsId: string;
-  excludeTaskIds: string[];
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onSelect: (task: RelatedTaskInfo) => void;
-  onCreateNew?: (name: string) => Promise<void>;
-  placeholder?: string;
-  emptyText: string;
-  isSaving: boolean;
-  disabled?: boolean;
-}
-
-// Props for ParentSection component
-export interface ParentSectionProps {
-  wsId: string;
-  taskId?: string;
-  parentTask: RelatedTaskInfo | null;
-  childTaskIds: string[];
-  isSaving: boolean;
-  savingTaskId?: string | null;
-  onSetParent: (task: RelatedTaskInfo) => void;
-  onRemoveParent: () => void;
-  onNavigateToTask: (taskId: string) => void;
-  onAddParentTask?: () => void; // Opens dialog to create new parent task
-  searchOpen?: boolean;
-  onSearchOpenChange?: (open: boolean) => void;
-  disabled?: boolean;
-}
-
-// Props for SubtasksSection component
-export interface SubtasksSectionProps {
-  wsId: string;
-  taskId?: string;
-  boardId: string;
-  listId?: string;
-  parentTaskId?: string | null;
-  childTasks: RelatedTaskInfo[];
-  onNavigateToTask: (taskId: string) => void;
-  onAddSubtask?: () => void;
-  onAddExistingAsSubtask?: (task: RelatedTaskInfo) => Promise<void>;
-  isSaving: boolean;
-  searchOpen?: boolean;
-  onSearchOpenChange?: (open: boolean) => void;
-  disabled?: boolean;
-}
-
-// Props for SubtaskActionButtons component
-export interface SubtaskActionButtonsProps {
-  wsId: string;
-  excludeIds: string[];
-  searchOpen: boolean;
-  onSearchOpenChange: (open: boolean) => void;
-  onAddSubtask?: () => void;
-  onAddExistingAsSubtask?: (task: RelatedTaskInfo) => Promise<void>;
-  isSaving: boolean;
-  disabled?: boolean;
-}
-
-// Props for DependenciesSection component
-export interface DependenciesSectionProps {
-  wsId: string;
-  taskId?: string;
-  initialSubTab?: DependencySubTab;
-  blockingTasks: RelatedTaskInfo[];
-  blockedByTasks: RelatedTaskInfo[];
-  isSaving: boolean;
-  savingTaskId?: string | null;
-  onAddBlocking: (task: RelatedTaskInfo) => void;
-  onRemoveBlocking: (taskId: string) => void;
-  onAddBlockedBy: (task: RelatedTaskInfo) => void;
-  onRemoveBlockedBy: (taskId: string) => void;
-  onNavigateToTask: (taskId: string) => void;
-  onAddBlockingTaskDialog?: () => void; // Opens dialog to create new blocking task
-  onAddBlockedByTaskDialog?: () => void; // Opens dialog to create new blocked-by task
-  searchOpen?: boolean;
-  onSearchOpenChange?: (open: boolean) => void;
-  disabled?: boolean;
-}
-
-// Props for RelatedSection component
-export interface RelatedSectionProps {
-  wsId: string;
-  taskId?: string;
-  relatedTasks: RelatedTaskInfo[];
-  isSaving: boolean;
-  savingTaskId?: string | null;
-  onAddRelated: (task: RelatedTaskInfo) => void;
-  onRemoveRelated: (taskId: string) => void;
-  onNavigateToTask: (taskId: string) => void;
-  onAddRelatedTaskDialog?: () => void; // Opens dialog to create new related task;
-  searchOpen?: boolean;
-  onSearchOpenChange?: (open: boolean) => void;
-  disabled?: boolean;
-}

package/src/components/ui/tu-do/shared/task-edit-dialog/selective-revert-panel.test.tsx

@@ -1,91 +0,0 @@
-import '@testing-library/jest-dom/vitest';
-
-import { fireEvent, render, screen } from '@testing-library/react';
-import { describe, expect, it, vi } from 'vitest';
-import { SelectiveRevertPanel } from './selective-revert-panel';
-
-vi.mock('./description-diff-viewer', () => ({
-  DescriptionDiffViewer: () => (
-    <button type="button">view-description-diff</button>
-  ),
-}));
-
-const t = (key: string, options?: { defaultValue?: string }) => {
-  const messages: Record<string, string> = {
-    changed: 'Changed',
-    'field.description': 'Description',
-    'field.name': 'Name',
-    'field.priority': 'Priority',
-    unchanged_fields: 'Unchanged fields',
-  };
-
-  return messages[key] ?? options?.defaultValue ?? key;
-};
-
-const snapshot = {
-  assignees: [],
-  completed: false,
-  description: {
-    content: [
-      {
-        content: [{ text: 'Previous description', type: 'text' }],
-        type: 'paragraph',
-      },
-    ],
-    type: 'doc',
-  },
-  end_date: null,
-  estimation_points: null,
-  id: 'task-1',
-  labels: [],
-  list_id: 'list-1',
-  list_name: 'Review',
-  name: 'Previous task name',
-  priority: 'normal' as const,
-  projects: [],
-  start_date: null,
-};
-
-const currentTask = {
-  ...snapshot,
-  description: {
-    content: [
-      {
-        content: [{ text: 'Current description', type: 'text' }],
-        type: 'paragraph',
-      },
-    ],
-    type: 'doc',
-  },
-  list_name: 'Review',
-  name: 'Current task name',
-};
-
-describe('SelectiveRevertPanel', () => {
-  it('renders changed fields first and keeps unchanged fields collapsed', () => {
-    render(
-      <SelectiveRevertPanel
-        currentTask={currentTask}
-        isReverting={false}
-        onRevert={vi.fn()}
-        snapshot={snapshot}
-        t={t}
-      />
-    );
-
-    expect(screen.getByText('Core Fields')).toBeInTheDocument();
-    expect(screen.getByText('Name')).toBeInTheDocument();
-    expect(screen.getByText('Description')).toBeInTheDocument();
-    expect(screen.getByText('view-description-diff')).toBeInTheDocument();
-
-    const unchangedButton = screen.getByRole('button', {
-      name: /Unchanged fields/i,
-    });
-    expect(unchangedButton).toBeInTheDocument();
-    expect(screen.queryByText('Priority')).not.toBeInTheDocument();
-
-    fireEvent.click(unchangedButton);
-
-    expect(screen.getByText('Priority')).toBeInTheDocument();
-  });
-});