gantt-lib 0.1.0 → 0.1.1

package/dist/index.d.mts

@@ -245,7 +245,9 @@ interface GanttChartProps {
  * />
  * ```
  */
-declare const GanttChart: React$1.FC<GanttChartProps>;
+declare const GanttChart: React$1.ForwardRefExoticComponent<GanttChartProps & React$1.RefAttributes<{
+    scrollToToday: () => void;
+}>>;
 
 interface TaskRowProps {
     /** Task data to render */

package/dist/index.d.ts

@@ -245,7 +245,9 @@ interface GanttChartProps {
  * />
  * ```
  */
-declare const GanttChart: React$1.FC<GanttChartProps>;
+declare const GanttChart: React$1.ForwardRefExoticComponent<GanttChartProps & React$1.RefAttributes<{
+    scrollToToday: () => void;
+}>>;
 
 interface TaskRowProps {
     /** Task data to render */

package/dist/index.js

@@ -2095,7 +2095,7 @@ var TaskList = ({
 
 // src/components/GanttChart/GanttChart.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var GanttChart = ({
+var GanttChart = (0, import_react12.forwardRef)(({
   tasks,
   dayWidth = 40,
   rowHeight = 40,
@@ -2109,7 +2109,7 @@ var GanttChart = ({
   showTaskList = false,
   taskListWidth = 520,
   disableTaskNameEditing = false
-}) => {
+}, ref) => {
   const scrollContainerRef = (0, import_react12.useRef)(null);
   const [selectedTaskId, setSelectedTaskId] = (0, import_react12.useState)(null);
   const dateRange = (0, import_react12.useMemo)(() => getMultiMonthDays(tasks), [tasks]);
@@ -2135,6 +2135,37 @@ var GanttChart = ({
     const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));
     return dateRange.some((day) => day.getTime() === today.getTime());
   }, [dateRange]);
+  (0, import_react12.useEffect)(() => {
+    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 = (0, import_react12.useCallback)(() => {
+    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]);
+  (0, import_react12.useImperativeHandle)(
+    ref,
+    () => ({
+      scrollToToday
+    }),
+    [scrollToToday]
+  );
   const [dragGuideLines, setDragGuideLines] = (0, import_react12.useState)(null);
   const [draggedTaskOverride, setDraggedTaskOverride] = (0, import_react12.useState)(null);
   (0, import_react12.useEffect)(() => {
@@ -2337,7 +2368,8 @@ var GanttChart = ({
       ] })
     }
   ) });
-};
+});
+GanttChart.displayName = "GanttChart";
 
 // src/components/ui/Button.tsx
 var import_react13 = __toESM(require("react"));