@tuturuuu/ui 0.17.0 → 0.19.0

package/src/components/ui/tu-do/boards/boardId/menus/task-estimation-menu.tsx

@@ -1,103 +0,0 @@
-import { Check, Timer, X } from '@tuturuuu/icons';
-import {
-  DropdownMenuItem,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-} from '@tuturuuu/ui/dropdown-menu';
-import { cn } from '@tuturuuu/utils/format';
-import {
-  buildEstimationIndices,
-  mapEstimationPoints,
-} from '../../../shared/estimation-mapping';
-
-interface TaskEstimationMenuProps {
-  currentPoints: number | null | undefined;
-  estimationType?: string;
-  extendedEstimation?: boolean;
-  allowZeroEstimates?: boolean;
-  isLoading: boolean;
-  onEstimationChange: (points: number | null) => void;
-  onMenuItemSelect: (e: Event, action: () => void) => void;
-}
-
-export function TaskEstimationMenu({
-  currentPoints,
-  estimationType,
-  extendedEstimation,
-  allowZeroEstimates,
-  isLoading,
-  onEstimationChange,
-  onMenuItemSelect,
-}: TaskEstimationMenuProps) {
-  if (!estimationType) return null;
-
-  const indices = buildEstimationIndices({
-    extended: extendedEstimation,
-    allowZero: allowZeroEstimates,
-  });
-
-  return (
-    <DropdownMenuSub>
-      <DropdownMenuSubTrigger>
-        <Timer className="h-4 w-4 text-dynamic-pink" />
-        Estimation
-      </DropdownMenuSubTrigger>
-      <DropdownMenuSubContent className="max-h-100 w-40 overflow-hidden p-0">
-        <div className="max-h-50 overflow-auto">
-          <div className="p-1">
-            {indices.map((idx) => {
-              const disabledByExtended = !extendedEstimation && idx > 5;
-              const label = mapEstimationPoints(idx, estimationType);
-              const isActive = currentPoints === idx;
-
-              return (
-                <DropdownMenuItem
-                  key={idx}
-                  onSelect={(e) =>
-                    onMenuItemSelect(e, () =>
-                      // Toggle: if already active, remove estimation; otherwise set it
-                      onEstimationChange(isActive ? null : idx)
-                    )
-                  }
-                  className={cn(
-                    'flex cursor-pointer items-center justify-between',
-                    isActive && 'bg-dynamic-pink/10 text-dynamic-pink'
-                  )}
-                  disabled={isLoading || disabledByExtended}
-                >
-                  <div className="flex items-center gap-2">
-                    <Timer className="h-4 w-4 text-dynamic-pink" />
-                    <span>
-                      {label}
-                      {disabledByExtended && (
-                        <span className="ml-1 text-[10px] text-muted-foreground/60">
-                          (upgrade)
-                        </span>
-                      )}
-                    </span>
-                  </div>
-                  {isActive && <Check className="h-4 w-4" />}
-                </DropdownMenuItem>
-              );
-            })}
-          </div>
-        </div>
-        <div className="border-t bg-background">
-          <DropdownMenuItem
-            onSelect={(e) =>
-              onMenuItemSelect(e, () => onEstimationChange(null))
-            }
-            className={cn(
-              'cursor-pointer text-muted-foreground',
-              currentPoints == null && 'bg-muted/50'
-            )}
-            disabled={isLoading}
-          >
-            <X className="h-4 w-4" /> None
-          </DropdownMenuItem>
-        </div>
-      </DropdownMenuSubContent>
-    </DropdownMenuSub>
-  );
-}

package/src/components/ui/tu-do/boards/boardId/menus/task-labels-menu.tsx

@@ -1,134 +0,0 @@
-import { Check, Loader2, Plus, Tag } from '@tuturuuu/icons';
-import {
-  DropdownMenuItem,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-} from '@tuturuuu/ui/dropdown-menu';
-import { cn } from '@tuturuuu/utils/format';
-import { useState } from 'react';
-import { LabelChip, type TaskLabel } from '../../../shared/label-chip';
-import { TaskResourceSearchField } from '../../../shared/task-resource-search-field';
-import { labelNameMatchesQuery } from '../../../shared/task-resource-search-filters';
-
-interface TaskLabelsMenuProps {
-  taskLabels: Array<Pick<TaskLabel, 'id' | 'name' | 'color'>>;
-  availableLabels: Array<Pick<TaskLabel, 'id' | 'name' | 'color'>>;
-  isLoading: boolean;
-  onToggleLabel: (labelId: string) => void;
-  onCreateNewLabel: () => void;
-  onMenuItemSelect: (e: Event, action: () => void) => void;
-  translations?: {
-    labels?: string;
-    searchLabels?: string;
-    loading?: string;
-    noLabelsFound?: string;
-    noLabelsAvailable?: string;
-    applied?: string;
-    createNewLabel?: string;
-  };
-}
-
-export function TaskLabelsMenu({
-  taskLabels,
-  availableLabels,
-  isLoading,
-  onToggleLabel,
-  onCreateNewLabel,
-  onMenuItemSelect,
-  translations,
-}: TaskLabelsMenuProps) {
-  const t = {
-    labels: translations?.labels ?? 'Labels',
-    searchLabels: translations?.searchLabels ?? 'Search labels...',
-    loading: translations?.loading ?? 'Loading...',
-    noLabelsFound: translations?.noLabelsFound ?? 'No labels found',
-    noLabelsAvailable: translations?.noLabelsAvailable ?? 'No labels available',
-    applied: translations?.applied ?? 'applied',
-    createNewLabel: translations?.createNewLabel ?? 'Create New Label',
-  };
-
-  const [searchQuery, setSearchQuery] = useState('');
-
-  const filteredLabels = availableLabels.filter((label) =>
-    labelNameMatchesQuery(label.name, searchQuery)
-  );
-
-  return (
-    <DropdownMenuSub>
-      <DropdownMenuSubTrigger>
-        <Tag className="h-4 w-4 text-dynamic-cyan" />
-        {t.labels}
-      </DropdownMenuSubTrigger>
-      <DropdownMenuSubContent className="w-80 p-0">
-        <TaskResourceSearchField
-          value={searchQuery}
-          onChange={setSearchQuery}
-          placeholder={t.searchLabels}
-        />
-
-        {isLoading ? (
-          <div className="flex items-center justify-center gap-2 px-2 py-6">
-            <Loader2 className="h-4 w-4 animate-spin text-muted-foreground" />
-            <p className="text-muted-foreground text-xs">{t.loading}</p>
-          </div>
-        ) : filteredLabels.length === 0 ? (
-          <div className="px-2 py-6 text-center text-muted-foreground text-xs">
-            {searchQuery ? t.noLabelsFound : t.noLabelsAvailable}
-          </div>
-        ) : (
-          <div className="max-h-50 overflow-auto">
-            <div className="flex flex-col gap-1 p-1">
-              {filteredLabels.map((label) => {
-                const active = taskLabels.some((l) => l.id === label.id);
-                return (
-                  <DropdownMenuItem
-                    key={label.id}
-                    onSelect={(e) =>
-                      onMenuItemSelect(e as unknown as Event, () =>
-                        onToggleLabel(label.id)
-                      )
-                    }
-                    className={cn(
-                      'flex cursor-pointer items-center justify-between gap-2',
-                      active && 'bg-dynamic-cyan/10 text-dynamic-cyan'
-                    )}
-                  >
-                    <LabelChip
-                      label={label as TaskLabel}
-                      showIcon={false}
-                      className="h-6 px-2 text-xs"
-                    />
-                    {active && <Check className="h-4 w-4 shrink-0" />}
-                  </DropdownMenuItem>
-                );
-              })}
-            </div>
-          </div>
-        )}
-
-        {!isLoading && taskLabels.length > 0 && (
-          <div className="relative z-10 border-t bg-background shadow-sm">
-            <div className="px-2 pt-1 pb-1 text-[10px] text-muted-foreground">
-              {taskLabels.length} {t.applied}
-            </div>
-          </div>
-        )}
-
-        {!isLoading && (
-          <div className="border-t">
-            <DropdownMenuItem
-              onSelect={(e) =>
-                onMenuItemSelect(e as unknown as Event, onCreateNewLabel)
-              }
-              className="cursor-pointer text-muted-foreground hover:text-foreground"
-            >
-              <Plus className="h-4 w-4" />
-              {t.createNewLabel}
-            </DropdownMenuItem>
-          </div>
-        )}
-      </DropdownMenuSubContent>
-    </DropdownMenuSub>
-  );
-}

package/src/components/ui/tu-do/boards/boardId/menus/task-move-menu.tsx

@@ -1,66 +0,0 @@
-import { Move } from '@tuturuuu/icons';
-import type { TaskList } from '@tuturuuu/types/primitives/TaskList';
-import {
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-} from '@tuturuuu/ui/dropdown-menu';
-import { TaskListPickerPanel } from '../../../shared/task-edit-dialog/components/task-list-picker-panel';
-
-interface TaskMoveMenuProps {
-  currentListId: string;
-  availableLists: TaskList[];
-  isLoading: boolean;
-  onMoveToList: (listId: string) => void;
-  onMenuItemSelect: (e: Event, action: () => void) => void;
-  onRequestOpenCreateDialog: () => void;
-  translations?: {
-    move?: string;
-  };
-}
-
-export function TaskMoveMenu({
-  currentListId,
-  availableLists,
-  isLoading,
-  onMoveToList,
-  onMenuItemSelect,
-  onRequestOpenCreateDialog,
-  translations,
-}: TaskMoveMenuProps) {
-  const moveLabel = translations?.move ?? 'Move';
-
-  const syntheticSelectEvent = () =>
-    ({ preventDefault: () => {} }) as unknown as Event;
-
-  if (availableLists.length === 0) {
-    return null;
-  }
-
-  return (
-    <DropdownMenuSub>
-      <DropdownMenuSubTrigger>
-        <div className="h-4 w-4">
-          <Move className="h-4 w-4 text-dynamic-blue" />
-        </div>
-        <div className="flex w-full items-center justify-between">
-          <span>{moveLabel}</span>
-        </div>
-      </DropdownMenuSubTrigger>
-      <DropdownMenuSubContent className="w-80 overflow-hidden p-0">
-        <TaskListPickerPanel
-          selectedListId={currentListId}
-          availableLists={availableLists}
-          disabled={isLoading}
-          onSelectList={(listId) => {
-            onMenuItemSelect(syntheticSelectEvent(), () =>
-              onMoveToList(listId)
-            );
-          }}
-          onRequestOpenCreateDialog={onRequestOpenCreateDialog}
-          className="w-full"
-        />
-      </DropdownMenuSubContent>
-    </DropdownMenuSub>
-  );
-}

package/src/components/ui/tu-do/boards/boardId/menus/task-parent-menu.tsx

@@ -1,228 +0,0 @@
-'use client';
-
-import { ArrowUpCircle, Loader2, Search, X } from '@tuturuuu/icons';
-import type { RelatedTaskInfo } from '@tuturuuu/types/primitives/TaskRelationship';
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-} from '@tuturuuu/ui/command';
-import {
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-} from '@tuturuuu/ui/dropdown-menu';
-import { useDebounce } from '@tuturuuu/ui/hooks/use-debounce';
-import { cn } from '@tuturuuu/utils/format';
-import { useWorkspaceTasks } from '@tuturuuu/utils/task-helper';
-import * as React from 'react';
-import { formatRelationshipTaskIdentifier } from '../../../shared/relationship-task-identifier';
-
-interface TaskParentMenuTranslations {
-  parent_task: string;
-  search_tasks: string;
-  error_loading_tasks: string;
-  no_matching_tasks: string;
-  no_available_tasks: string;
-  n_set: string;
-}
-
-interface TaskParentMenuProps {
-  /** Current workspace ID */
-  wsId: string;
-  /** Current task ID (to exclude from search) */
-  taskId: string;
-  /** Currently set parent task */
-  parentTask: RelatedTaskInfo | null;
-  /** IDs of child tasks (cannot be set as parent - would create cycle) */
-  childTaskIds: string[];
-  /** Whether a mutation is in progress */
-  isSaving: boolean;
-  /** Called when parent is set */
-  onSetParent: (task: RelatedTaskInfo) => void;
-  /** Called when parent is removed */
-  onRemoveParent: () => void;
-  /** Called when submenu open state changes */
-  onOpenChange?: (open: boolean) => void;
-  /** Translations for the menu */
-  translations: TaskParentMenuTranslations;
-}
-
-export function TaskParentMenu({
-  wsId,
-  taskId,
-  parentTask,
-  childTaskIds,
-  isSaving,
-  onSetParent,
-  onRemoveParent,
-  onOpenChange,
-  translations,
-}: TaskParentMenuProps) {
-  const [searchQuery, setSearchQuery] = React.useState('');
-  const [isSubmenuOpen, setIsSubmenuOpen] = React.useState(false);
-  const [debouncedSearch] = useDebounce(searchQuery, 300);
-  const trimmedSearchQuery = searchQuery.trim();
-  const trimmedDebouncedSearch = debouncedSearch.trim();
-  const isSearchSynced =
-    trimmedSearchQuery.length === 0
-      ? trimmedDebouncedSearch.length === 0
-      : trimmedDebouncedSearch === trimmedSearchQuery;
-  const parentTaskIdentifier = parentTask
-    ? formatRelationshipTaskIdentifier(parentTask)
-    : null;
-
-  // Exclude current task and all its children (to prevent cycles)
-  const excludeIds = React.useMemo(() => {
-    const ids = [taskId, ...childTaskIds];
-    if (parentTask) {
-      ids.push(parentTask.id);
-    }
-    return ids;
-  }, [taskId, childTaskIds, parentTask]);
-
-  // Fetch available tasks
-  const {
-    data: tasks = [],
-    isLoading: tasksLoading,
-    isError: tasksError,
-  } = useWorkspaceTasks(wsId, {
-    excludeTaskIds: excludeIds,
-    searchQuery: trimmedDebouncedSearch || undefined,
-    limit: 30,
-    enabled: isSubmenuOpen && isSearchSynced,
-  });
-  const shouldShowLoading = isSubmenuOpen && (!isSearchSynced || tasksLoading);
-  const visibleTasks = isSearchSynced ? tasks : [];
-
-  // Reset search when menu closes
-  const handleSubContentOpenChange = React.useCallback(
-    (open: boolean) => {
-      setIsSubmenuOpen(open);
-      onOpenChange?.(open);
-      if (!open) {
-        setSearchQuery('');
-      }
-    },
-    [onOpenChange]
-  );
-
-  return (
-    <DropdownMenuSub onOpenChange={handleSubContentOpenChange}>
-      <DropdownMenuSubTrigger>
-        <ArrowUpCircle className="h-4 w-4 text-dynamic-purple" />
-        {translations.parent_task}
-        {parentTask && (
-          <span className="ml-auto text-muted-foreground text-xs">
-            {translations.n_set}
-          </span>
-        )}
-      </DropdownMenuSubTrigger>
-      <DropdownMenuSubContent className="w-72 p-0">
-        {/* Current Parent Display */}
-        {parentTask && (
-          <div className="border-b p-2">
-            <div className="flex items-center justify-between gap-2">
-              <div className="flex min-w-0 flex-1 flex-col">
-                <span className="truncate text-sm">
-                  {parentTaskIdentifier
-                    ? `${parentTaskIdentifier} - ${parentTask.name}`
-                    : parentTask.name}
-                </span>
-                <span className="text-muted-foreground text-xs">
-                  {parentTask.board_name}
-                </span>
-              </div>
-              <button
-                type="button"
-                onClick={() => onRemoveParent()}
-                disabled={isSaving}
-                className="shrink-0 rounded p-1 text-muted-foreground hover:bg-destructive/10 hover:text-destructive"
-              >
-                {isSaving ? (
-                  <Loader2 className="h-4 w-4 animate-spin" />
-                ) : (
-                  <X className="h-4 w-4" />
-                )}
-              </button>
-            </div>
-          </div>
-        )}
-
-        {/* Search and Select */}
-        <Command shouldFilter={false} className="rounded-none border-0">
-          <CommandInput
-            placeholder={translations.search_tasks}
-            value={searchQuery}
-            onValueChange={setSearchQuery}
-            className="h-9"
-          />
-          <CommandList className="max-h-62.5">
-            {shouldShowLoading ? (
-              <div className="flex items-center justify-center py-4">
-                <Loader2 className="h-4 w-4 animate-spin text-muted-foreground" />
-              </div>
-            ) : tasksError ? (
-              <CommandEmpty className="py-4 text-center text-muted-foreground text-xs">
-                {translations.error_loading_tasks}
-              </CommandEmpty>
-            ) : visibleTasks.length === 0 ? (
-              <CommandEmpty className="py-4 text-center text-muted-foreground text-xs">
-                {searchQuery ? (
-                  <>
-                    <Search className="mx-auto mb-1 h-4 w-4 opacity-50" />
-                    {translations.no_matching_tasks}
-                  </>
-                ) : (
-                  translations.no_available_tasks
-                )}
-              </CommandEmpty>
-            ) : (
-              <CommandGroup>
-                {visibleTasks.map((task) => {
-                  const taskIdentifier = formatRelationshipTaskIdentifier(task);
-                  return (
-                    <CommandItem
-                      key={task.id}
-                      value={task.id}
-                      onSelect={() => {
-                        onSetParent(task);
-                      }}
-                      disabled={isSaving}
-                      className="flex cursor-pointer items-center gap-2"
-                    >
-                      <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>
-      </DropdownMenuSubContent>
-    </DropdownMenuSub>
-  );
-}