@tuturuuu/ui 0.16.0 → 0.18.0

package/src/components/ui/tu-do/boards/row-actions.tsx

@@ -1,397 +0,0 @@
-'use client';
-
-import {
-  Archive,
-  Bookmark,
-  Copy,
-  Edit,
-  Ellipsis,
-  Eye,
-  RotateCcw,
-  Share2,
-  Trash2,
-} from '@tuturuuu/icons';
-import type { WorkspaceTaskBoard } from '@tuturuuu/types';
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from '@tuturuuu/ui/alert-dialog';
-import { Button } from '@tuturuuu/ui/button';
-import ModifiableDialogTrigger from '@tuturuuu/ui/custom/modifiable-dialog-trigger';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@tuturuuu/ui/dropdown-menu';
-import { useBoardActions } from '@tuturuuu/ui/hooks/use-board-actions';
-import Link from 'next/link';
-import { useTranslations } from 'next-intl';
-import { useState } from 'react';
-import { SaveAsTemplateDialog } from '../templates/save-as-template-dialog';
-import { BoardShareDialog } from './board-share-dialog';
-import { TaskBoardForm } from './form';
-
-interface BoardActionsProps {
-  board: WorkspaceTaskBoard;
-  canManageBoards?: boolean;
-  wsId?: string;
-}
-
-export function BoardActions({
-  board,
-  canManageBoards = true,
-  wsId,
-}: BoardActionsProps) {
-  const t = useTranslations();
-  const data = board;
-  const {
-    softDeleteBoard,
-    permanentDeleteBoard,
-    restoreBoard,
-    archiveBoard,
-    unarchiveBoard,
-    duplicateBoard,
-  } = useBoardActions(wsId || data.ws_id);
-
-  const [showEditDialog, setShowEditDialog] = useState(false);
-  const [showDeleteDialog, setShowDeleteDialog] = useState(false);
-  const [showPermanentDeleteDialog, setShowPermanentDeleteDialog] =
-    useState(false);
-  const [showRestoreDialog, setShowRestoreDialog] = useState(false);
-  const [showArchiveDialog, setShowArchiveDialog] = useState(false);
-  const [showUnarchiveDialog, setShowUnarchiveDialog] = useState(false);
-  const [showShareDialog, setShowShareDialog] = useState(false);
-  const [showSaveAsTemplateDialog, setShowSaveAsTemplateDialog] =
-    useState(false);
-
-  // No need for onSuccess callback - mutations handle invalidation
-  // React Query will automatically refetch and update the UI
-
-  if (!data.id || !data.ws_id) return null;
-  if (!canManageBoards) return null;
-
-  return (
-    <>
-      <div className="flex items-center justify-end gap-2">
-        {data.href && (
-          <Link href={data.href} onClick={(e) => e.stopPropagation()}>
-            <Button>
-              <Eye className="mr-1 h-5 w-5" />
-              {t('common.view')}
-            </Button>
-          </Link>
-        )}
-
-        <DropdownMenu modal={false}>
-          <DropdownMenuTrigger asChild>
-            <Button
-              variant="ghost"
-              className="flex h-8 w-8 p-0 data-[state=open]:bg-muted"
-              onClick={(e) => e.stopPropagation()}
-            >
-              <Ellipsis className="h-4 w-4" />
-              <span className="sr-only">Open menu</span>
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="end" className="w-48">
-            {data.deleted_at ? (
-              // Deleted board options
-              <>
-                <DropdownMenuItem
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setShowRestoreDialog(true);
-                  }}
-                >
-                  <RotateCcw className="mr-2 h-4 w-4" />
-                  {t('ws-task-boards.row_actions.restore')}
-                </DropdownMenuItem>
-                <DropdownMenuSeparator />
-                <DropdownMenuItem
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setShowPermanentDeleteDialog(true);
-                  }}
-                  className="text-dynamic-red focus:text-dynamic-red"
-                >
-                  <Trash2 className="mr-2 h-4 w-4" />
-                  {t('ws-task-boards.row_actions.delete_forever')}
-                </DropdownMenuItem>
-              </>
-            ) : data.archived_at ? (
-              // Archived board options
-              <>
-                <DropdownMenuItem
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setShowUnarchiveDialog(true);
-                  }}
-                >
-                  <RotateCcw className="mr-2 h-4 w-4" />
-                  {t('ws-task-boards.row_actions.unarchive')}
-                </DropdownMenuItem>
-                <DropdownMenuSeparator />
-                <DropdownMenuItem
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setShowDeleteDialog(true);
-                  }}
-                >
-                  <Trash2 className="mr-2 h-4 w-4" />
-                  {t('common.delete')}
-                </DropdownMenuItem>
-              </>
-            ) : (
-              // Active board options
-              <>
-                <DropdownMenuItem
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setShowShareDialog(true);
-                  }}
-                >
-                  <Share2 className="mr-2 h-4 w-4" />
-                  {t('ws-task-boards.share.action')}
-                </DropdownMenuItem>
-                <DropdownMenuSeparator />
-                <DropdownMenuItem
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setShowEditDialog(true);
-                  }}
-                >
-                  <Edit className="mr-2 h-4 w-4" />
-                  {t('common.edit')}
-                </DropdownMenuItem>
-                <DropdownMenuItem
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    duplicateBoard(data.id);
-                  }}
-                >
-                  <Copy className="mr-2 h-4 w-4" />
-                  {t('ws-task-boards.row_actions.duplicate')}
-                </DropdownMenuItem>
-                <DropdownMenuItem
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setShowSaveAsTemplateDialog(true);
-                  }}
-                >
-                  <Bookmark className="mr-2 h-4 w-4" />
-                  {t('ws-task-boards.row_actions.save_as_template')}
-                </DropdownMenuItem>
-                <DropdownMenuSeparator />
-                <DropdownMenuItem
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setShowArchiveDialog(true);
-                  }}
-                >
-                  <Archive className="mr-2 h-4 w-4" />
-                  {t('ws-task-boards.row_actions.archive')}
-                </DropdownMenuItem>
-                <DropdownMenuItem
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setShowDeleteDialog(true);
-                  }}
-                >
-                  <Trash2 className="mr-2 h-4 w-4" />
-                  {t('common.delete')}
-                </DropdownMenuItem>
-              </>
-            )}
-          </DropdownMenuContent>
-        </DropdownMenu>
-
-        <ModifiableDialogTrigger
-          data={data}
-          open={showEditDialog}
-          setOpen={setShowEditDialog}
-          form={<TaskBoardForm wsId={data.ws_id} data={data} />}
-        />
-
-        <SaveAsTemplateDialog
-          board={data}
-          open={showSaveAsTemplateDialog}
-          onOpenChange={setShowSaveAsTemplateDialog}
-        />
-        <BoardShareDialog
-          board={data}
-          open={showShareDialog}
-          onOpenChange={setShowShareDialog}
-          wsId={wsId || data.ws_id}
-        />
-      </div>
-
-      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>
-              {t('ws-task-boards.row_actions.dialog.delete_title')}
-            </AlertDialogTitle>
-            <AlertDialogDescription>
-              {(() => {
-                const name = data.name ?? '';
-                const truncated = name.length > 20;
-                const display = truncated ? `${name.slice(0, 20)}…` : name;
-                return t(
-                  'ws-task-boards.row_actions.dialog.delete_description',
-                  {
-                    name: display,
-                  }
-                );
-              })()}
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <AlertDialogFooter>
-            <AlertDialogCancel>{t('common.cancel')}</AlertDialogCancel>
-            <AlertDialogAction
-              onClick={() => softDeleteBoard(data.id)}
-              className="bg-dynamic-red text-white hover:bg-dynamic-red/90"
-            >
-              {t('ws-task-boards.row_actions.dialog.delete_button')}
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
-
-      <AlertDialog open={showRestoreDialog} onOpenChange={setShowRestoreDialog}>
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>
-              {t('ws-task-boards.row_actions.dialog.restore_title')}
-            </AlertDialogTitle>
-            <AlertDialogDescription>
-              {(() => {
-                const name = data.name ?? '';
-                const truncated = name.length > 20;
-                const display = truncated ? `${name.slice(0, 20)}…` : name;
-                return t(
-                  'ws-task-boards.row_actions.dialog.restore_description',
-                  { name: display }
-                );
-              })()}
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <AlertDialogFooter>
-            <AlertDialogCancel>{t('common.cancel')}</AlertDialogCancel>
-            <AlertDialogAction
-              onClick={() => restoreBoard(data.id)}
-              className="bg-primary text-primary-foreground hover:bg-primary/90"
-            >
-              {t('ws-task-boards.row_actions.dialog.restore_button')}
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
-
-      <AlertDialog
-        open={showPermanentDeleteDialog}
-        onOpenChange={setShowPermanentDeleteDialog}
-      >
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>
-              {t('ws-task-boards.row_actions.dialog.delete_perm_title')}
-            </AlertDialogTitle>
-            <AlertDialogDescription>
-              {(() => {
-                const name = data.name ?? '';
-                const truncated = name.length > 20;
-                const display = truncated ? `${name.slice(0, 20)}…` : name;
-                return t(
-                  'ws-task-boards.row_actions.dialog.delete_perm_description',
-                  { name: display }
-                );
-              })()}
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <AlertDialogFooter>
-            <AlertDialogCancel>{t('common.cancel')}</AlertDialogCancel>
-            <AlertDialogAction
-              onClick={() => permanentDeleteBoard(data.id)}
-              className="bg-dynamic-red text-white hover:bg-dynamic-red/90"
-            >
-              {t('ws-task-boards.row_actions.dialog.delete_perm_button')}
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
-
-      <AlertDialog open={showArchiveDialog} onOpenChange={setShowArchiveDialog}>
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>
-              {t('ws-task-boards.row_actions.dialog.archive_title')}
-            </AlertDialogTitle>
-            <AlertDialogDescription>
-              {(() => {
-                const name = data.name ?? '';
-                const truncated = name.length > 20;
-                const display = truncated ? `${name.slice(0, 20)}…` : name;
-                return t(
-                  'ws-task-boards.row_actions.dialog.archive_description',
-                  { name: display }
-                );
-              })()}
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <AlertDialogFooter>
-            <AlertDialogCancel>{t('common.cancel')}</AlertDialogCancel>
-            <AlertDialogAction
-              onClick={() => archiveBoard(data.id)}
-              className="bg-primary text-primary-foreground hover:bg-primary/90"
-            >
-              {t('ws-task-boards.row_actions.dialog.archive_button')}
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
-
-      <AlertDialog
-        open={showUnarchiveDialog}
-        onOpenChange={setShowUnarchiveDialog}
-      >
-        <AlertDialogContent onClick={(e) => e.stopPropagation()}>
-          <AlertDialogHeader>
-            <AlertDialogTitle>
-              {t('ws-task-boards.row_actions.dialog.unarchive_title')}
-            </AlertDialogTitle>
-            <AlertDialogDescription>
-              {(() => {
-                const name = data.name ?? '';
-                const truncated = name.length > 20;
-                const display = truncated ? `${name.slice(0, 20)}…` : name;
-                return t(
-                  'ws-task-boards.row_actions.dialog.unarchive_description',
-                  { name: display }
-                );
-              })()}
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <AlertDialogFooter>
-            <AlertDialogCancel>{t('common.cancel')}</AlertDialogCancel>
-            <AlertDialogAction
-              onClick={() => unarchiveBoard(data.id)}
-              className="bg-primary text-primary-foreground hover:bg-primary/90"
-            >
-              {t('ws-task-boards.row_actions.dialog.unarchive_button')}
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
-    </>
-  );
-}
-
-export { BoardActions as BoardCardActions };

package/src/components/ui/tu-do/boards/share-section.tsx

@@ -1,100 +0,0 @@
-'use client';
-
-import { ChevronDown, Info } from '@tuturuuu/icons';
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from '@tuturuuu/ui/collapsible';
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from '@tuturuuu/ui/tooltip';
-import { cn } from '@tuturuuu/utils/format';
-import { useTranslations } from 'next-intl';
-import type { ReactNode } from 'react';
-
-function ShareInfoTooltip({
-  content,
-  label,
-}: {
-  content: string;
-  label: string;
-}) {
-  return (
-    <TooltipProvider delayDuration={0} skipDelayDuration={0}>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <button
-            type="button"
-            className="text-muted-foreground transition-colors hover:text-foreground"
-            aria-label={label}
-          >
-            <Info className="h-3.5 w-3.5" />
-          </button>
-        </TooltipTrigger>
-        <TooltipContent className="max-w-xs">{content}</TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
-  );
-}
-
-interface ShareSectionProps {
-  children: ReactNode;
-  icon: ReactNode;
-  onOpenChange: (open: boolean) => void;
-  open: boolean;
-  statusBadge: ReactNode;
-  title: string;
-  tooltip: string;
-}
-
-export function ShareSection({
-  children,
-  icon,
-  onOpenChange,
-  open,
-  statusBadge,
-  title,
-  tooltip,
-}: ShareSectionProps) {
-  const t = useTranslations();
-
-  return (
-    <Collapsible
-      open={open}
-      onOpenChange={onOpenChange}
-      className="rounded-md border"
-    >
-      <div className="flex min-h-11 items-center gap-2 px-3">
-        <CollapsibleTrigger asChild>
-          <button
-            type="button"
-            className="flex min-w-0 flex-1 items-center gap-2 text-left transition-colors hover:text-foreground"
-          >
-            {icon}
-            <span className="min-w-0 flex-1 truncate font-medium text-sm">
-              {title}
-            </span>
-            {statusBadge}
-            <ChevronDown
-              className={cn(
-                'h-4 w-4 shrink-0 text-muted-foreground transition-transform',
-                open && 'rotate-180'
-              )}
-            />
-          </button>
-        </CollapsibleTrigger>
-        <ShareInfoTooltip
-          label={t('ws-task-boards.share.note')}
-          content={tooltip}
-        />
-      </div>
-      <CollapsibleContent className="border-t p-3">
-        {children}
-      </CollapsibleContent>
-    </Collapsible>
-  );
-}

package/src/components/ui/tu-do/boards/workspace-projects-client-page.tsx

@@ -1,192 +0,0 @@
-'use client';
-
-import { useQuery } from '@tanstack/react-query';
-import { Plus } from '@tuturuuu/icons';
-import {
-  checkWorkspacePermission,
-  getWorkspace,
-  getWorkspaceBoardsData,
-} from '@tuturuuu/internal-api';
-import { Button } from '@tuturuuu/ui/button';
-import FeatureSummary from '@tuturuuu/ui/custom/feature-summary';
-import { useWorkspaceUser } from '@tuturuuu/ui/hooks/use-workspace-user';
-import { Separator } from '@tuturuuu/ui/separator';
-import { useParams, useRouter, useSearchParams } from 'next/navigation';
-import { useTranslations } from 'next-intl';
-import { useEffect } from 'react';
-import { BoardsListSkeleton } from './boards-list-skeleton';
-import { EnhancedBoardsView } from './enhanced-boards-view';
-import { TaskBoardForm } from './form';
-import { QuickCreateBoardDialog } from './quick-create-board-dialog';
-
-interface WorkspaceProjectsClientPageProps {
-  config?: {
-    showFeatureSummary?: boolean;
-    showSeparator?: boolean;
-  };
-}
-
-export default function WorkspaceProjectsClientPage({
-  config = {},
-}: WorkspaceProjectsClientPageProps) {
-  const { showFeatureSummary = false, showSeparator = false } = config;
-  const t = useTranslations();
-  const router = useRouter();
-  const params = useParams();
-  const searchParams = useSearchParams();
-  const routeWorkspaceId = typeof params.wsId === 'string' ? params.wsId : '';
-
-  const q = searchParams.get('q') || '';
-  const page = searchParams.get('page') || '1';
-  const pageSize = searchParams.get('pageSize') || '10';
-
-  const {
-    data: workspace,
-    isPending: isWorkspacePending,
-    error: workspaceError,
-  } = useQuery({
-    queryKey: ['workspace', routeWorkspaceId],
-    queryFn: () => getWorkspace(routeWorkspaceId),
-    enabled: Boolean(routeWorkspaceId),
-  });
-
-  const { data: workspaceUser, isLoading: isWorkspaceUserLoading } =
-    useWorkspaceUser();
-
-  const permissionQuery = useQuery({
-    queryKey: [
-      'workspace-permission',
-      workspace?.id,
-      'manage_projects',
-      workspaceUser?.id,
-    ],
-    queryFn: async () =>
-      (await checkWorkspacePermission(workspace!.id, 'manage_projects'))
-        .hasPermission,
-    enabled: Boolean(workspace?.id && workspaceUser?.id),
-    staleTime: 5 * 60 * 1000,
-    retry: 1,
-  });
-
-  const canManageProjects = permissionQuery.data;
-  const isPermissionLoading = permissionQuery.isLoading;
-
-  const resolvedWsId = workspace?.id;
-  const workspaceAccess = workspace as
-    | { access_type?: string; guest_products?: string[] }
-    | null
-    | undefined;
-  const isWorkspaceGuestTasksAccess =
-    workspaceAccess?.access_type === 'guest' &&
-    workspaceAccess.guest_products?.includes('tasks');
-  const canReadBoards =
-    canManageProjects === true || isWorkspaceGuestTasksAccess;
-
-  const {
-    data: boardsPayload,
-    isPending: isBoardsPending,
-    error: boardsError,
-  } = useQuery({
-    queryKey: ['boards', resolvedWsId, q, page, pageSize],
-    queryFn: () =>
-      getWorkspaceBoardsData(resolvedWsId!, {
-        q,
-        page: Number.parseInt(page, 10),
-        pageSize: Number.parseInt(pageSize, 10),
-      }),
-    enabled: Boolean(resolvedWsId && canReadBoards),
-  });
-  const isGuestBoardAccess =
-    isWorkspaceGuestTasksAccess || boardsPayload?.access_type === 'guest';
-
-  useEffect(() => {
-    if (
-      resolvedWsId &&
-      !isPermissionLoading &&
-      !isWorkspaceUserLoading &&
-      canManageProjects === false &&
-      !isGuestBoardAccess
-    ) {
-      router.replace(`/${resolvedWsId}`);
-    }
-  }, [
-    canManageProjects,
-    isGuestBoardAccess,
-    isPermissionLoading,
-    isWorkspaceUserLoading,
-    resolvedWsId,
-    router,
-  ]);
-
-  if (
-    isWorkspacePending ||
-    isWorkspaceUserLoading ||
-    (isPermissionLoading && !isGuestBoardAccess) ||
-    (canReadBoards && isBoardsPending)
-  ) {
-    return <BoardsListSkeleton />;
-  }
-
-  if (canManageProjects === false && !isGuestBoardAccess) {
-    return null;
-  }
-
-  if (
-    workspaceError ||
-    (!isGuestBoardAccess && permissionQuery.error) ||
-    boardsError ||
-    !resolvedWsId
-  ) {
-    return (
-      <div className="rounded-lg border bg-muted/30 p-6 text-muted-foreground text-sm">
-        {t('common.error')}
-      </div>
-    );
-  }
-
-  const createButton = (
-    <TaskBoardForm wsId={resolvedWsId}>
-      <Button className="flex items-center gap-2">
-        <Plus className="h-4 w-4" />
-        {t('ws-task-boards.create')}
-      </Button>
-    </TaskBoardForm>
-  );
-
-  return (
-    <div className="space-y-6">
-      {showFeatureSummary ? (
-        <FeatureSummary
-          pluralTitle={t('ws-task-boards.plural')}
-          singularTitle={t('ws-task-boards.singular')}
-          description={t('ws-task-boards.description')}
-          createTitle={t('ws-task-boards.create')}
-          createDescription={t('ws-task-boards.create_description')}
-          action={canManageProjects ? createButton : undefined}
-        />
-      ) : (
-        <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
-          <div className="space-y-2">
-            <h1 className="font-bold text-2xl tracking-tight">
-              {t('ws-task-boards.plural')}
-            </h1>
-            <p className="text-muted-foreground">
-              {t('ws-task-boards.description')}
-            </p>
-          </div>
-          {canManageProjects ? createButton : null}
-        </div>
-      )}
-
-      {showSeparator && <Separator />}
-
-      {canManageProjects ? (
-        <QuickCreateBoardDialog
-          wsId={resolvedWsId}
-          openWhenEmpty={q.trim() === '' && (boardsPayload?.count ?? 0) === 0}
-        />
-      ) : null}
-      <EnhancedBoardsView wsId={resolvedWsId} />
-    </div>
-  );
-}