@tuturuuu/ui 0.17.0 → 0.18.0

package/src/components/ui/calendar-app/components/sidebar/calendar-sidebar.tsx

@@ -1,128 +0,0 @@
-'use client';
-
-import {
-  LayoutDashboard,
-  PanelLeftClose,
-  PanelRightClose,
-  Repeat,
-} from '@tuturuuu/icons';
-import { useEffect, useState } from 'react';
-import { Button } from '../../../button';
-import { ScrollArea } from '../../../scroll-area';
-import type { ExtendedWorkspaceTask } from '../../../time-tracker/types';
-import { Tooltip, TooltipContent, TooltipTrigger } from '../../../tooltip';
-import { HabitsPanel } from '../habits-panel';
-import PriorityView from '../priority-view';
-import TimeTracker from '../time-tracker';
-
-const SIDEBAR_COLLAPSED_KEY = 'calendar-sidebar-collapsed';
-
-interface CalendarSidebarProps {
-  wsId: string;
-  assigneeId: string;
-  tasks?: ExtendedWorkspaceTask[];
-  locale?: string;
-  onEventCreated?: () => void;
-  /** If true, skip auto-assignment when creating tasks (personal workspace) */
-  isPersonalWorkspace?: boolean;
-}
-
-export function CalendarSidebar({
-  wsId,
-  assigneeId,
-  tasks = [],
-  onEventCreated,
-  isPersonalWorkspace = false,
-}: CalendarSidebarProps) {
-  const [isCollapsed, setIsCollapsed] = useState(() => {
-    if (typeof window === 'undefined') return true;
-    const saved = localStorage.getItem(SIDEBAR_COLLAPSED_KEY);
-    return saved === null ? true : saved === 'true';
-  });
-
-  useEffect(() => {
-    localStorage.setItem(SIDEBAR_COLLAPSED_KEY, String(isCollapsed));
-  }, [isCollapsed]);
-
-  if (isCollapsed) {
-    return (
-      <div className="ml-2 hidden h-full flex-col items-center rounded-lg border border-border/40 bg-background/80 p-2 backdrop-blur-xl transition-all duration-300 xl:flex">
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <Button
-              variant="ghost"
-              size="icon"
-              onClick={() => setIsCollapsed(false)}
-              aria-label="Expand sidebar"
-              className="h-8 w-8 rounded-lg text-muted-foreground transition-colors hover:bg-accent/80 hover:text-foreground"
-            >
-              <PanelLeftClose className="h-4 w-4" />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent side="left">Expand sidebar</TooltipContent>
-        </Tooltip>
-      </div>
-    );
-  }
-
-  return (
-    <div className="ml-2 hidden h-full w-80 shrink-0 flex-col rounded-lg border border-border/40 bg-background/80 backdrop-blur-xl xl:flex">
-      {/* Header */}
-      <div className="flex items-center justify-between px-3 pt-3 pb-2">
-        <TimeTracker wsId={wsId} tasks={tasks} />
-        <Button
-          variant="ghost"
-          size="icon"
-          onClick={() => setIsCollapsed(true)}
-          aria-label="Collapse sidebar"
-          className="h-8 w-8 rounded-lg text-muted-foreground transition-colors hover:bg-accent/80 hover:text-foreground"
-        >
-          <PanelRightClose className="h-4 w-4" />
-        </Button>
-      </div>
-
-      {/* Divider */}
-      <div className="mx-3 h-px bg-border/60" />
-
-      {/* Scrollable Content */}
-      <div className="min-h-0 flex-1 overflow-hidden">
-        <ScrollArea className="h-full">
-          {/* Tasks Section */}
-          <div className="px-3 pt-3 pb-1">
-            <div className="mb-2 flex items-center gap-2">
-              <LayoutDashboard className="h-3.5 w-3.5 text-muted-foreground" />
-              <span className="font-medium text-muted-foreground text-xs uppercase tracking-wider">
-                Tasks
-              </span>
-              {tasks.length > 0 && (
-                <span className="rounded-full bg-foreground/10 px-1.5 py-px font-medium text-[10px] text-foreground/60">
-                  {tasks.length}
-                </span>
-              )}
-            </div>
-            <PriorityView
-              wsId={wsId}
-              allTasks={tasks}
-              assigneeId={assigneeId}
-              isPersonalWorkspace={isPersonalWorkspace}
-            />
-          </div>
-
-          {/* Section Divider */}
-          <div className="mx-3 my-2 h-px bg-border/60" />
-
-          {/* Habits Section */}
-          <div className="px-3 pt-1 pb-3">
-            <div className="mb-2 flex items-center gap-2">
-              <Repeat className="h-3.5 w-3.5 text-muted-foreground" />
-              <span className="font-medium text-muted-foreground text-xs uppercase tracking-wider">
-                Habits
-              </span>
-            </div>
-            <HabitsPanel wsId={wsId} onEventCreated={onEventCreated} />
-          </div>
-        </ScrollArea>
-      </div>
-    </div>
-  );
-}

package/src/components/ui/calendar-app/components/sidebar/index.tsx

@@ -1 +0,0 @@
-export { CalendarSidebar } from './calendar-sidebar';

package/src/components/ui/calendar-app/components/smart-schedule-button.tsx

@@ -1,117 +0,0 @@
-'use client';
-
-import { ChevronDown, Eye, Sparkles } from '@tuturuuu/icons';
-import { Button } from '@tuturuuu/ui/button';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from '@tuturuuu/ui/dropdown-menu';
-import { useState } from 'react';
-import { ExperimentalFeatureDialog } from './experimental-feature-dialog';
-import { SmartSchedulePreviewPanel } from './smart-schedule-preview-panel';
-
-interface SmartScheduleButtonProps {
-  wsId: string;
-}
-
-export function SmartScheduleButton({ wsId }: SmartScheduleButtonProps) {
-  const [previewOpen, setPreviewOpen] = useState(false);
-  const [previewMode, setPreviewMode] = useState<'instant' | 'animated'>(
-    'instant'
-  );
-  const [dropdownOpen, setDropdownOpen] = useState(false);
-
-  const [showExperimentalDialog, setShowExperimentalDialog] = useState(false);
-  const [hasAcknowledgedExperimental, setHasAcknowledgedExperimental] =
-    useState(false);
-  const [pendingPreviewMode, setPendingPreviewMode] = useState<
-    'instant' | 'animated' | null
-  >(null);
-
-  const openPreview = (mode: 'instant' | 'animated') => {
-    setDropdownOpen(false); // Close dropdown immediately
-    setPreviewMode(mode);
-    setPreviewOpen(true);
-  };
-
-  const requestPreview = (mode: 'instant' | 'animated') => {
-    // Close dropdown immediately for responsiveness
-    setDropdownOpen(false);
-
-    // Only show the warning when the user explicitly tries Preview.
-    if (!hasAcknowledgedExperimental) {
-      setPendingPreviewMode(mode);
-      setShowExperimentalDialog(true);
-      return;
-    }
-
-    openPreview(mode);
-  };
-
-  return (
-    <>
-      <ExperimentalFeatureDialog
-        open={showExperimentalDialog}
-        onConfirm={() => {
-          setHasAcknowledgedExperimental(true);
-          setShowExperimentalDialog(false);
-
-          if (pendingPreviewMode) {
-            openPreview(pendingPreviewMode);
-            setPendingPreviewMode(null);
-          }
-        }}
-        onClose={() => {
-          setShowExperimentalDialog(false);
-          setPendingPreviewMode(null);
-        }}
-      />
-
-      <DropdownMenu open={dropdownOpen} onOpenChange={setDropdownOpen}>
-        <DropdownMenuTrigger asChild>
-          <Button disabled={previewOpen} variant="secondary" size="xs">
-            <Sparkles className="h-4 w-4" />
-            <span className="hidden sm:inline">Schedule</span>
-            <ChevronDown className="h-3 w-3 opacity-60" />
-          </Button>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="end" className="w-52">
-          {/*<DropdownMenuItem
-            onClick={handleSmartSchedule}
-            className="cursor-pointer"
-          >
-            <Zap className="mr-2 h-4 w-4 text-dynamic-yellow" />
-            <div className="flex flex-col">
-              <span className="font-medium">Execute Now</span>
-              <span className="text-muted-foreground text-xs">
-                Apply immediately
-              </span>
-            </div>
-          </DropdownMenuItem>
-          <DropdownMenuSeparator />*/}
-          <DropdownMenuItem
-            onClick={() => requestPreview('instant')}
-            className="cursor-pointer"
-          >
-            <Eye className="mr-2 h-4 w-4 text-dynamic-blue" />
-            <div className="flex flex-col">
-              <span className="font-medium">Preview</span>
-              <span className="text-muted-foreground text-xs">
-                See all changes first
-              </span>
-            </div>
-          </DropdownMenuItem>
-        </DropdownMenuContent>
-      </DropdownMenu>
-
-      <SmartSchedulePreviewPanel
-        wsId={wsId}
-        isOpen={previewOpen}
-        onClose={() => setPreviewOpen(false)}
-        mode={previewMode}
-      />
-    </>
-  );
-}