gantt-lib 0.1.0 → 0.1.2

package/dist/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 
 // src/components/GanttChart/GanttChart.tsx
-import { useMemo as useMemo8, useCallback as useCallback6, useRef as useRef4, useState as useState5, useEffect as useEffect4 } from "react";
+import { useMemo as useMemo8, useCallback as useCallback6, useRef as useRef4, useState as useState5, useEffect as useEffect4, useImperativeHandle, forwardRef } from "react";
 
 // src/utils/dateUtils.ts
 var parseUTCDate = (date) => {
@@ -1277,15 +1277,11 @@ var TodayIndicator = ({ monthStart, dayWidth }) => {
     today.getMonth(),
     today.getDate()
   ));
-  const isInMonth = useMemo3(() => {
-    return todayLocal.getUTCFullYear() === monthStart.getUTCFullYear() && todayLocal.getUTCMonth() === monthStart.getUTCMonth();
-  }, [monthStart, todayLocal]);
   const position = useMemo3(() => {
-    if (!isInMonth) return null;
     const offset = getDayOffset(todayLocal, monthStart);
     return Math.round(offset * dayWidth);
-  }, [isInMonth, monthStart, dayWidth, todayLocal]);
-  if (!isInMonth || position === null) {
+  }, [monthStart, dayWidth, todayLocal]);
+  if (isNaN(position)) {
     return null;
   }
   return /* @__PURE__ */ jsx3(
@@ -1654,7 +1650,7 @@ import {
   subMonths,
   isSameDay,
   getDay,
-  isToday as isToday3,
+  isToday as isToday2,
   isWeekend as isWeekend2,
   isBefore,
   startOfDay
@@ -1664,9 +1660,9 @@ import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function getDayClassName(day, selected) {
   const classes = ["gantt-day-btn"];
   if (selected && isSameDay(day, selected)) classes.push("selected");
-  if (isToday3(day)) classes.push("today");
+  if (isToday2(day)) classes.push("today");
   if (isWeekend2(day)) classes.push("weekend");
-  if (isBefore(day, startOfDay(/* @__PURE__ */ new Date())) && !isToday3(day)) classes.push("past");
+  if (isBefore(day, startOfDay(/* @__PURE__ */ new Date())) && !isToday2(day)) classes.push("past");
   return classes.join(" ");
 }
 var Calendar = ({
@@ -2037,12 +2033,12 @@ var TaskList = ({
 
 // src/components/GanttChart/GanttChart.tsx
 import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-var GanttChart = ({
+var GanttChart = forwardRef(({
   tasks,
   dayWidth = 40,
   rowHeight = 40,
   headerHeight = 40,
-  containerHeight = 600,
+  containerHeight,
   onChange,
   onValidateDependencies,
   enableAutoSchedule,
@@ -2051,7 +2047,7 @@ var GanttChart = ({
   showTaskList = false,
   taskListWidth = 520,
   disableTaskNameEditing = false
-}) => {
+}, ref) => {
   const scrollContainerRef = useRef4(null);
   const [selectedTaskId, setSelectedTaskId] = useState5(null);
   const dateRange = useMemo8(() => getMultiMonthDays(tasks), [tasks]);
@@ -2077,6 +2073,37 @@ var GanttChart = ({
     const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));
     return dateRange.some((day) => day.getTime() === today.getTime());
   }, [dateRange]);
+  useEffect4(() => {
+    const container = scrollContainerRef.current;
+    if (!container || dateRange.length === 0) return;
+    const now = /* @__PURE__ */ new Date();
+    const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));
+    const todayIndex = dateRange.findIndex((day) => day.getTime() === today.getTime());
+    if (todayIndex === -1) return;
+    const todayOffset = todayIndex * dayWidth;
+    const containerWidth = container.clientWidth;
+    const scrollLeft = Math.round(todayOffset - containerWidth / 2 + dayWidth / 2);
+    container.scrollLeft = Math.max(0, scrollLeft);
+  }, []);
+  const scrollToToday = useCallback6(() => {
+    const container = scrollContainerRef.current;
+    if (!container || dateRange.length === 0) return;
+    const now = /* @__PURE__ */ new Date();
+    const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));
+    const todayIndex = dateRange.findIndex((day) => day.getTime() === today.getTime());
+    if (todayIndex === -1) return;
+    const todayOffset = todayIndex * dayWidth;
+    const containerWidth = container.clientWidth;
+    const scrollLeft = Math.round(todayOffset - containerWidth / 2 + dayWidth / 2);
+    container.scrollLeft = Math.max(0, scrollLeft);
+  }, [dateRange, dayWidth]);
+  useImperativeHandle(
+    ref,
+    () => ({
+      scrollToToday
+    }),
+    [scrollToToday]
+  );
   const [dragGuideLines, setDragGuideLines] = useState5(null);
   const [draggedTaskOverride, setDraggedTaskOverride] = useState5(null);
   useEffect4(() => {
@@ -2180,7 +2207,7 @@ var GanttChart = ({
     {
       ref: scrollContainerRef,
       className: "gantt-scrollContainer",
-      style: { height: `${containerHeight}px`, cursor: "grab" },
+      style: { height: containerHeight ?? "auto", cursor: "grab" },
       onMouseDown: handlePanStart,
       children: /* @__PURE__ */ jsxs10("div", { className: "gantt-scrollContent", children: [
         /* @__PURE__ */ jsx13(
@@ -2279,7 +2306,8 @@ var GanttChart = ({
       ] })
     }
   ) });
-};
+});
+GanttChart.displayName = "GanttChart";
 
 // src/components/ui/Button.tsx
 import React12 from "react";