@object-ui/plugin-gantt 3.1.5 → 3.3.1

package/dist/packages/plugin-gantt/src/GanttView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GanttView.d.ts","sourceRoot":"","sources":["../../../../src/GanttView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA0CH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,IAAI,CAAA;IACX,GAAG,EAAE,IAAI,CAAA;IACT,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CACnC;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CAAC,CAAC,KAAK,IAAI,CAAA;IACnH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAkB,EAClB,SAAS,EACT,OAAO,EACP,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,UAAkB,GACnB,EAAE,cAAc,2CAqVhB"}

package/dist/packages/plugin-gantt/src/ObjectGantt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectGantt.d.ts","sourceRoot":"","sources":["../../../../src/ObjectGantt.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAyB,MAAM,kBAAkB,CAAC;AAO5F,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAyFD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkMlD,CAAC"}

package/dist/packages/plugin-gantt/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5E,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,EAAE,GAAG,CAAA;CAAE,CAGzD,CAAC"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@object-ui/plugin-gantt",
-  "version": "3.1.5",
+  "version": "3.3.1",
   "type": "module",
   "license": "MIT",
   "description": "Gantt chart plugin for Object UI",
-  "homepage": "https://www.objectui.org",
+  "homepage": "https://www.objectui.org/docs/plugins/plugin-gantt",
   "repository": {
     "type": "git",
-    "url": "https://github.com/objectstack-ai/objectui.git",
+    "url": "git+https://github.com/objectstack-ai/objectui.git",
     "directory": "packages/plugin-gantt"
   },
   "bugs": {
@@ -24,13 +24,13 @@
     }
   },
   "dependencies": {
-    "@objectstack/spec": "^3.3.0",
-    "lucide-react": "^0.577.0",
-    "@object-ui/components": "3.1.5",
-    "@object-ui/core": "3.1.5",
-    "@object-ui/fields": "3.1.5",
-    "@object-ui/react": "3.1.5",
-    "@object-ui/types": "3.1.5"
+    "@objectstack/spec": "^4.0.4",
+    "lucide-react": "^1.8.0",
+    "@object-ui/components": "3.3.1",
+    "@object-ui/core": "3.3.1",
+    "@object-ui/fields": "3.3.1",
+    "@object-ui/react": "3.3.1",
+    "@object-ui/types": "3.3.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -40,10 +40,33 @@
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
-    "typescript": "^5.9.3",
-    "vite": "^8.0.1",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.9",
     "vite-plugin-dts": "^4.5.4"
   },
+  "keywords": [
+    "objectui",
+    "sdui",
+    "schema-driven-ui",
+    "react",
+    "tailwind",
+    "shadcn",
+    "objectstack",
+    "plugin",
+    "gantt",
+    "timeline",
+    "project-management"
+  ],
+  "author": "ObjectStack Team <team@objectstack.ai>",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
   "scripts": {
     "build": "vite build",
     "test": "vitest run",

package/.turbo/turbo-build.log

@@ -1,22 +0,0 @@
-
-> @object-ui/plugin-gantt@3.1.5 build /home/runner/work/objectui/objectui/packages/plugin-gantt
-> vite build
-
-vite v8.0.1 building client environment for production...
-
-rendering chunks...
-
-[vite:dts] Start generate declaration files...
-[vite:dts] Declaration files built in 18359ms.
-
-computing gzip size...
-dist/index.js  220.74 kB │ gzip: 54.39 kB
-
-[PLUGIN_TIMINGS] Warning: Your build spent significant time in plugin `vite:dts`. See https://rolldown.rs/options/checks#plugintimings for more details.
-
-
-rendering chunks...
-computing gzip size...
-dist/index.umd.cjs  181.78 kB │ gzip: 49.74 kB
-
-✓ built in 20.42s

package/dist/src/GanttView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GanttView.d.ts","sourceRoot":"","sources":["../../src/GanttView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA0CH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,IAAI,CAAA;IACX,GAAG,EAAE,IAAI,CAAA;IACT,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CACnC;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CAAC,CAAC,KAAK,IAAI,CAAA;IACnH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAkB,EAClB,SAAS,EACT,OAAO,EACP,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,UAAkB,GACnB,EAAE,cAAc,2CAqVhB"}

package/dist/src/ObjectGantt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ObjectGantt.d.ts","sourceRoot":"","sources":["../../src/ObjectGantt.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAyB,MAAM,kBAAkB,CAAC;AAO5F,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAyFD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkMlD,CAAC"}

package/dist/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5E,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,EAAE,GAAG,CAAA;CAAE,CAGzD,CAAC"}

package/src/GanttView.tsx

@@ -1,428 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-"use client"
-
-import * as React from "react"
-import { 
-  ChevronLeft, 
-  ChevronRight, 
-  ZoomIn, 
-  ZoomOut, 
-  Calendar as CalendarIcon,
-  MoreHorizontal,
-  Plus
-} from "lucide-react"
-import { 
-  cn, 
-  Button, 
-  Select, 
-  SelectContent, 
-  SelectItem, 
-  SelectTrigger, 
-  SelectValue,
-  Separator
-} from "@object-ui/components"
-
-const HEADER_HEIGHT = 50;
-const COLUMN_WIDTH = 100; // Time column width
-
-function getResponsiveColumnWidth() {
-  const w = typeof window !== 'undefined' ? window.innerWidth : 1024;
-  if (w < 640) return 35;
-  if (w < 1024) return 50;
-  return 60;
-}
-
-function getResponsiveTaskListWidth() {
-  const w = typeof window !== 'undefined' ? window.innerWidth : 1024;
-  if (w < 640) return 120;
-  if (w < 1024) return 200;
-  return 300;
-}
-
-export interface GanttTask {
-  id: string | number
-  title: string
-  start: Date
-  end: Date
-  progress: number
-  color?: string
-  data?: any
-  dependencies?: (string | number)[]
-}
-
-export type GanttViewMode = 'day' | 'week' | 'month' | 'quarter';
-
-export interface GanttViewProps {
-  tasks: GanttTask[]
-  viewMode?: GanttViewMode
-  startDate?: Date
-  endDate?: Date
-  onTaskClick?: (task: GanttTask) => void
-  onTaskUpdate?: (task: GanttTask, changes: Partial<Pick<GanttTask, 'title' | 'start' | 'end' | 'progress'>>) => void
-  onViewChange?: (view: GanttViewMode) => void
-  onAddClick?: () => void
-  className?: string
-  /** Enable inline editing of task fields */
-  inlineEdit?: boolean
-}
-
-export function GanttView({
-  tasks,
-  viewMode = 'month',
-  startDate,
-  endDate,
-  onTaskClick,
-  onTaskUpdate,
-  onViewChange,
-  onAddClick,
-  className,
-  inlineEdit = false,
-}: GanttViewProps) {
-  const [currentDate, setCurrentDate] = React.useState(new Date());
-  const [rowHeight, setRowHeight] = React.useState(
-    typeof window !== 'undefined' && window.innerWidth < 640 ? 32 : 40
-  );
-  const [columnWidth, setColumnWidth] = React.useState(getResponsiveColumnWidth());
-  const [editingTask, setEditingTask] = React.useState<string | number | null>(null);
-  const [editValues, setEditValues] = React.useState<Record<string, string>>({});
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      setRowHeight(window.innerWidth < 640 ? 32 : 40);
-      setColumnWidth(getResponsiveColumnWidth());
-    };
-    window.addEventListener('resize', handleResize);
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-  
-  // Calculate timeline range
-  const timelineRange = React.useMemo(() => {
-    let start = startDate ? new Date(startDate) : new Date();
-    let end = endDate ? new Date(endDate) : new Date();
-    
-    if (!startDate && tasks.length > 0) {
-      // Find min start date
-      start = new Date(Math.min(...tasks.map(t => t.start.getTime())));
-      // Add padding
-      start.setDate(start.getDate() - 7);
-    }
-    
-    if (!endDate && tasks.length > 0) {
-      // Find max end date
-      end = new Date(Math.max(...tasks.map(t => t.end.getTime())));
-      // Add padding
-      end.setDate(end.getDate() + 14);
-    }
-    
-    // Normalize to start of day
-    start.setHours(0,0,0,0);
-    end.setHours(23,59,59,999);
-    
-    return { start, end };
-  }, [startDate, endDate, tasks]);
-
-  // Generate timeline columns
-  const timeColumns = React.useMemo(() => {
-    const cols: { date: Date; label: string; isWeekend: boolean }[] = [];
-    const current = new Date(timelineRange.start);
-    
-    while (current <= timelineRange.end) {
-      cols.push({
-        date: new Date(current),
-        label: current.getDate().toString(),
-        isWeekend: current.getDay() === 0 || current.getDay() === 6
-      });
-      current.setDate(current.getDate() + 1);
-    }
-    
-    return cols;
-  }, [timelineRange]);
-
-  const taskListWidth = getResponsiveTaskListWidth();
-  
-  const headerRef = React.useRef<HTMLDivElement>(null);
-  const listRef = React.useRef<HTMLDivElement>(null);
-  const timelineRef = React.useRef<HTMLDivElement>(null);
-
-  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {
-    // Sync horizontal scroll to header
-    if (headerRef.current) {
-        headerRef.current.scrollLeft = e.currentTarget.scrollLeft;
-    }
-    // Sync vertical scroll to task list
-    if (listRef.current) {
-        listRef.current.scrollTop = e.currentTarget.scrollTop;
-    }
-  };
-
-  const getTaskStyle = (task: GanttTask) => {
-    const totalDuration = timelineRange.end.getTime() - timelineRange.start.getTime();
-    const tickWidth = columnWidth; // px per day
-    const msPerDay = 1000 * 60 * 60 * 24;
-    
-    const startOffsetMs = task.start.getTime() - timelineRange.start.getTime();
-    const durationMs = task.end.getTime() - task.start.getTime();
-    
-    const left = (startOffsetMs / msPerDay) * tickWidth;
-    const width = Math.max((durationMs / msPerDay) * tickWidth, tickWidth); // Min 1 day width
-    
-    return { left, width };
-  };
-
-  return (
-    <div className={cn("flex flex-col h-full bg-background border rounded-lg overflow-hidden min-w-0", className)}>
-      {/* Toolbar */}
-      <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 p-2 border-b bg-card">
-        <div className="flex items-center gap-2">
-          <Button variant="outline" size="sm" onClick={() => onAddClick?.()} aria-label="Create new task">
-            <Plus className="h-4 w-4 mr-1 sm:mr-2" />
-            <span className="hidden sm:inline">New Task</span>
-            <span className="sm:hidden">New</span>
-          </Button>
-          <div className="h-4 w-px bg-border mx-1 sm:mx-2" />
-          <Button variant="ghost" size="icon" className="h-8 w-8" aria-label="Previous period">
-            <ChevronLeft className="h-4 w-4" />
-          </Button>
-          <Button variant="ghost" size="icon" className="h-8 w-8" aria-label="Next period">
-            <ChevronRight className="h-4 w-4" />
-          </Button>
-          <span className="font-semibold text-xs sm:text-sm">
-            {timelineRange.start.toLocaleDateString(undefined, { month: 'long', year: 'numeric' })}
-          </span>
-        </div>
-        
-        <div className="flex items-center gap-2">
-          <Select value={viewMode} onValueChange={(v) => onViewChange?.(v as GanttViewMode)}>
-            <SelectTrigger className="w-[100px] sm:w-[120px] h-8">
-              <SelectValue />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectItem value="day">Day View</SelectItem>
-              <SelectItem value="week">Week View</SelectItem>
-              <SelectItem value="month">Month View</SelectItem>
-              <SelectItem value="quarter">Quarter View</SelectItem>
-            </SelectContent>
-          </Select>
-          <div className="flex bg-muted rounded-md p-1">
-            <Button variant="ghost" size="icon" className="h-6 w-6" onClick={() => setColumnWidth(prev => Math.max(15, prev - 10))} aria-label="Zoom out">
-              <ZoomOut className="h-3 w-3" />
-            </Button>
-            <Button variant="ghost" size="icon" className="h-6 w-6" onClick={() => setColumnWidth(prev => Math.min(120, prev + 10))} aria-label="Zoom in">
-              <ZoomIn className="h-3 w-3" />
-            </Button>
-          </div>
-        </div>
-      </div>
-
-      {/* Gantt Body */}
-      <div className="flex flex-col flex-1 overflow-hidden">
-        {/* Headers Row */}
-        <div className="flex border-b bg-muted/30 shrink-0 h-10 sm:h-[50px]">
-          {/* List Header */}
-          <div 
-            className="flex items-center font-medium text-xs text-muted-foreground px-2 sm:px-4 border-r bg-card z-20 shadow-sm"
-            style={{ width: taskListWidth, minWidth: taskListWidth }}
-          >
-            <div className="flex-1">Task Name</div>
-            <div className="w-16 sm:w-20 text-right hidden sm:block">Start</div>
-            <div className="w-16 sm:w-20 text-right hidden sm:block">End</div>
-          </div>
-          
-          {/* Timeline Header */}
-          <div className="flex-1 overflow-hidden" ref={headerRef}>
-            <div className="flex h-full" style={{ width: timeColumns.length * columnWidth }}>
-              {timeColumns.map((col, i) => (
-                <div 
-                  key={i}
-                  className={cn(
-                    "flex flex-col items-center justify-center border-r text-xs text-muted-foreground h-full",
-                    col.isWeekend && "bg-muted/50"
-                  )}
-                  style={{ width: columnWidth, minWidth: columnWidth }}
-                >
-                  <span className="font-medium text-foreground">{col.label}</span>
-                  <span className="text-[10px] opacity-70">
-                    {col.date.toLocaleDateString(undefined, { weekday: 'narrow' })}
-                  </span>
-                </div>
-              ))}
-            </div>
-          </div>
-        </div>
-
-        {/* Content Row */}
-        <div className="flex flex-1 overflow-hidden">
-          {/* Left Side: Task List (Grid) */}
-          <div 
-            className="overflow-hidden border-r bg-card z-10 shadow-sm"
-            ref={listRef}
-            style={{ width: taskListWidth, minWidth: taskListWidth }}
-          >
-            {tasks.map((task) => {
-              const isEditing = inlineEdit && editingTask === task.id;
-              return (
-              <div 
-                key={task.id}
-                className="flex items-center border-b px-2 sm:px-4 hover:bg-accent/50 cursor-pointer transition-colors touch-manipulation"
-                style={{ height: rowHeight }}
-                onClick={() => !isEditing && onTaskClick?.(task)}
-                onDoubleClick={() => {
-                  if (inlineEdit && onTaskUpdate) {
-                    setEditingTask(task.id);
-                    setEditValues({
-                      title: task.title,
-                      start: task.start.toLocaleDateString('en-CA'),
-                      end: task.end.toLocaleDateString('en-CA'),
-                      progress: String(task.progress),
-                    });
-                  }
-                }}
-              >
-                <div className="flex-1 truncate font-medium text-xs sm:text-sm flex items-center gap-2">
-                  <div 
-                    className="w-2 h-2 rounded-full shrink-0"
-                    style={{ backgroundColor: task.color || '#3b82f6' }} 
-                  />
-                  {isEditing ? (
-                    <input
-                      className="border rounded px-1 py-0.5 text-xs w-full bg-background"
-                      value={editValues.title || ''}
-                      onChange={(e) => setEditValues(prev => ({ ...prev, title: e.target.value }))}
-                      onKeyDown={(e) => {
-                        if (e.key === 'Enter') {
-                          onTaskUpdate?.(task, {
-                            title: editValues.title,
-                            start: new Date(editValues.start),
-                            end: new Date(editValues.end),
-                            progress: Number(editValues.progress) || 0,
-                          });
-                          setEditingTask(null);
-                        } else if (e.key === 'Escape') {
-                          setEditingTask(null);
-                        }
-                      }}
-                      onClick={(e) => e.stopPropagation()}
-                      autoFocus
-                    />
-                  ) : (
-                    <span className="flex flex-col min-w-0">
-                      <span className="truncate">{task.title}</span>
-                      <span className="text-[10px] text-muted-foreground sm:hidden">
-                        {task.start.toLocaleDateString(undefined, { month: 'numeric', day: 'numeric' })} → {task.end.toLocaleDateString(undefined, { month: 'numeric', day: 'numeric' })}
-                      </span>
-                    </span>
-                  )}
-                </div>
-                <div className="w-16 sm:w-20 text-right text-xs text-muted-foreground hidden sm:block">
-                  {isEditing ? (
-                    <input
-                      type="date"
-                      className="border rounded px-1 py-0.5 text-xs w-full bg-background"
-                      value={editValues.start || ''}
-                      onChange={(e) => setEditValues(prev => ({ ...prev, start: e.target.value }))}
-                      onClick={(e) => e.stopPropagation()}
-                    />
-                  ) : (
-                    task.start.toLocaleDateString(undefined, { month: 'numeric', day: 'numeric' })
-                  )}
-                </div>
-                <div className="w-16 sm:w-20 text-right text-xs text-muted-foreground hidden sm:block">
-                  {isEditing ? (
-                    <input
-                      type="date"
-                      className="border rounded px-1 py-0.5 text-xs w-full bg-background"
-                      value={editValues.end || ''}
-                      onChange={(e) => setEditValues(prev => ({ ...prev, end: e.target.value }))}
-                      onClick={(e) => e.stopPropagation()}
-                    />
-                  ) : (
-                    task.end.toLocaleDateString(undefined, { month: 'numeric', day: 'numeric' })
-                  )}
-                </div>
-              </div>
-              );
-            })}
-          </div>
-
-          {/* Right Side: Timeline */}
-          <div 
-            className="flex-1 overflow-auto bg-background/50 relative [-webkit-overflow-scrolling:touch]" 
-            ref={timelineRef}
-            onScroll={handleScroll}
-          >
-            <div style={{ width: timeColumns.length * columnWidth }}>
-              {/* Timeline Task Rows */}
-              <div className="relative">
-                {/* Background Grid */}
-                <div className="absolute inset-0 flex pointer-events-none z-0">
-                   {timeColumns.map((col, i) => (
-                    <div 
-                      key={i}
-                      className={cn(
-                        "border-r h-full",
-                        col.isWeekend && "bg-muted/20"
-                      )}
-                      style={{ width: columnWidth, minWidth: columnWidth }}
-                    />
-                  ))}
-                </div>
-
-                {/* Task Bars */}
-                {tasks.map((task) => {
-                   const style = getTaskStyle(task);
-                   return (
-                    <div 
-                      key={task.id}
-                      className="relative border-b hover:bg-black/5"
-                      style={{ height: rowHeight }}
-                    >
-                      <div 
-                        className="absolute top-1 sm:top-2 h-[calc(100%-8px)] sm:h-[calc(100%-16px)] rounded-sm bg-primary border border-primary-foreground/20 shadow-sm cursor-pointer hover:brightness-110 flex items-center px-2 group"
-                        style={{ 
-                          left: style.left, 
-                          width: style.width,
-                          backgroundColor: task.color || '#3b82f6'
-                        }}
-                        onClick={() => onTaskClick?.(task)}
-                      >
-                        {/* Progress Filter */}
-                        {task.progress > 0 && (
-                          <div 
-                            className="absolute left-0 top-0 bottom-0 bg-black/20 rounded-l-sm"
-                            style={{ width: `${task.progress}%` }}
-                          />
-                        )}
-                        
-                        {/* Hover Details */}
-                        <span className="text-[10px] text-white font-medium truncate opacity-0 group-hover:opacity-100 transition-opacity">
-                          {Math.round(task.progress)}%
-                        </span>
-                      </div>
-                    </div>
-                   )
-                })}
-                
-                {/* Current Time Indicator */}
-                <div 
-                  className="absolute top-0 bottom-0 w-px bg-red-500 z-20 pointer-events-none"
-                  style={{ 
-                    left: (new Date().getTime() - timelineRange.start.getTime()) / (1000 * 60 * 60 * 24) * columnWidth 
-                  }}
-                >
-                  <div className="w-2 h-2 rounded-full bg-red-500 -ml-[3px]" />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}

package/src/ObjectGantt.stories.tsx

@@ -1,112 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { SchemaRenderer, SchemaRendererProvider } from '@object-ui/react';
-import type { BaseSchema } from '@object-ui/types';
-import { createStorybookDataSource } from '@storybook-config/datasource';
-
-const meta = {
-  title: 'Plugins/ObjectGantt',
-  component: SchemaRenderer,
-  parameters: {
-    layout: 'padded',
-  },
-  tags: ['autodocs'],
-  argTypes: {
-    schema: { table: { disable: true } },
-  },
-} satisfies Meta<any>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-const dataSource = createStorybookDataSource();
-
-const renderStory = (args: any) => (
-  <SchemaRendererProvider dataSource={dataSource}>
-    <SchemaRenderer schema={args as unknown as BaseSchema} />
-  </SchemaRendererProvider>
-);
-
-export const Default: Story = {
-  render: renderStory,
-  args: {
-    type: 'object-gantt',
-    objectName: 'Project',
-    gantt: {
-      startDateField: 'startDate',
-      endDateField: 'endDate',
-      titleField: 'name',
-      progressField: 'progress',
-      dependenciesField: 'dependencies',
-    },
-    tasks: [
-      {
-        id: '1',
-        name: 'Requirements Gathering',
-        startDate: '2024-01-01',
-        endDate: '2024-01-20',
-        progress: 100,
-      },
-      {
-        id: '2',
-        name: 'System Design',
-        startDate: '2024-01-15',
-        endDate: '2024-02-10',
-        progress: 80,
-        dependencies: ['1'],
-      },
-      {
-        id: '3',
-        name: 'Frontend Development',
-        startDate: '2024-02-01',
-        endDate: '2024-04-15',
-        progress: 45,
-        dependencies: ['2'],
-      },
-      {
-        id: '4',
-        name: 'Backend Development',
-        startDate: '2024-02-01',
-        endDate: '2024-04-30',
-        progress: 35,
-        dependencies: ['2'],
-      },
-      {
-        id: '5',
-        name: 'QA Testing',
-        startDate: '2024-04-15',
-        endDate: '2024-05-30',
-        progress: 0,
-        dependencies: ['3', '4'],
-      },
-      {
-        id: '6',
-        name: 'Deployment',
-        startDate: '2024-05-25',
-        endDate: '2024-06-10',
-        progress: 0,
-        dependencies: ['5'],
-      },
-    ],
-    className: 'w-full',
-  } as any,
-};
-
-export const SimpleTimeline: Story = {
-  render: renderStory,
-  args: {
-    type: 'object-gantt',
-    objectName: 'Milestone',
-    gantt: {
-      startDateField: 'start',
-      endDateField: 'end',
-      titleField: 'title',
-    },
-    tasks: [
-      { id: '1', title: 'Phase 1: Planning', start: '2024-01-01', end: '2024-02-28' },
-      { id: '2', title: 'Phase 2: Development', start: '2024-03-01', end: '2024-06-30' },
-      { id: '3', title: 'Phase 3: Testing', start: '2024-07-01', end: '2024-08-31' },
-      { id: '4', title: 'Phase 4: Launch', start: '2024-09-01', end: '2024-09-30' },
-    ],
-    className: 'w-full',
-  } as any,
-};