@tuturuuu/ui 0.16.0 → 0.18.0

package/src/components/ui/tu-do/boards/boards-list-skeleton.tsx

@@ -1,62 +0,0 @@
-import { Skeleton } from '@tuturuuu/ui/skeleton';
-
-/**
- * Skeleton placeholder for the boards list page.
- * Mirrors the layout of EnhancedBoardsView: filter bar, tab bar, and a grid of board cards.
- */
-export function BoardsListSkeleton() {
-  return (
-    <div className="space-y-6">
-      {/* Filter bar skeleton */}
-      <div className="rounded-lg border bg-muted/30 p-4">
-        <div className="flex flex-col gap-3 lg:flex-row lg:items-end">
-          {/* Search input */}
-          <div className="flex-1">
-            <Skeleton className="mb-1 h-4 w-20" />
-            <Skeleton className="mt-1 h-9 w-full" />
-          </div>
-
-          {/* Status filter + sort + buttons */}
-          <div className="grid grid-cols-2 gap-3 lg:flex lg:items-end">
-            <div className="min-w-40">
-              <Skeleton className="mb-1 h-4 w-16" />
-              <Skeleton className="mt-1 h-9 w-full" />
-            </div>
-            <div className="min-w-40">
-              <Skeleton className="mb-1 h-4 w-14" />
-              <Skeleton className="mt-1 h-9 w-full" />
-            </div>
-            <div className="flex items-center gap-2">
-              <Skeleton className="h-8 w-16 rounded-md" />
-              <Skeleton className="h-8 w-16 rounded-md" />
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* Tab bar skeleton */}
-      <div className="mt-2 flex items-center gap-2">
-        <Skeleton className="h-9 w-24 rounded-md" />
-        <Skeleton className="h-9 w-24 rounded-md" />
-      </div>
-
-      {/* Board cards grid skeleton */}
-      <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
-        {Array.from({ length: 6 }).map((_, i) => (
-          <div key={i} className="rounded-xl border bg-card p-4 shadow-sm">
-            <div className="flex items-start justify-between gap-3">
-              <div className="min-w-0 flex-1">
-                <div className="flex items-center gap-2">
-                  <Skeleton className="h-4 w-4 rounded" />
-                  <Skeleton className="h-5 w-32" />
-                </div>
-                <Skeleton className="mt-2 h-4 w-40" />
-              </div>
-              <Skeleton className="h-8 w-8 rounded-md" />
-            </div>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}

package/src/components/ui/tu-do/boards/columns.tsx

@@ -1,159 +0,0 @@
-'use client';
-
-import type { ColumnDef } from '@tanstack/react-table';
-import type { WorkspaceTaskBoard } from '@tuturuuu/types';
-import { getIconComponentByKey } from '@tuturuuu/ui/custom/icon-picker';
-import type { ColumnGeneratorOptions } from '@tuturuuu/ui/custom/tables/data-table';
-import { DataTableColumnHeader } from '@tuturuuu/ui/custom/tables/data-table-column-header';
-import moment from 'moment';
-import Link from 'next/link';
-import { BoardActions } from './row-actions';
-
-export const projectColumns = ({
-  t,
-  namespace,
-  extraData,
-}: ColumnGeneratorOptions<WorkspaceTaskBoard>): ColumnDef<WorkspaceTaskBoard>[] => [
-  // {
-  //   id: 'select',
-  //   header: ({ table }) => (
-  //     <Checkbox
-  //       checked={table.getIsAllPageRowsSelected()}
-  //       onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
-  //       aria-label="Select all"
-  //       className="translate-y-[2px]"
-  //     />
-  //   ),
-  //   cell: ({ row }) => (
-  //     <Checkbox
-  //       checked={row.getIsSelected()}
-  //       onCheckedChange={(value) => row.toggleSelected(!!value)}
-  //       aria-label="Select row"
-  //       className="translate-y-[2px]"
-  //     />
-  //   ),
-  //   enableSorting: false,
-  //   enableHiding: false,
-  // },
-  {
-    accessorKey: 'id',
-    header: ({ column }) => (
-      <DataTableColumnHeader
-        t={t}
-        column={column}
-        title={t(`${namespace}.id`)}
-      />
-    ),
-    cell: ({ row }) => (
-      <div className="line-clamp-1 max-w-32 break-all">
-        {row.getValue('id')}
-      </div>
-    ),
-  },
-  {
-    accessorKey: 'name',
-    header: ({ column }) => (
-      <DataTableColumnHeader
-        t={t}
-        column={column}
-        title={t(`${namespace}.name`)}
-      />
-    ),
-    cell: ({ row }) => (
-      <div className="space-y-1">
-        <Link
-          href={`/${row.original.ws_id}${extraData?.tasksHref ? extraData.tasksHref(`/boards/${row.getValue('id')}`) : `/tasks/boards/${row.getValue('id')}`}`}
-          className="line-clamp-1 max-w-32 break-all font-semibold hover:underline"
-          onClick={(e) => e.stopPropagation()}
-        >
-          <span className="inline-flex items-center gap-2">
-            {(() => {
-              const Icon = getIconComponentByKey(
-                row.original.icon ?? undefined
-              );
-              return Icon ? (
-                <Icon className="h-4 w-4 text-muted-foreground" />
-              ) : null;
-            })()}
-            <span>{row.getValue('name') || '-'}</span>
-          </span>
-        </Link>
-      </div>
-    ),
-  },
-  {
-    accessorKey: 'created_at',
-    header: ({ column }) => (
-      <DataTableColumnHeader
-        t={t}
-        column={column}
-        title={t(`${namespace}.created_at`)}
-      />
-    ),
-    cell: ({ row }) => (
-      <div>
-        {row.getValue('created_at')
-          ? moment(row.getValue('created_at')).format('DD/MM/YYYY, HH:mm:ss')
-          : '-'}
-      </div>
-    ),
-  },
-  {
-    id: 'status',
-    header: ({ column }) => (
-      <DataTableColumnHeader t={t} column={column} title="Status" />
-    ),
-    cell: ({ row }) => {
-      const board = row.original;
-
-      // Calculate days remaining for soft-deleted boards
-      const calculateDaysRemaining = (deletedAt: string | null) => {
-        if (!deletedAt) return null;
-        const deletedDate = new Date(deletedAt);
-        const now = new Date();
-        const daysPassed = Math.floor(
-          (now.getTime() - deletedDate.getTime()) / (1000 * 60 * 60 * 24)
-        );
-        return Math.max(0, 30 - daysPassed);
-      };
-
-      if (board.deleted_at) {
-        const daysRemaining = calculateDaysRemaining(board.deleted_at);
-        return (
-          <div className="flex items-center gap-2">
-            <span className="inline-flex items-center rounded-full bg-destructive/10 px-2.5 py-1 font-medium text-destructive text-xs">
-              Deleted
-            </span>
-            <span className="text-muted-foreground text-xs">
-              {daysRemaining} days left
-            </span>
-          </div>
-        );
-      }
-
-      if (board.archived_at) {
-        return (
-          <span className="inline-flex items-center rounded-full bg-muted px-2.5 py-1 font-medium text-muted-foreground text-xs">
-            Archived
-          </span>
-        );
-      }
-
-      return (
-        <span className="inline-flex items-center rounded-full bg-dynamic-green/10 px-2.5 py-1 font-medium text-dynamic-green text-xs">
-          Active
-        </span>
-      );
-    },
-  },
-  {
-    id: 'actions',
-    header: ({ column }) => <DataTableColumnHeader t={t} column={column} />,
-    cell: ({ row }) => (
-      <BoardActions
-        board={row.original}
-        canManageBoards={extraData?.canManageBoards !== false}
-      />
-    ),
-  },
-];

package/src/components/ui/tu-do/boards/copy-board-dialog.tsx

@@ -1,156 +0,0 @@
-'use client';
-
-import { Copy, Loader2 } from '@tuturuuu/icons';
-import type { WorkspaceTaskBoard } from '@tuturuuu/types';
-import { Button } from '@tuturuuu/ui/button';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@tuturuuu/ui/dialog';
-import { Input } from '@tuturuuu/ui/input';
-import { Label } from '@tuturuuu/ui/label';
-import { toast } from '@tuturuuu/ui/sonner';
-import { useRouter } from 'next/navigation';
-import { useTranslations } from 'next-intl';
-import { useEffect, useId, useState } from 'react';
-import { isTaskBoardNameExistsError } from '../shared/task-board-errors';
-
-interface CopyBoardDialogProps {
-  board: Pick<WorkspaceTaskBoard, 'id' | 'ws_id' | 'name'>;
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-}
-
-export function CopyBoardDialog({
-  board,
-  open,
-  onOpenChange,
-}: CopyBoardDialogProps) {
-  const t = useTranslations();
-  const router = useRouter();
-  const boardNameId = useId();
-
-  const [newBoardName, setNewBoardName] = useState<string>('');
-  const [isLoading, setIsLoading] = useState(false);
-
-  // Initialize board name when dialog opens
-  useEffect(() => {
-    if (open && board) {
-      const suffix = t('ws-task-boards.duplicate_dialog.default_suffix');
-      setNewBoardName(`${board.name ?? ''} (${suffix})`);
-    }
-  }, [open, board, t]);
-
-  const handleCopyBoard = async () => {
-    if (!newBoardName.trim()) {
-      toast.error(t('ws-task-boards.duplicate_dialog.name_required'));
-      return;
-    }
-
-    setIsLoading(true);
-    try {
-      const response = await fetch(
-        `/api/v1/workspaces/${board.ws_id}/task-boards/${board.id}/copy`,
-        {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify({
-            // NOTE: copying across workspaces is intentionally not supported.
-            // The API route enforces this too.
-            targetWorkspaceId: board.ws_id,
-            newBoardName: newBoardName.trim(),
-          }),
-        }
-      );
-
-      const data = await response.json();
-
-      if (response.ok) {
-        toast.success(t('ws-task-boards.duplicate_dialog.success'));
-
-        // Reset form and close dialog
-        setNewBoardName('');
-        onOpenChange(false);
-
-        // Refresh the current page to show updated boards
-        router.refresh();
-      } else {
-        if (isTaskBoardNameExistsError(data)) {
-          toast.error(t('ws-task-boards.errors.name_exists'));
-          return;
-        }
-
-        throw new Error(data.error || 'Failed to copy board');
-      }
-    } catch (error) {
-      console.error('Error copying board:', error);
-      toast.error(
-        error instanceof Error
-          ? error.message
-          : t('ws-task-boards.duplicate_dialog.failed')
-      );
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const handleCancel = () => {
-    setNewBoardName('');
-    onOpenChange(false);
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-md">
-        <DialogHeader>
-          <DialogTitle className="flex items-center gap-2">
-            <Copy className="h-5 w-5" />
-            {t('ws-task-boards.duplicate_dialog.title')}
-          </DialogTitle>
-          <DialogDescription>
-            {t('ws-task-boards.duplicate_dialog.description', {
-              name: board.name ?? '',
-            })}
-          </DialogDescription>
-        </DialogHeader>
-
-        <div className="space-y-4">
-          {/* Board Name */}
-          <div className="space-y-2">
-            <Label htmlFor={boardNameId}>
-              {t('ws-task-boards.duplicate_dialog.name_label')}
-            </Label>
-            <Input
-              id={boardNameId}
-              value={newBoardName}
-              onChange={(e) => setNewBoardName(e.target.value)}
-              placeholder={t(
-                'ws-task-boards.duplicate_dialog.name_placeholder'
-              )}
-              maxLength={255}
-            />
-          </div>
-        </div>
-
-        <DialogFooter>
-          <Button variant="outline" onClick={handleCancel} disabled={isLoading}>
-            {t('common.cancel')}
-          </Button>
-          <Button
-            onClick={handleCopyBoard}
-            disabled={isLoading || !newBoardName.trim()}
-          >
-            {isLoading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
-            {t('ws-task-boards.duplicate_dialog.confirm')}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}