@tuturuuu/ui 0.16.0 → 0.18.0

package/src/components/ui/calendar-app/components/time-tracker/dialogs/create-task-dialog.tsx

@@ -1,190 +0,0 @@
-'use client';
-
-import { CheckCircle, RefreshCw } from '@tuturuuu/icons';
-import { cn } from '@tuturuuu/utils/format';
-import { Button } from '../../../../button';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from '../../../../dialog';
-import { Input } from '../../../../input';
-import { Label } from '../../../../label';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '../../../../select';
-import { Textarea } from '../../../../textarea';
-import { getCategoryColor } from '../utils';
-
-interface TaskBoard {
-  id: string;
-  name: string;
-  task_lists: TaskList[];
-}
-
-interface TaskList {
-  id: string;
-  name: string;
-  color: string;
-}
-
-interface CreateTaskDialogProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onCreate: () => Promise<void>;
-  isCreating: boolean;
-  taskName: string;
-  setTaskName: (name: string) => void;
-  taskDescription: string;
-  setTaskDescription: (description: string) => void;
-  boards: TaskBoard[];
-  selectedBoardId: string;
-  setSelectedBoardId: (id: string) => void;
-  selectedListId: string;
-  setSelectedListId: (id: string) => void;
-}
-
-export function CreateTaskDialog({
-  isOpen,
-  onClose,
-  onCreate,
-  isCreating,
-  taskName,
-  setTaskName,
-  taskDescription,
-  setTaskDescription,
-  boards,
-  selectedBoardId,
-  setSelectedBoardId,
-  selectedListId,
-  setSelectedListId,
-}: CreateTaskDialogProps) {
-  const selectedBoard = boards.find((board) => board.id === selectedBoardId);
-  const availableLists = selectedBoard?.task_lists || [];
-
-  const handleClose = () => {
-    onClose();
-    setTaskName('');
-    setTaskDescription('');
-    setSelectedBoardId('');
-    setSelectedListId('');
-  };
-
-  return (
-    <Dialog open={isOpen} onOpenChange={handleClose}>
-      <DialogContent className="max-w-md">
-        <DialogHeader>
-          <DialogTitle className="flex items-center gap-2">
-            <CheckCircle className="h-5 w-5" />
-            Create New Task
-          </DialogTitle>
-          <DialogDescription>
-            Create a new task to track time for. We'll start the timer
-            automatically once the task is created.
-          </DialogDescription>
-        </DialogHeader>
-        <div className="space-y-4">
-          <div>
-            <Label htmlFor="task-name">Task Name</Label>
-            <Input
-              id="task-name"
-              value={taskName}
-              onChange={(e) => setTaskName(e.target.value)}
-              placeholder="What are you working on?"
-              autoFocus
-            />
-          </div>
-          <div>
-            <Label htmlFor="task-description">Description (Optional)</Label>
-            <Textarea
-              id="task-description"
-              value={taskDescription}
-              onChange={(e) => setTaskDescription(e.target.value)}
-              placeholder="Add details about this task..."
-              rows={3}
-            />
-          </div>
-          <div>
-            <Label htmlFor="board-select">Board</Label>
-            <Select
-              value={selectedBoardId}
-              onValueChange={(value) => {
-                setSelectedBoardId(value);
-                setSelectedListId('');
-              }}
-            >
-              <SelectTrigger>
-                <SelectValue placeholder="Select a board" />
-              </SelectTrigger>
-              <SelectContent>
-                {boards.map((board) => (
-                  <SelectItem key={board.id} value={board.id}>
-                    {board.name}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-          </div>
-          {selectedBoardId && (
-            <div>
-              <Label htmlFor="list-select">List</Label>
-              <Select value={selectedListId} onValueChange={setSelectedListId}>
-                <SelectTrigger>
-                  <SelectValue placeholder="Select a list" />
-                </SelectTrigger>
-                <SelectContent>
-                  {availableLists.map((list) => (
-                    <SelectItem key={list.id} value={list.id}>
-                      <div className="flex items-center gap-2">
-                        <div
-                          className={cn(
-                            'h-3 w-3 rounded-full',
-                            getCategoryColor(list.color.toUpperCase())
-                          )}
-                        />
-                        {list.name}
-                      </div>
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-          )}
-          <div className="flex gap-2 pt-4">
-            <Button
-              variant="outline"
-              onClick={handleClose}
-              className="flex-1"
-              disabled={isCreating}
-            >
-              Cancel
-            </Button>
-            <Button
-              onClick={onCreate}
-              disabled={isCreating || !taskName.trim() || !selectedListId}
-              className="flex-1 border border-border bg-muted text-foreground hover:border-accent hover:bg-muted/80"
-            >
-              {isCreating ? (
-                <>
-                  <RefreshCw className="mr-2 h-4 w-4 animate-spin" />
-                  Creating...
-                </>
-              ) : (
-                <>
-                  <CheckCircle className="mr-2 h-4 w-4" />
-                  Create & Start Timer
-                </>
-              )}
-            </Button>
-          </div>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}

package/src/components/ui/calendar-app/components/time-tracker/dialogs/delete-session-dialog.tsx

@@ -1,52 +0,0 @@
-'use client';
-
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from '../../../../alert-dialog';
-import type { SessionWithRelations } from '../../../../time-tracker/types';
-
-interface DeleteSessionDialogProps {
-  session: SessionWithRelations | null;
-  onClose: () => void;
-  onDelete: () => Promise<void>;
-  isDeleting: boolean;
-}
-
-export function DeleteSessionDialog({
-  session,
-  onClose,
-  onDelete,
-  isDeleting,
-}: DeleteSessionDialogProps) {
-  return (
-    <AlertDialog open={!!session} onOpenChange={() => onClose()}>
-      <AlertDialogContent>
-        <AlertDialogHeader>
-          <AlertDialogTitle>Delete Time Session</AlertDialogTitle>
-          <AlertDialogDescription>
-            Are you sure you want to delete the session "{session?.title}"? This
-            action cannot be undone and will permanently remove the tracked
-            time.
-          </AlertDialogDescription>
-        </AlertDialogHeader>
-        <AlertDialogFooter>
-          <AlertDialogCancel disabled={isDeleting}>Cancel</AlertDialogCancel>
-          <AlertDialogAction
-            onClick={onDelete}
-            disabled={isDeleting}
-            className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-          >
-            {isDeleting ? 'Deleting...' : 'Delete Session'}
-          </AlertDialogAction>
-        </AlertDialogFooter>
-      </AlertDialogContent>
-    </AlertDialog>
-  );
-}

package/src/components/ui/calendar-app/components/time-tracker/dialogs/edit-session-dialog.tsx

@@ -1,173 +0,0 @@
-'use client';
-
-import type { TimeTrackingCategory } from '@tuturuuu/types';
-import { Button } from '../../../../button';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from '../../../../dialog';
-import { Input } from '../../../../input';
-import { Label } from '../../../../label';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '../../../../select';
-import { Textarea } from '../../../../textarea';
-import type {
-  ExtendedWorkspaceTask,
-  SessionWithRelations,
-} from '../../../../time-tracker/types';
-
-interface EditSessionDialogProps {
-  session: SessionWithRelations | null;
-  onClose: () => void;
-  onSave: () => Promise<void>;
-  isEditing: boolean;
-  editData: {
-    title: string;
-    description: string;
-    categoryId: string;
-    taskId: string;
-    startTime: string;
-    endTime: string;
-  };
-  onEditDataChange: (data: {
-    title: string;
-    description: string;
-    categoryId: string;
-    taskId: string;
-    startTime: string;
-    endTime: string;
-  }) => void;
-  categories: TimeTrackingCategory[];
-  tasks: ExtendedWorkspaceTask[];
-}
-
-export function EditSessionDialog({
-  session,
-  onClose,
-  onSave,
-  isEditing,
-  editData,
-  onEditDataChange,
-  categories,
-  tasks,
-}: EditSessionDialogProps) {
-  const updateField = (field: keyof typeof editData, value: string) => {
-    onEditDataChange({ ...editData, [field]: value });
-  };
-
-  return (
-    <Dialog open={!!session} onOpenChange={() => onClose()}>
-      <DialogContent className="max-w-md">
-        <DialogHeader>
-          <DialogTitle>Edit Session</DialogTitle>
-          <DialogDescription>
-            Modify the details of this time tracking session
-          </DialogDescription>
-        </DialogHeader>
-        <div className="space-y-4">
-          <div>
-            <Label htmlFor="edit-title">Title</Label>
-            <Input
-              id="edit-title"
-              value={editData.title}
-              onChange={(e) => updateField('title', e.target.value)}
-              placeholder="Session title"
-            />
-          </div>
-          <div>
-            <Label htmlFor="edit-description">Description</Label>
-            <Textarea
-              id="edit-description"
-              value={editData.description}
-              onChange={(e) => updateField('description', e.target.value)}
-              placeholder="Optional description"
-              rows={3}
-            />
-          </div>
-          <div className="grid grid-cols-2 gap-2">
-            <div>
-              <Label htmlFor="edit-category">Category</Label>
-              <Select
-                value={editData.categoryId}
-                onValueChange={(v) => updateField('categoryId', v)}
-              >
-                <SelectTrigger>
-                  <SelectValue placeholder="Select category" />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem value="">No category</SelectItem>
-                  {categories.map((category) => (
-                    <SelectItem key={category.id} value={category.id}>
-                      {category.name}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-            <div>
-              <Label htmlFor="edit-task">Task</Label>
-              <Select
-                value={editData.taskId}
-                onValueChange={(v) => updateField('taskId', v)}
-              >
-                <SelectTrigger>
-                  <SelectValue placeholder="Select task" />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem value="">No task</SelectItem>
-                  {tasks.map((task) => (
-                    <SelectItem key={task.id} value={task.id || ''}>
-                      {task.name}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-          </div>
-          {session && !session.is_running && (
-            <div className="grid grid-cols-2 gap-2">
-              <div>
-                <Label htmlFor="edit-start-time">Start Time</Label>
-                <Input
-                  id="edit-start-time"
-                  type="datetime-local"
-                  value={editData.startTime}
-                  onChange={(e) => updateField('startTime', e.target.value)}
-                />
-              </div>
-              <div>
-                <Label htmlFor="edit-end-time">End Time</Label>
-                <Input
-                  id="edit-end-time"
-                  type="datetime-local"
-                  value={editData.endTime}
-                  onChange={(e) => updateField('endTime', e.target.value)}
-                />
-              </div>
-            </div>
-          )}
-          <div className="flex gap-2 pt-4">
-            <Button variant="outline" onClick={onClose} className="flex-1">
-              Cancel
-            </Button>
-            <Button
-              onClick={onSave}
-              disabled={isEditing || !editData.title.trim()}
-              className="flex-1"
-            >
-              {isEditing ? 'Saving...' : 'Save Changes'}
-            </Button>
-          </div>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}

package/src/components/ui/calendar-app/components/time-tracker/dialogs/index.ts

@@ -1,3 +0,0 @@
-export { CreateTaskDialog } from './create-task-dialog';
-export { DeleteSessionDialog } from './delete-session-dialog';
-export { EditSessionDialog } from './edit-session-dialog';

package/src/components/ui/calendar-app/components/time-tracker/hooks/index.ts

@@ -1,2 +0,0 @@
-export { useSessions } from './use-sessions';
-export { useTimeTracker } from './use-time-tracker';

package/src/components/ui/calendar-app/components/time-tracker/hooks/use-sessions.ts

@@ -1,191 +0,0 @@
-'use client';
-
-import { useCallback, useState } from 'react';
-import { toast } from '../../../../sonner';
-import type { SessionWithRelations } from '../../../../time-tracker/types';
-
-interface UseSessionsProps {
-  wsId: string;
-  onSuccess?: () => void;
-}
-
-interface EditSessionData {
-  title: string;
-  description: string;
-  categoryId: string;
-  taskId: string;
-  startTime: string;
-  endTime: string;
-}
-
-interface UseSessionsReturn {
-  // Delete session
-  sessionToDelete: SessionWithRelations | null;
-  setSessionToDelete: (session: SessionWithRelations | null) => void;
-  isDeleting: boolean;
-  deleteSession: () => Promise<void>;
-
-  // Edit session
-  sessionToEdit: SessionWithRelations | null;
-  setSessionToEdit: (session: SessionWithRelations | null) => void;
-  isEditing: boolean;
-  editData: EditSessionData;
-  setEditData: (data: EditSessionData) => void;
-  openEditDialog: (session: SessionWithRelations) => void;
-  saveEdit: () => Promise<void>;
-
-  // Duplicate session
-  duplicateSession: (session: SessionWithRelations) => {
-    title: string;
-    description: string;
-    categoryId: string;
-    taskId: string;
-  };
-}
-
-export function useSessions({
-  wsId,
-  onSuccess,
-}: UseSessionsProps): UseSessionsReturn {
-  const [sessionToDelete, setSessionToDelete] =
-    useState<SessionWithRelations | null>(null);
-  const [sessionToEdit, setSessionToEdit] =
-    useState<SessionWithRelations | null>(null);
-  const [isDeleting, setIsDeleting] = useState(false);
-  const [isEditing, setIsEditing] = useState(false);
-  const [editData, setEditData] = useState<EditSessionData>({
-    title: '',
-    description: '',
-    categoryId: '',
-    taskId: '',
-    startTime: '',
-    endTime: '',
-  });
-
-  // API call helper
-  const apiCall = useCallback(
-    async (url: string, options: RequestInit = {}) => {
-      const response = await fetch(url, {
-        headers: {
-          'Content-Type': 'application/json',
-          ...options.headers,
-        },
-        ...options,
-      });
-
-      if (!response.ok) {
-        const error = await response
-          .json()
-          .catch(() => ({ error: 'Unknown error' }));
-        throw new Error(error.error || `HTTP ${response.status}`);
-      }
-
-      return response.json();
-    },
-    []
-  );
-
-  // Delete session
-  const deleteSession = useCallback(async () => {
-    if (!sessionToDelete) return;
-
-    setIsDeleting(true);
-
-    try {
-      await apiCall(
-        `/api/v1/workspaces/${wsId}/time-tracking/sessions/${sessionToDelete.id}`,
-        {
-          method: 'DELETE',
-        }
-      );
-
-      setSessionToDelete(null);
-      onSuccess?.();
-      toast.success('Time session deleted successfully');
-    } catch (error) {
-      console.error('Error deleting session:', error);
-      toast.error('Failed to delete session');
-    } finally {
-      setIsDeleting(false);
-    }
-  }, [sessionToDelete, wsId, apiCall, onSuccess]);
-
-  // Open edit dialog
-  const openEditDialog = useCallback((session: SessionWithRelations) => {
-    setSessionToEdit(session);
-    setEditData({
-      title: session.title,
-      description: session.description || '',
-      categoryId: session.category_id || '',
-      taskId: session.task_id || '',
-      startTime: new Date(session.start_time).toISOString().slice(0, 16),
-      endTime: session.end_time
-        ? new Date(session.end_time).toISOString().slice(0, 16)
-        : '',
-    });
-  }, []);
-
-  // Save edit
-  const saveEdit = useCallback(async () => {
-    if (!sessionToEdit) return;
-
-    setIsEditing(true);
-
-    try {
-      await apiCall(
-        `/api/v1/workspaces/${wsId}/time-tracking/sessions/${sessionToEdit.id}`,
-        {
-          method: 'PATCH',
-          body: JSON.stringify({
-            action: 'edit',
-            title: editData.title,
-            description: editData.description,
-            categoryId: editData.categoryId || null,
-            taskId: editData.taskId || null,
-            startTime: editData.startTime
-              ? new Date(editData.startTime).toISOString()
-              : undefined,
-            endTime: editData.endTime
-              ? new Date(editData.endTime).toISOString()
-              : undefined,
-          }),
-        }
-      );
-
-      setSessionToEdit(null);
-      onSuccess?.();
-      toast.success('Session updated successfully');
-    } catch (error) {
-      console.error('Error updating session:', error);
-      toast.error('Failed to update session');
-    } finally {
-      setIsEditing(false);
-    }
-  }, [sessionToEdit, wsId, editData, apiCall, onSuccess]);
-
-  // Duplicate session (returns settings to pre-fill form)
-  const duplicateSession = useCallback((session: SessionWithRelations) => {
-    toast.success('Session settings copied');
-    return {
-      title: session.title,
-      description: session.description || '',
-      categoryId: session.category_id || '',
-      taskId: session.task_id || '',
-    };
-  }, []);
-
-  return {
-    sessionToDelete,
-    setSessionToDelete,
-    isDeleting,
-    deleteSession,
-    sessionToEdit,
-    setSessionToEdit,
-    isEditing,
-    editData,
-    setEditData,
-    openEditDialog,
-    saveEdit,
-    duplicateSession,
-  };
-}