@tuturuuu/ui 0.17.0 → 0.18.0

package/src/components/ui/tu-do/utils/taskColorUtils.ts

@@ -1,116 +0,0 @@
-import type { SupportedColor } from '@tuturuuu/types/primitives/SupportedColors';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import type { TaskList } from '@tuturuuu/types/primitives/TaskList';
-import { LIST_COLOR_CLASSES, PRIORITY_BORDER_COLORS } from './taskConstants';
-
-/**
- * Get color classes for a task list
- */
-export function getListColorClasses(color: SupportedColor): string {
-  return LIST_COLOR_CLASSES[color] || LIST_COLOR_CLASSES.GRAY;
-}
-
-/**
- * Get border color for a task based on priority
- */
-export function getPriorityBorderColor(priority: Task['priority']): string {
-  if (!priority) return '';
-  return PRIORITY_BORDER_COLORS[priority] || '';
-}
-
-/**
- * Get card color classes based on task list color or priority
- */
-export function getCardColorClasses(
-  taskList?: TaskList,
-  priority?: Task['priority']
-): string {
-  if (taskList?.color) {
-    return getListColorClasses(taskList.color);
-  }
-  if (priority) {
-    return getPriorityBorderColor(priority);
-  }
-  return 'border-l-dynamic-gray/30';
-}
-
-/**
- * Get ticket identifier badge color classes based on task list color or priority
- */
-export function getTicketBadgeColorClasses(
-  taskList?: TaskList,
-  priority?: Task['priority']
-): string {
-  // Color mapping for ticket badges (lighter than card borders)
-  const ticketColorClasses: Record<SupportedColor, string> = {
-    GRAY: 'border-dynamic-gray/30 bg-dynamic-gray/5 text-foreground',
-    RED: 'border-dynamic-red/30 bg-dynamic-red/5 text-dynamic-red',
-    BLUE: 'border-dynamic-blue/30 bg-dynamic-blue/5 text-dynamic-blue',
-    GREEN: 'border-dynamic-green/30 bg-dynamic-green/5 text-dynamic-green',
-    YELLOW: 'border-dynamic-yellow/30 bg-dynamic-yellow/5 text-dynamic-yellow',
-    ORANGE: 'border-dynamic-orange/30 bg-dynamic-orange/5 text-dynamic-orange',
-    PURPLE: 'border-dynamic-purple/30 bg-dynamic-purple/5 text-dynamic-purple',
-    PINK: 'border-dynamic-pink/30 bg-dynamic-pink/5 text-dynamic-pink',
-    INDIGO: 'border-dynamic-indigo/30 bg-dynamic-indigo/5 text-dynamic-indigo',
-    CYAN: 'border-dynamic-cyan/30 bg-dynamic-cyan/5 text-dynamic-cyan',
-  };
-
-  const priorityTicketColors: Record<NonNullable<Task['priority']>, string> = {
-    critical: 'border-dynamic-red/30 bg-dynamic-red/5 text-dynamic-red',
-    high: 'border-dynamic-orange/30 bg-dynamic-orange/5 text-dynamic-orange',
-    normal: 'border-dynamic-yellow/30 bg-dynamic-yellow/5 text-dynamic-yellow',
-    low: 'border-dynamic-blue/30 bg-dynamic-blue/5 text-dynamic-blue',
-  };
-
-  if (taskList?.color) {
-    return ticketColorClasses[taskList.color] || ticketColorClasses.GRAY;
-  }
-  if (priority) {
-    return priorityTicketColors[priority] || '';
-  }
-  return ticketColorClasses.GRAY;
-}
-
-/**
- * Text color classes for each supported color
- */
-const LIST_TEXT_COLOR_CLASSES: Record<SupportedColor, string> = {
-  GRAY: 'text-dynamic-gray',
-  RED: 'text-dynamic-red',
-  BLUE: 'text-dynamic-blue',
-  GREEN: 'text-dynamic-green',
-  YELLOW: 'text-dynamic-yellow',
-  ORANGE: 'text-dynamic-orange',
-  PURPLE: 'text-dynamic-purple',
-  PINK: 'text-dynamic-pink',
-  INDIGO: 'text-dynamic-indigo',
-  CYAN: 'text-dynamic-cyan',
-};
-
-/**
- * Get text color class for a task list (for completion/closed text)
- */
-export function getListTextColorClass(color?: SupportedColor | null): string {
-  if (!color) return 'text-muted-foreground';
-  return LIST_TEXT_COLOR_CLASSES[color] || 'text-muted-foreground';
-}
-
-/**
- * Get initials from name or email for avatar
- */
-export function getAssigneeInitials(
-  name?: string | null,
-  email?: string | null
-): string {
-  if (name) {
-    const parts = name.trim().split(/\s+/).filter(Boolean);
-    if (parts.length === 1) return parts?.[0]?.slice(0, 2).toUpperCase() || '';
-    if (parts.length > 1) {
-      return (
-        (parts?.[0]?.[0] || '') + (parts?.[parts.length - 1]?.[0] || '')
-      ).toUpperCase();
-    }
-  }
-  if (email) return email.slice(0, 2).toUpperCase();
-  return '??';
-}

package/src/components/ui/tu-do/utils/taskConstants.ts

@@ -1,102 +0,0 @@
-import type { SupportedColor } from '@tuturuuu/types/primitives/SupportedColors';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import { getRandomLabelColor } from './label-colors';
-
-/**
- * Legacy default color for new labels. New create-label flows should call
- * getRandomNewLabelColor so repeated creates do not reuse the same swatch.
- */
-export const NEW_LABEL_COLOR = '#3b82f6';
-
-export function getRandomNewLabelColor(previousColor?: string) {
-  return getRandomLabelColor(previousColor);
-}
-
-/**
- * Priority labels for display
- */
-export const PRIORITY_LABELS: Record<NonNullable<Task['priority']>, string> = {
-  critical: 'Urgent',
-  high: 'High',
-  normal: 'Medium',
-  low: 'Low',
-};
-
-/**
- * Color mappings for task list colors
- */
-export const LIST_COLOR_CLASSES: Record<SupportedColor, string> = {
-  GRAY: 'border-dynamic-gray/70 bg-dynamic-gray/5',
-  RED: 'border-dynamic-red/70 bg-dynamic-red/5',
-  BLUE: 'border-dynamic-blue/70 bg-dynamic-blue/5',
-  GREEN: 'border-dynamic-green/70 bg-dynamic-green/5',
-  YELLOW: 'border-dynamic-yellow/70 bg-dynamic-yellow/5',
-  ORANGE: 'border-dynamic-orange/70 bg-dynamic-orange/5',
-  PURPLE: 'border-dynamic-purple/70 bg-dynamic-purple/5',
-  PINK: 'border-dynamic-pink/70 bg-dynamic-pink/5',
-  INDIGO: 'border-dynamic-indigo/70 bg-dynamic-indigo/5',
-  CYAN: 'border-dynamic-cyan/70 bg-dynamic-cyan/5',
-};
-
-/**
- * Priority border colors
- */
-export const PRIORITY_BORDER_COLORS: Record<
-  NonNullable<Task['priority']>,
-  string
-> = {
-  critical: 'border-dynamic-red shadow-sm shadow-dynamic-red/20',
-  high: 'border-dynamic-orange/70',
-  normal: 'border-dynamic-yellow/70',
-  low: 'border-dynamic-blue/70',
-};
-
-/**
- * Priority badge colors
- */
-export const PRIORITY_BADGE_COLORS: Record<
-  NonNullable<Task['priority']>,
-  string
-> = {
-  critical:
-    'bg-dynamic-red/20 border-dynamic-red/50 text-dynamic-red shadow-sm shadow-dynamic-red/50',
-  high: 'bg-dynamic-orange/10 border-dynamic-orange/30 text-dynamic-orange',
-  normal: 'bg-dynamic-yellow/10 border-dynamic-yellow/30 text-dynamic-yellow',
-  low: 'bg-dynamic-blue/10 border-dynamic-blue/30 text-dynamic-blue',
-};
-
-/**
- * Destination tone colors for drag overlay
- */
-export const DESTINATION_TONE_COLORS: Record<SupportedColor, string> = {
-  GRAY: 'bg-dynamic-gray/15 text-foreground/80 ring-dynamic-gray/30',
-  RED: 'bg-dynamic-red/15 text-dynamic-red ring-dynamic-red/30',
-  BLUE: 'bg-dynamic-blue/15 text-dynamic-blue ring-dynamic-blue/30',
-  GREEN: 'bg-dynamic-green/15 text-dynamic-green ring-dynamic-green/30',
-  YELLOW: 'bg-dynamic-yellow/15 text-dynamic-yellow ring-dynamic-yellow/30',
-  ORANGE: 'bg-dynamic-orange/15 text-dynamic-orange ring-dynamic-orange/30',
-  PURPLE: 'bg-dynamic-purple/15 text-dynamic-purple ring-dynamic-purple/30',
-  PINK: 'bg-dynamic-pink/15 text-dynamic-pink ring-dynamic-pink/30',
-  INDIGO: 'bg-dynamic-indigo/15 text-dynamic-indigo ring-dynamic-indigo/30',
-  CYAN: 'bg-dynamic-cyan/15 text-dynamic-cyan ring-dynamic-cyan/30',
-};
-
-/**
- * Default guard time for menu interactions (ms)
- */
-export const MENU_GUARD_TIME = 300;
-
-/**
- * Draft auto-save debounce time (ms)
- */
-export const DRAFT_SAVE_DEBOUNCE = 300;
-
-/**
- * Suggestion menu width (px)
- */
-export const SUGGESTION_MENU_WIDTH = 360;
-
-/**
- * Mobile breakpoint (px)
- */
-export const MOBILE_BREAKPOINT = 768;

package/src/components/ui/tu-do/utils/taskDateUtils.ts

@@ -1,81 +0,0 @@
-import { getTimeFormatPattern } from '@tuturuuu/utils/time-helper';
-import {
-  format,
-  formatDistanceToNow,
-  isToday,
-  isTomorrow,
-  isYesterday,
-  type Locale,
-} from 'date-fns';
-
-/**
- * Smart date formatting that uses relative dates for today/tomorrow/yesterday
- */
-export function formatSmartDate(
-  date: Date,
-  translations?: {
-    today?: string;
-    tomorrow?: string;
-    yesterday?: string;
-  },
-  locale?: Locale
-): string {
-  if (isToday(date)) return translations?.today ?? 'Today';
-  if (isTomorrow(date)) return translations?.tomorrow ?? 'Tomorrow';
-  if (isYesterday(date)) return translations?.yesterday ?? 'Yesterday';
-  return formatDistanceToNow(date, { addSuffix: true, locale });
-}
-
-/**
- * Format date with time
- * @param date - The date to format
- * @param timeFormat - The time format preference ('12h' or '24h')
- */
-export function formatDateWithTime(
-  date: Date,
-  timeFormat: '12h' | '24h' = '12h'
-): string {
-  const timePattern = getTimeFormatPattern(timeFormat);
-  return format(date, `MMM dd 'at' ${timePattern}`);
-}
-
-/**
- * Check if a date is overdue (past current time)
- */
-export function isOverdue(date: Date | string | null | undefined): boolean {
-  if (!date) return false;
-  return new Date(date) < new Date();
-}
-
-/**
- * Check if a date is in the future
- */
-export function isFutureDate(date: Date | string | null | undefined): boolean {
-  if (!date) return false;
-  return new Date(date) > new Date();
-}
-
-/**
- * Get relative time display (for lightweight cards)
- */
-export function getRelativeTimeDisplay(
-  date: Date | string | null | undefined
-): string | null {
-  if (!date) return null;
-  return formatDistanceToNow(new Date(date), { addSuffix: true });
-}
-
-/**
- * Parse date string safely
- */
-export function parseDateSafely(
-  date: string | Date | null | undefined
-): Date | null {
-  if (!date) return null;
-  try {
-    const parsed = new Date(date);
-    return Number.isNaN(parsed.getTime()) ? null : parsed;
-  } catch {
-    return null;
-  }
-}

package/src/components/ui/tu-do/utils/taskPriorityUtils.tsx

@@ -1,80 +0,0 @@
-import { horseHead, Icon, Rabbit, Turtle, unicornHead } from '@tuturuuu/icons';
-import type { Task } from '@tuturuuu/types/primitives/Task';
-import { Badge } from '@tuturuuu/ui/badge';
-import { cn } from '@tuturuuu/utils/format';
-import React from 'react';
-import { PRIORITY_BADGE_COLORS, PRIORITY_LABELS } from './taskConstants';
-
-export const PRIORITY_ICONS: Record<
-  NonNullable<Task['priority']>,
-  React.ReactElement
-> = {
-  critical: <Icon iconNode={unicornHead} />,
-  high: <Icon iconNode={horseHead} />,
-  normal: <Rabbit />,
-  low: <Turtle />,
-};
-
-export function getPriorityIcon(
-  priority: Task['priority'],
-  className?: string
-): React.ReactNode {
-  if (!priority) return null;
-  const icon = PRIORITY_ICONS[priority];
-  return icon ? React.cloneElement(icon, { className } as any) : null;
-}
-
-/**
- * Get priority label for display
- */
-export function getPriorityLabel(priority: Task['priority']): string | null {
-  if (!priority) return null;
-  return PRIORITY_LABELS[priority] || null;
-}
-
-/**
- * Get priority badge component
- */
-export function getPriorityIndicator(
-  priority: Task['priority']
-): React.ReactNode {
-  if (!priority) return null;
-
-  const icon = getPriorityIcon(priority, 'size-3');
-
-  return (
-    <Badge
-      variant="secondary"
-      className={cn('p-0.75 text-xs', PRIORITY_BADGE_COLORS[priority])}
-    >
-      {icon}
-    </Badge>
-  );
-}
-
-/**
- * Check if priority is urgent (critical or high)
- */
-export function isUrgentPriority(priority: Task['priority']): boolean {
-  return priority === 'critical' || priority === 'high';
-}
-
-/**
- * Compare priorities for sorting (critical > high > normal > low > none)
- */
-export function comparePriorities(
-  a: Task['priority'],
-  b: Task['priority']
-): number {
-  const priorityOrder = {
-    critical: 4,
-    high: 3,
-    normal: 2,
-    low: 1,
-  };
-
-  const aValue = a ? priorityOrder[a] : 0;
-  const bValue = b ? priorityOrder[b] : 0;
-
-  return bValue - aValue; // Descending order
-}

package/src/components/ui/tu-do/utils/weekDateUtils.ts

@@ -1,64 +0,0 @@
-/**
- * Week Date Utilities
- *
- * Shared utilities for calculating week-related dates that respect
- * the user's first day of week preference.
- */
-
-import dayjs from 'dayjs';
-
-/**
- * Calculate days until end of week based on first day of week setting
- *
- * @param weekStartsOn - 0 = Sunday, 1 = Monday, 6 = Saturday
- * @returns Number of days until end of week (the day before weekStartsOn)
- *
- * @example
- * // If weekStartsOn = 1 (Monday), end of week = Sunday (0)
- * // If weekStartsOn = 0 (Sunday), end of week = Saturday (6)
- * // If weekStartsOn = 6 (Saturday), end of week = Friday (5)
- *
- * // On Wednesday (3), with Monday as first day:
- * // End of week = Sunday (0)
- * // Days = (0 - 3 + 7) % 7 = 4 days until Sunday
- */
-export function calculateDaysUntilEndOfWeek(
-  weekStartsOn: 0 | 1 | 6 = 0
-): number {
-  const today = dayjs();
-  const currentDay = today.day(); // 0 = Sunday, 6 = Saturday
-
-  // End of week is the day before the first day of week
-  // If weekStartsOn = 1 (Monday), end of week = 0 (Sunday)
-  // If weekStartsOn = 0 (Sunday), end of week = 6 (Saturday)
-  // If weekStartsOn = 6 (Saturday), end of week = 5 (Friday)
-  const endOfWeekDay = (weekStartsOn - 1 + 7) % 7;
-
-  // Calculate days until end of week
-  const daysUntilEnd = (endOfWeekDay - currentDay + 7) % 7;
-
-  // If today is the end of week day, return 0 (due today, end of this week)
-  return daysUntilEnd;
-}
-
-/**
- * Calculate date for "This Week" preset
- * Returns the end of the current week based on first day of week setting
- */
-export function getThisWeekEndDate(weekStartsOn: 0 | 1 | 6 = 0): Date {
-  return dayjs()
-    .add(calculateDaysUntilEndOfWeek(weekStartsOn), 'day')
-    .endOf('day')
-    .toDate();
-}
-
-/**
- * Calculate date for "Next Week" preset
- * Returns the end of next week based on first day of week setting
- */
-export function getNextWeekEndDate(weekStartsOn: 0 | 1 | 6 = 0): Date {
-  return dayjs()
-    .add(calculateDaysUntilEndOfWeek(weekStartsOn) + 7, 'day')
-    .endOf('day')
-    .toDate();
-}