@tuturuuu/ui 0.16.0 → 0.18.0

package/src/components/ui/tu-do/shared/task-edit-dialog/hooks/use-task-form-reset.ts

@@ -1,231 +0,0 @@
-'use client';
-
-import type { JSONContent } from '@tiptap/react';
-import { getCurrentUserProfile } from '@tuturuuu/internal-api';
-import { createClient } from '@tuturuuu/supabase/next/client';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type React from 'react';
-import { useEffect, useRef } from 'react';
-import type { TaskFilters } from '../../types';
-import type { WorkspaceTaskLabel } from '../types';
-import { getDescriptionContent } from '../utils';
-
-// Module-level singleton to avoid repeated instantiation
-const supabase = createClient();
-
-export interface WorkspaceAssignee {
-  id: string;
-  user_id?: string | null;
-  display_name?: string | null;
-  avatar_url?: string | null;
-}
-
-export interface WorkspaceProject {
-  id: string;
-  name: string;
-}
-
-export interface UseTaskFormResetProps {
-  isOpen: boolean;
-  isCreateMode: boolean;
-  task?: Task;
-  filters?: TaskFilters;
-  taskHydrationVersion?: number;
-  preserveNameOnHydration?: boolean;
-
-  // State setters - using React dispatch types for compatibility
-  setName: React.Dispatch<React.SetStateAction<string>>;
-  setDescription: React.Dispatch<React.SetStateAction<JSONContent | null>>;
-  setPriority: React.Dispatch<
-    React.SetStateAction<'critical' | 'high' | 'low' | 'normal' | null>
-  >;
-  setStartDate: React.Dispatch<React.SetStateAction<Date | undefined>>;
-  setEndDate: React.Dispatch<React.SetStateAction<Date | undefined>>;
-  setSelectedListId: React.Dispatch<React.SetStateAction<string>>;
-  setEstimationPoints: React.Dispatch<
-    React.SetStateAction<number | null | undefined>
-  >;
-  setSelectedLabels: React.Dispatch<React.SetStateAction<WorkspaceTaskLabel[]>>;
-  setSelectedAssignees: React.Dispatch<
-    React.SetStateAction<WorkspaceAssignee[]>
-  >;
-  setSelectedProjects: React.Dispatch<React.SetStateAction<WorkspaceProject[]>>;
-}
-
-export function useTaskFormReset({
-  isOpen,
-  isCreateMode,
-  task,
-  filters,
-  taskHydrationVersion = 0,
-  preserveNameOnHydration = false,
-  setName,
-  setDescription,
-  setPriority,
-  setStartDate,
-  setEndDate,
-  setSelectedListId,
-  setEstimationPoints,
-  setSelectedLabels,
-  setSelectedAssignees,
-  setSelectedProjects,
-}: UseTaskFormResetProps): void {
-  const previousTaskIdRef = useRef<string | null>(null);
-  const previousTaskHydrationVersionRef = useRef<number>(taskHydrationVersion);
-  const previousIsOpenRef = useRef<boolean>(false);
-  const isMountedRef = useRef(true);
-
-  // Reset form when task changes or dialog opens
-  useEffect(() => {
-    const taskIdChanged = previousTaskIdRef.current !== task?.id;
-    const taskHydrationVersionChanged =
-      previousTaskHydrationVersionRef.current !== taskHydrationVersion;
-    const justOpened = isOpen && !previousIsOpenRef.current;
-    previousIsOpenRef.current = isOpen;
-
-    // Helper to check if filters have any active values
-    const hasActiveFilters =
-      filters &&
-      ((filters.labels && filters.labels.length > 0) ||
-        (filters.assignees && filters.assignees.length > 0) ||
-        (filters.projects && filters.projects.length > 0) ||
-        (filters.priorities && filters.priorities.length > 0) ||
-        filters.includeMyTasks);
-
-    // In edit mode, reset whenever the dialog opens or the task changes.
-    // We don't reset on close (see below) so we must reset on every open
-    // to ensure the form reflects the latest DB state, even for the same task.
-    if (
-      isOpen &&
-      !isCreateMode &&
-      (taskIdChanged || taskHydrationVersionChanged || justOpened)
-    ) {
-      if (!(taskHydrationVersionChanged && preserveNameOnHydration)) {
-        setName(task?.name || '');
-      }
-      setDescription(getDescriptionContent(task?.description));
-      setPriority(task?.priority || null);
-      setStartDate(task?.start_date ? new Date(task?.start_date) : undefined);
-      setEndDate(task?.end_date ? new Date(task?.end_date) : undefined);
-      setSelectedListId(task?.list_id || '');
-      setEstimationPoints(task?.estimation_points ?? null);
-      setSelectedLabels(task?.labels || []);
-      setSelectedAssignees(task?.assignees || []);
-      setSelectedProjects(task?.projects || []);
-      if (task?.id) previousTaskIdRef.current = task.id;
-      previousTaskHydrationVersionRef.current = taskHydrationVersion;
-    } else if (
-      isOpen &&
-      (isCreateMode || task?.id === 'new') &&
-      taskIdChanged &&
-      !hasActiveFilters // Only reset if no active filters
-    ) {
-      setName(task?.name || '');
-      setDescription(getDescriptionContent(task?.description) || null);
-      setPriority(task?.priority || null);
-      setStartDate(task?.start_date ? new Date(task?.start_date) : undefined);
-      setEndDate(task?.end_date ? new Date(task?.end_date) : undefined);
-      setSelectedListId(task?.list_id || '');
-      setEstimationPoints(task?.estimation_points ?? null);
-      setSelectedLabels(task?.labels || []);
-      setSelectedAssignees(task?.assignees || []);
-      setSelectedProjects(task?.projects || []);
-      if (task?.id) previousTaskIdRef.current = task.id;
-    }
-  }, [
-    isCreateMode,
-    isOpen,
-    task,
-    taskHydrationVersion,
-    preserveNameOnHydration,
-    filters,
-    setName,
-    setDescription,
-    setPriority,
-    setStartDate,
-    setEndDate,
-    setSelectedListId,
-    setEstimationPoints,
-    setSelectedLabels,
-    setSelectedAssignees,
-    setSelectedProjects,
-  ]);
-
-  // NOTE: We intentionally do NOT reset form state from task props on dialog close
-  // in edit mode. The task prop comes from TaskDialogProvider's state.task which is
-  // set once when the dialog opens and never updated during the session. Resetting
-  // from it on close overwrites the user's edits with stale data. The open effect
-  // above handles loading fresh data when a different task is opened.
-
-  // Apply filters when dialog opens in create mode
-  useEffect(() => {
-    isMountedRef.current = true;
-
-    if (isOpen && isCreateMode && filters) {
-      // Apply labels from filters
-      if (filters.labels && filters.labels.length > 0) {
-        setSelectedLabels(filters.labels);
-      }
-
-      // Apply assignees from filters or add current user if includeMyTasks is true
-      if (filters.assignees && filters.assignees.length > 0) {
-        // Transform filter assignees to include user_id (filters have 'id', save expects 'user_id')
-        const transformedAssignees = filters.assignees.map((a) => ({
-          ...a,
-          user_id: a.id, // Add user_id from id
-        }));
-        setSelectedAssignees(transformedAssignees);
-      } else if (filters.includeMyTasks) {
-        // Fetch and add current user
-        (async () => {
-          try {
-            const {
-              data: { user },
-            } = await supabase.auth.getUser();
-
-            if (!user || !isMountedRef.current) {
-              return;
-            }
-
-            const userData = await getCurrentUserProfile().catch(() => null);
-
-            if (userData && isMountedRef.current) {
-              setSelectedAssignees([
-                {
-                  user_id: user.id,
-                  id: userData.id,
-                  display_name: userData.display_name,
-                  avatar_url: userData.avatar_url,
-                },
-              ]);
-            }
-          } catch {
-            // Silently fail - user can still manually select assignees
-          }
-        })();
-      }
-
-      // Apply projects from filters
-      if (filters.projects && filters.projects.length > 0) {
-        setSelectedProjects(filters.projects);
-      }
-
-      // Apply priority if only one priority is selected in filters
-      if (filters.priorities && filters.priorities.length === 1) {
-        setPriority(filters.priorities[0] || null);
-      }
-    }
-
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, [
-    isOpen,
-    isCreateMode,
-    filters,
-    setPriority,
-    setSelectedLabels,
-    setSelectedAssignees,
-    setSelectedProjects,
-  ]);
-}

package/src/components/ui/tu-do/shared/task-edit-dialog/hooks/use-task-form-state.ts

@@ -1,307 +0,0 @@
-import type { JSONContent } from '@tiptap/react';
-import type { TaskPriority } from '@tuturuuu/types/primitives/Priority';
-import type { CalendarHoursType, Task } from '@tuturuuu/types/primitives/Task';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { DRAFT_SAVE_DEBOUNCE_MS } from '../constants';
-import type { TaskFormState, WorkspaceTaskLabel } from '../types';
-import {
-  clearDraft,
-  getDescriptionContent,
-  getDraftStorageKey,
-  hasDraftContent,
-  loadDraft,
-  saveDraft,
-} from '../utils';
-
-interface UseTaskFormStateProps {
-  task?: Task;
-  boardId: string;
-  isOpen: boolean;
-  isCreateMode: boolean;
-  isSaving: boolean;
-}
-
-export function useTaskFormState({
-  task,
-  boardId,
-  isOpen,
-  isCreateMode,
-  isSaving,
-}: UseTaskFormStateProps) {
-  // Core form state
-  const [name, setName] = useState(task?.name || '');
-  const [description, setDescription] = useState<JSONContent | null>(() =>
-    task?.description ? getDescriptionContent(task.description) : null
-  );
-  const [priority, setPriority] = useState<TaskPriority | null>(
-    task?.priority || null
-  );
-  const [startDate, setStartDate] = useState<Date | undefined>(
-    task?.start_date ? new Date(task.start_date) : undefined
-  );
-  const [endDate, setEndDate] = useState<Date | undefined>(
-    task?.end_date ? new Date(task.end_date) : undefined
-  );
-  const [selectedListId, setSelectedListId] = useState<string>(
-    task?.list_id || ''
-  );
-  const [estimationPoints, setEstimationPoints] = useState<
-    number | null | undefined
-  >(task?.estimation_points ?? null);
-  const [selectedLabels, setSelectedLabels] = useState<WorkspaceTaskLabel[]>(
-    task?.labels || []
-  );
-  const [selectedAssignees, setSelectedAssignees] = useState<any[]>(
-    task?.assignees || []
-  );
-  const [selectedProjects, setSelectedProjects] = useState<any[]>(
-    task?.projects || []
-  );
-
-  // Scheduling fields
-  const [totalDuration, setTotalDuration] = useState<number | null>(
-    (task as any)?.total_duration ?? null
-  );
-  const [isSplittable, setIsSplittable] = useState<boolean>(
-    (task as any)?.is_splittable ?? false
-  );
-  const [minSplitDurationMinutes, setMinSplitDurationMinutes] = useState<
-    number | null
-  >((task as any)?.min_split_duration_minutes ?? null);
-  const [maxSplitDurationMinutes, setMaxSplitDurationMinutes] = useState<
-    number | null
-  >((task as any)?.max_split_duration_minutes ?? null);
-  const [calendarHours, setCalendarHours] = useState<CalendarHoursType | null>(
-    (task as any)?.calendar_hours ?? null
-  );
-  const [autoSchedule, setAutoSchedule] = useState<boolean>(
-    (task as any)?.auto_schedule ?? false
-  );
-
-  // Draft state
-  const [hasDraft, setHasDraft] = useState(false);
-  const draftSaveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  const draftStorageKey = getDraftStorageKey(boardId);
-
-  // Get current form state
-  const getFormState = useCallback(
-    (): TaskFormState => ({
-      name,
-      description,
-      priority,
-      startDate,
-      endDate,
-      selectedListId,
-      estimationPoints,
-      selectedLabels,
-      selectedAssignees,
-      selectedProjects,
-      totalDuration,
-      isSplittable,
-      minSplitDurationMinutes,
-      maxSplitDurationMinutes,
-      calendarHours,
-      autoSchedule,
-    }),
-    [
-      name,
-      description,
-      priority,
-      startDate,
-      endDate,
-      selectedListId,
-      estimationPoints,
-      selectedLabels,
-      selectedAssignees,
-      selectedProjects,
-      totalDuration,
-      isSplittable,
-      minSplitDurationMinutes,
-      maxSplitDurationMinutes,
-      calendarHours,
-      autoSchedule,
-    ]
-  );
-
-  // Reset form state
-  const resetFormState = useCallback((newTask?: Task) => {
-    const legacyScheduling = newTask as any;
-    setName(newTask?.name || '');
-    setDescription(getDescriptionContent(newTask?.description) || null);
-    setPriority(newTask?.priority || null);
-    setStartDate(
-      newTask?.start_date ? new Date(newTask.start_date) : undefined
-    );
-    setEndDate(newTask?.end_date ? new Date(newTask.end_date) : undefined);
-    setSelectedListId(newTask?.list_id || '');
-    setEstimationPoints(newTask?.estimation_points ?? null);
-    setSelectedLabels(newTask?.labels || []);
-    setSelectedAssignees(newTask?.assignees || []);
-    setSelectedProjects(newTask?.projects || []);
-    // Reset scheduling fields
-    setTotalDuration(legacyScheduling?.total_duration ?? null);
-    setIsSplittable(legacyScheduling?.is_splittable ?? false);
-    setMinSplitDurationMinutes(
-      legacyScheduling?.min_split_duration_minutes ?? null
-    );
-    setMaxSplitDurationMinutes(
-      legacyScheduling?.max_split_duration_minutes ?? null
-    );
-    setCalendarHours(legacyScheduling?.calendar_hours ?? null);
-    setAutoSchedule(legacyScheduling?.auto_schedule ?? false);
-  }, []);
-
-  // Load draft when opening in create mode
-  useEffect(() => {
-    if (!isOpen || !isCreateMode) return;
-
-    const draft = loadDraft(draftStorageKey);
-    if (!draft || !hasDraftContent(draft)) {
-      clearDraft(draftStorageKey);
-      return;
-    }
-
-    if (typeof draft.name === 'string') setName(draft.name);
-    if (draft.description != null) {
-      try {
-        const maybeString = draft.description as any;
-        const parsed =
-          typeof maybeString === 'string'
-            ? JSON.parse(maybeString)
-            : maybeString;
-        setDescription(parsed);
-      } catch {
-        setDescription(null);
-      }
-    }
-    if (draft.priority === null || typeof draft.priority === 'string') {
-      setPriority(draft.priority as TaskPriority | null);
-    }
-    if (draft.startDate) setStartDate(new Date(draft.startDate));
-    if (draft.endDate) setEndDate(new Date(draft.endDate));
-    if (typeof draft.selectedListId === 'string')
-      setSelectedListId(draft.selectedListId);
-    if (
-      draft.estimationPoints === null ||
-      typeof draft.estimationPoints === 'number'
-    ) {
-      setEstimationPoints(draft.estimationPoints as number | null);
-    }
-    if (Array.isArray(draft.selectedLabels))
-      setSelectedLabels(draft.selectedLabels);
-    setHasDraft(true);
-  }, [isOpen, isCreateMode, draftStorageKey]);
-
-  // Debounced save draft while editing in create mode
-  useEffect(() => {
-    if (!isOpen || !isCreateMode || isSaving) return;
-
-    const hasAny =
-      (name || '').trim().length > 0 ||
-      !!description ||
-      !!priority ||
-      !!startDate ||
-      !!endDate ||
-      !!estimationPoints ||
-      (selectedLabels && selectedLabels.length > 0);
-
-    if (!hasAny) {
-      clearDraft(draftStorageKey);
-      setHasDraft(false);
-      return;
-    }
-
-    if (draftSaveTimerRef.current) clearTimeout(draftSaveTimerRef.current);
-
-    draftSaveTimerRef.current = setTimeout(() => {
-      const toSave = {
-        name: (name || '').trim(),
-        description,
-        priority,
-        startDate: startDate?.toISOString() || null,
-        endDate: endDate?.toISOString() || null,
-        selectedListId,
-        estimationPoints: estimationPoints ?? null,
-        selectedLabels,
-      };
-      saveDraft(draftStorageKey, toSave);
-      setHasDraft(true);
-    }, DRAFT_SAVE_DEBOUNCE_MS);
-
-    return () => {
-      if (draftSaveTimerRef.current) clearTimeout(draftSaveTimerRef.current);
-    };
-  }, [
-    isOpen,
-    isCreateMode,
-    isSaving,
-    draftStorageKey,
-    name,
-    description,
-    priority,
-    startDate,
-    endDate,
-    selectedListId,
-    estimationPoints,
-    selectedLabels,
-  ]);
-
-  // Clear draft when opening in edit mode
-  useEffect(() => {
-    if (isOpen && !isCreateMode) {
-      clearDraft(draftStorageKey);
-    }
-  }, [isOpen, isCreateMode, draftStorageKey]);
-
-  const clearDraftState = useCallback(() => {
-    clearDraft(draftStorageKey);
-    setHasDraft(false);
-    resetFormState();
-  }, [draftStorageKey, resetFormState]);
-
-  return {
-    // State
-    name,
-    description,
-    priority,
-    startDate,
-    endDate,
-    selectedListId,
-    estimationPoints,
-    selectedLabels,
-    selectedAssignees,
-    selectedProjects,
-    hasDraft,
-    // Scheduling state
-    totalDuration,
-    isSplittable,
-    minSplitDurationMinutes,
-    maxSplitDurationMinutes,
-    calendarHours,
-    autoSchedule,
-
-    // Setters
-    setName,
-    setDescription,
-    setPriority,
-    setStartDate,
-    setEndDate,
-    setSelectedListId,
-    setEstimationPoints,
-    setSelectedLabels,
-    setSelectedAssignees,
-    setSelectedProjects,
-    // Scheduling setters
-    setTotalDuration,
-    setIsSplittable,
-    setMinSplitDurationMinutes,
-    setMaxSplitDurationMinutes,
-    setCalendarHours,
-    setAutoSchedule,
-
-    // Helpers
-    getFormState,
-    resetFormState,
-    clearDraftState,
-  };
-}