gantt-lib 0.76.0 → 0.78.0

package/dist/index.mjs

@@ -1,28 +1,12 @@
 "use client";
 
 "use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/GanttChart/GanttChart.tsx
+import { useMemo as useMemo10, useCallback as useCallback8, useRef as useRef9, useState as useState8, useEffect as useEffect9, useImperativeHandle, forwardRef } from "react";
 
 // src/core/scheduling/dateMath.ts
+var DAY_MS = 24 * 60 * 60 * 1e3;
 function normalizeUTCDate(date) {
   return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate()));
 }
@@ -120,37 +104,328 @@ function getTaskDuration(startDate, endDate, businessDays = false, weekendPredic
   }
   return Math.max(1, Math.round((end.getTime() - start.getTime()) / DAY_MS) + 1);
 }
-var DAY_MS;
-var init_dateMath = __esm({
-  "src/core/scheduling/dateMath.ts"() {
-    "use strict";
-    DAY_MS = 24 * 60 * 60 * 1e3;
-  }
-});
 
 // src/utils/dateUtils.ts
-var dateUtils_exports = {};
-__export(dateUtils_exports, {
-  addBusinessDays: () => addBusinessDays2,
-  createCustomDayPredicate: () => createCustomDayPredicate,
-  createDateKey: () => createDateKey,
-  formatDateLabel: () => formatDateLabel,
-  formatDateRangeLabel: () => formatDateRangeLabel,
-  getBusinessDaysCount: () => getBusinessDaysCount2,
-  getDayOffset: () => getDayOffset,
-  getMonthBlocks: () => getMonthBlocks,
-  getMonthDays: () => getMonthDays,
-  getMonthSpans: () => getMonthSpans,
-  getMultiMonthDays: () => getMultiMonthDays,
-  getWeekBlocks: () => getWeekBlocks,
-  getWeekSpans: () => getWeekSpans,
-  getYearSpans: () => getYearSpans,
-  isToday: () => isToday,
-  isWeekend: () => isWeekend,
-  normalizeTaskDates: () => normalizeTaskDates,
-  parseUTCDate: () => parseUTCDate,
-  subtractBusinessDays: () => subtractBusinessDays2
-});
+var parseUTCDate = (date) => {
+  if (typeof date === "string") {
+    const dateStr = date.includes("T") ? date : `${date}T00:00:00Z`;
+    const parsed = new Date(dateStr);
+    if (isNaN(parsed.getTime())) {
+      throw new Error(`Invalid date string: ${date}`);
+    }
+    return parsed;
+  }
+  return date;
+};
+var getMonthDays = (date) => {
+  const utcDate = parseUTCDate(date);
+  const year = utcDate.getUTCFullYear();
+  const month = utcDate.getUTCMonth();
+  const daysInMonth = new Date(Date.UTC(year, month + 1, 0)).getUTCDate();
+  const days = [];
+  for (let day = 1; day <= daysInMonth; day++) {
+    days.push(new Date(Date.UTC(year, month, day)));
+  }
+  return days;
+};
+var getDayOffset = (date, monthStart) => {
+  const dateMs = Date.UTC(
+    date.getUTCFullYear(),
+    date.getUTCMonth(),
+    date.getUTCDate()
+  );
+  const startMs = Date.UTC(
+    monthStart.getUTCFullYear(),
+    monthStart.getUTCMonth(),
+    monthStart.getUTCDate()
+  );
+  return Math.round((dateMs - startMs) / (1e3 * 60 * 60 * 24));
+};
+var isToday = (date) => {
+  const now = /* @__PURE__ */ new Date();
+  const today = new Date(Date.UTC(
+    now.getFullYear(),
+    now.getMonth(),
+    now.getDate()
+  ));
+  const compareDate = new Date(Date.UTC(
+    date.getUTCFullYear(),
+    date.getUTCMonth(),
+    date.getUTCDate()
+  ));
+  return today.getTime() === compareDate.getTime();
+};
+var isWeekend = (date) => {
+  const day = date.getUTCDay();
+  return day === 0 || day === 6;
+};
+var createDateKey = (date) => {
+  return `${date.getUTCFullYear()}-${date.getUTCMonth()}-${date.getUTCDate()}`;
+};
+var createCustomDayPredicate = (config) => {
+  const { customDays, isWeekend: basePredicate } = config;
+  const workdaySet = /* @__PURE__ */ new Set();
+  const weekendSet = /* @__PURE__ */ new Set();
+  if (customDays && customDays.length > 0) {
+    for (const item of customDays) {
+      const key = createDateKey(item.date);
+      if (item.type === "workday") {
+        workdaySet.add(key);
+      } else {
+        weekendSet.add(key);
+      }
+    }
+  }
+  return (date) => {
+    const key = createDateKey(date);
+    if (workdaySet.has(key)) {
+      return false;
+    }
+    if (weekendSet.has(key)) {
+      return true;
+    }
+    if (basePredicate) {
+      return basePredicate(date);
+    }
+    const dayOfWeek = date.getUTCDay();
+    return dayOfWeek === 0 || dayOfWeek === 6;
+  };
+};
+var getMultiMonthDays = (tasks) => {
+  if (!tasks || tasks.length === 0) {
+    return getMonthDays(/* @__PURE__ */ new Date());
+  }
+  let minDate = null;
+  let maxDate = null;
+  for (const task of tasks) {
+    const start = parseUTCDate(task.startDate);
+    const end = parseUTCDate(task.endDate);
+    if (!minDate || start.getTime() < minDate.getTime()) {
+      minDate = start;
+    }
+    if (!maxDate || end.getTime() > maxDate.getTime()) {
+      maxDate = end;
+    }
+  }
+  if (!minDate || !maxDate) {
+    return getMonthDays(/* @__PURE__ */ new Date());
+  }
+  const startOfMonth2 = new Date(Date.UTC(
+    minDate.getUTCFullYear(),
+    minDate.getUTCMonth(),
+    1
+  ));
+  const endOfMonth = new Date(Date.UTC(
+    maxDate.getUTCFullYear(),
+    maxDate.getUTCMonth() + 1 + 2,
+    // Original + 2 months padding after
+    0
+  ));
+  const days = [];
+  const current = new Date(startOfMonth2);
+  while (current.getTime() <= endOfMonth.getTime()) {
+    days.push(new Date(Date.UTC(
+      current.getUTCFullYear(),
+      current.getUTCMonth(),
+      current.getUTCDate()
+    )));
+    current.setUTCDate(current.getUTCDate() + 1);
+  }
+  return days;
+};
+var getMonthSpans = (dateRange) => {
+  if (dateRange.length === 0) {
+    return [];
+  }
+  const spans = [];
+  let currentMonthYear = `${dateRange[0].getUTCFullYear()}-${dateRange[0].getUTCMonth()}`;
+  let startOfMonthIndex = 0;
+  for (let i = 0; i < dateRange.length; i++) {
+    const date = dateRange[i];
+    const monthYear = `${date.getUTCFullYear()}-${date.getUTCMonth()}`;
+    if (monthYear !== currentMonthYear) {
+      spans.push({
+        month: new Date(Date.UTC(
+          dateRange[startOfMonthIndex].getUTCFullYear(),
+          dateRange[startOfMonthIndex].getUTCMonth(),
+          1
+        )),
+        days: i - startOfMonthIndex,
+        startIndex: startOfMonthIndex
+      });
+      currentMonthYear = monthYear;
+      startOfMonthIndex = i;
+    }
+    if (i === dateRange.length - 1) {
+      spans.push({
+        month: new Date(Date.UTC(
+          date.getUTCFullYear(),
+          date.getUTCMonth(),
+          1
+        )),
+        days: i - startOfMonthIndex + 1,
+        startIndex: startOfMonthIndex
+      });
+    }
+  }
+  return spans;
+};
+var formatDateLabel = (date) => {
+  const parsed = parseUTCDate(date);
+  const day = String(parsed.getUTCDate()).padStart(2, "0");
+  const month = String(parsed.getUTCMonth() + 1).padStart(2, "0");
+  return `${day}.${month}`;
+};
+var MONTH_ABBR = [
+  "\u044F\u043D\u0432",
+  "\u0444\u0435\u0432",
+  "\u043C\u0430\u0440",
+  "\u0430\u043F\u0440",
+  "\u043C\u0430\u044F",
+  "\u0438\u044E\u043D",
+  "\u0438\u044E\u043B",
+  "\u0430\u0432\u0433",
+  "\u0441\u0435\u043D",
+  "\u043E\u043A\u0442",
+  "\u043D\u043E\u044F",
+  "\u0434\u0435\u043A"
+];
+var formatDateRangeLabel = (startDate, endDate) => {
+  const start = parseUTCDate(startDate);
+  const end = parseUTCDate(endDate);
+  const startDay = start.getUTCDate();
+  const endDay = end.getUTCDate();
+  const startMonth = start.getUTCMonth();
+  const endMonth = end.getUTCMonth();
+  const startYear = start.getUTCFullYear();
+  const endYear = end.getUTCFullYear();
+  if (startMonth === endMonth && startYear === endYear) {
+    if (startDay === endDay) {
+      return `${startDay} ${MONTH_ABBR[startMonth]}`;
+    }
+    return `${startDay}\u2013${endDay} ${MONTH_ABBR[startMonth]}`;
+  }
+  if (startYear === endYear) {
+    return `${startDay} ${MONTH_ABBR[startMonth]}\u2013${endDay} ${MONTH_ABBR[endMonth]}`;
+  }
+  return `${startDay} ${MONTH_ABBR[startMonth]} ${startYear}\u2013${endDay} ${MONTH_ABBR[endMonth]} ${endYear}`;
+};
+var getWeekBlocks = (days) => {
+  if (days.length === 0) return [];
+  const blocks = [];
+  let blockStart = 0;
+  while (blockStart < days.length) {
+    const maxBlockEnd = Math.min(blockStart + 7, days.length);
+    const startMonthYear = `${days[blockStart].getUTCFullYear()}-${days[blockStart].getUTCMonth()}`;
+    let actualBlockEnd = blockStart + 7;
+    if (actualBlockEnd > days.length) {
+      actualBlockEnd = days.length;
+    }
+    for (let i = blockStart + 1; i < maxBlockEnd; i++) {
+      const monthYear = `${days[i].getUTCFullYear()}-${days[i].getUTCMonth()}`;
+      if (monthYear !== startMonthYear) {
+        actualBlockEnd = i;
+        break;
+      }
+    }
+    blocks.push({
+      startDate: days[blockStart],
+      days: actualBlockEnd - blockStart
+    });
+    blockStart = actualBlockEnd;
+  }
+  return blocks;
+};
+var getWeekSpans = (days) => {
+  const blocks = getWeekBlocks(days);
+  if (blocks.length === 0) return [];
+  const spans = [];
+  let currentMonthYear = `${blocks[0].startDate.getUTCFullYear()}-${blocks[0].startDate.getUTCMonth()}`;
+  let startIndex = 0;
+  let totalDays = 0;
+  for (let i = 0; i < blocks.length; i++) {
+    const block = blocks[i];
+    const monthYear = `${block.startDate.getUTCFullYear()}-${block.startDate.getUTCMonth()}`;
+    if (monthYear !== currentMonthYear) {
+      spans.push({
+        month: new Date(Date.UTC(
+          blocks[startIndex].startDate.getUTCFullYear(),
+          blocks[startIndex].startDate.getUTCMonth(),
+          1
+        )),
+        days: totalDays,
+        startIndex
+      });
+      currentMonthYear = monthYear;
+      startIndex = i;
+      totalDays = 0;
+    }
+    totalDays += block.days;
+    if (i === blocks.length - 1) {
+      spans.push({
+        month: new Date(Date.UTC(
+          block.startDate.getUTCFullYear(),
+          block.startDate.getUTCMonth(),
+          1
+        )),
+        days: totalDays,
+        startIndex
+      });
+    }
+  }
+  return spans;
+};
+var getMonthBlocks = (days) => {
+  if (days.length === 0) return [];
+  return getMonthSpans(days).map((span) => ({
+    startDate: span.month,
+    days: span.days
+  }));
+};
+var getYearSpans = (days) => {
+  const blocks = getMonthBlocks(days);
+  if (blocks.length === 0) return [];
+  const spans = [];
+  let currentYear = blocks[0].startDate.getUTCFullYear();
+  let startIndex = 0;
+  let totalDays = 0;
+  for (let i = 0; i < blocks.length; i++) {
+    const blockYear = blocks[i].startDate.getUTCFullYear();
+    if (blockYear !== currentYear) {
+      spans.push({
+        year: new Date(Date.UTC(currentYear, 0, 1)),
+        days: totalDays,
+        startIndex
+      });
+      currentYear = blockYear;
+      startIndex = i;
+      totalDays = 0;
+    }
+    totalDays += blocks[i].days;
+    if (i === blocks.length - 1) {
+      spans.push({
+        year: new Date(Date.UTC(currentYear, 0, 1)),
+        days: totalDays,
+        startIndex
+      });
+    }
+  }
+  return spans;
+};
+var normalizeTaskDates = (startDate, endDate) => {
+  const start = parseUTCDate(startDate);
+  const end = parseUTCDate(endDate);
+  if (end.getTime() < start.getTime()) {
+    return {
+      startDate: end.toISOString().split("T")[0],
+      endDate: start.toISOString().split("T")[0]
+    };
+  }
+  return {
+    startDate: start.toISOString().split("T")[0],
+    endDate: end.toISOString().split("T")[0]
+  };
+};
 function getBusinessDaysCount2(startDate, endDate, weekendPredicate) {
   return getBusinessDaysCount(startDate, endDate, weekendPredicate);
 }
@@ -162,343 +437,8 @@ function subtractBusinessDays2(endDate, businessDays, weekendPredicate) {
   const result = subtractBusinessDays(endDate, businessDays, weekendPredicate);
   return result.toISOString().split("T")[0];
 }
-var parseUTCDate, getMonthDays, getDayOffset, isToday, isWeekend, createDateKey, createCustomDayPredicate, getMultiMonthDays, getMonthSpans, formatDateLabel, MONTH_ABBR, formatDateRangeLabel, getWeekBlocks, getWeekSpans, getMonthBlocks, getYearSpans, normalizeTaskDates;
-var init_dateUtils = __esm({
-  "src/utils/dateUtils.ts"() {
-    "use strict";
-    init_dateMath();
-    parseUTCDate = (date) => {
-      if (typeof date === "string") {
-        const dateStr = date.includes("T") ? date : `${date}T00:00:00Z`;
-        const parsed = new Date(dateStr);
-        if (isNaN(parsed.getTime())) {
-          throw new Error(`Invalid date string: ${date}`);
-        }
-        return parsed;
-      }
-      return date;
-    };
-    getMonthDays = (date) => {
-      const utcDate = parseUTCDate(date);
-      const year = utcDate.getUTCFullYear();
-      const month = utcDate.getUTCMonth();
-      const daysInMonth = new Date(Date.UTC(year, month + 1, 0)).getUTCDate();
-      const days = [];
-      for (let day = 1; day <= daysInMonth; day++) {
-        days.push(new Date(Date.UTC(year, month, day)));
-      }
-      return days;
-    };
-    getDayOffset = (date, monthStart) => {
-      const dateMs = Date.UTC(
-        date.getUTCFullYear(),
-        date.getUTCMonth(),
-        date.getUTCDate()
-      );
-      const startMs = Date.UTC(
-        monthStart.getUTCFullYear(),
-        monthStart.getUTCMonth(),
-        monthStart.getUTCDate()
-      );
-      return Math.round((dateMs - startMs) / (1e3 * 60 * 60 * 24));
-    };
-    isToday = (date) => {
-      const now = /* @__PURE__ */ new Date();
-      const today = new Date(Date.UTC(
-        now.getFullYear(),
-        now.getMonth(),
-        now.getDate()
-      ));
-      const compareDate = new Date(Date.UTC(
-        date.getUTCFullYear(),
-        date.getUTCMonth(),
-        date.getUTCDate()
-      ));
-      return today.getTime() === compareDate.getTime();
-    };
-    isWeekend = (date) => {
-      const day = date.getUTCDay();
-      return day === 0 || day === 6;
-    };
-    createDateKey = (date) => {
-      return `${date.getUTCFullYear()}-${date.getUTCMonth()}-${date.getUTCDate()}`;
-    };
-    createCustomDayPredicate = (config) => {
-      const { customDays, isWeekend: basePredicate } = config;
-      const workdaySet = /* @__PURE__ */ new Set();
-      const weekendSet = /* @__PURE__ */ new Set();
-      if (customDays && customDays.length > 0) {
-        for (const item of customDays) {
-          const key = createDateKey(item.date);
-          if (item.type === "workday") {
-            workdaySet.add(key);
-          } else {
-            weekendSet.add(key);
-          }
-        }
-      }
-      return (date) => {
-        const key = createDateKey(date);
-        if (workdaySet.has(key)) {
-          return false;
-        }
-        if (weekendSet.has(key)) {
-          return true;
-        }
-        if (basePredicate) {
-          return basePredicate(date);
-        }
-        const dayOfWeek = date.getUTCDay();
-        return dayOfWeek === 0 || dayOfWeek === 6;
-      };
-    };
-    getMultiMonthDays = (tasks) => {
-      if (!tasks || tasks.length === 0) {
-        return getMonthDays(/* @__PURE__ */ new Date());
-      }
-      let minDate = null;
-      let maxDate = null;
-      for (const task of tasks) {
-        const start = parseUTCDate(task.startDate);
-        const end = parseUTCDate(task.endDate);
-        if (!minDate || start.getTime() < minDate.getTime()) {
-          minDate = start;
-        }
-        if (!maxDate || end.getTime() > maxDate.getTime()) {
-          maxDate = end;
-        }
-      }
-      if (!minDate || !maxDate) {
-        return getMonthDays(/* @__PURE__ */ new Date());
-      }
-      const startOfMonth2 = new Date(Date.UTC(
-        minDate.getUTCFullYear(),
-        minDate.getUTCMonth(),
-        1
-      ));
-      const endOfMonth = new Date(Date.UTC(
-        maxDate.getUTCFullYear(),
-        maxDate.getUTCMonth() + 1 + 2,
-        // Original + 2 months padding after
-        0
-      ));
-      const days = [];
-      const current = new Date(startOfMonth2);
-      while (current.getTime() <= endOfMonth.getTime()) {
-        days.push(new Date(Date.UTC(
-          current.getUTCFullYear(),
-          current.getUTCMonth(),
-          current.getUTCDate()
-        )));
-        current.setUTCDate(current.getUTCDate() + 1);
-      }
-      return days;
-    };
-    getMonthSpans = (dateRange) => {
-      if (dateRange.length === 0) {
-        return [];
-      }
-      const spans = [];
-      let currentMonthYear = `${dateRange[0].getUTCFullYear()}-${dateRange[0].getUTCMonth()}`;
-      let startOfMonthIndex = 0;
-      for (let i = 0; i < dateRange.length; i++) {
-        const date = dateRange[i];
-        const monthYear = `${date.getUTCFullYear()}-${date.getUTCMonth()}`;
-        if (monthYear !== currentMonthYear) {
-          spans.push({
-            month: new Date(Date.UTC(
-              dateRange[startOfMonthIndex].getUTCFullYear(),
-              dateRange[startOfMonthIndex].getUTCMonth(),
-              1
-            )),
-            days: i - startOfMonthIndex,
-            startIndex: startOfMonthIndex
-          });
-          currentMonthYear = monthYear;
-          startOfMonthIndex = i;
-        }
-        if (i === dateRange.length - 1) {
-          spans.push({
-            month: new Date(Date.UTC(
-              date.getUTCFullYear(),
-              date.getUTCMonth(),
-              1
-            )),
-            days: i - startOfMonthIndex + 1,
-            startIndex: startOfMonthIndex
-          });
-        }
-      }
-      return spans;
-    };
-    formatDateLabel = (date) => {
-      const parsed = parseUTCDate(date);
-      const day = String(parsed.getUTCDate()).padStart(2, "0");
-      const month = String(parsed.getUTCMonth() + 1).padStart(2, "0");
-      return `${day}.${month}`;
-    };
-    MONTH_ABBR = [
-      "\u044F\u043D\u0432",
-      "\u0444\u0435\u0432",
-      "\u043C\u0430\u0440",
-      "\u0430\u043F\u0440",
-      "\u043C\u0430\u044F",
-      "\u0438\u044E\u043D",
-      "\u0438\u044E\u043B",
-      "\u0430\u0432\u0433",
-      "\u0441\u0435\u043D",
-      "\u043E\u043A\u0442",
-      "\u043D\u043E\u044F",
-      "\u0434\u0435\u043A"
-    ];
-    formatDateRangeLabel = (startDate, endDate) => {
-      const start = parseUTCDate(startDate);
-      const end = parseUTCDate(endDate);
-      const startDay = start.getUTCDate();
-      const endDay = end.getUTCDate();
-      const startMonth = start.getUTCMonth();
-      const endMonth = end.getUTCMonth();
-      const startYear = start.getUTCFullYear();
-      const endYear = end.getUTCFullYear();
-      if (startMonth === endMonth && startYear === endYear) {
-        if (startDay === endDay) {
-          return `${startDay} ${MONTH_ABBR[startMonth]}`;
-        }
-        return `${startDay}\u2013${endDay} ${MONTH_ABBR[startMonth]}`;
-      }
-      if (startYear === endYear) {
-        return `${startDay} ${MONTH_ABBR[startMonth]}\u2013${endDay} ${MONTH_ABBR[endMonth]}`;
-      }
-      return `${startDay} ${MONTH_ABBR[startMonth]} ${startYear}\u2013${endDay} ${MONTH_ABBR[endMonth]} ${endYear}`;
-    };
-    getWeekBlocks = (days) => {
-      if (days.length === 0) return [];
-      const blocks = [];
-      let blockStart = 0;
-      while (blockStart < days.length) {
-        const maxBlockEnd = Math.min(blockStart + 7, days.length);
-        const startMonthYear = `${days[blockStart].getUTCFullYear()}-${days[blockStart].getUTCMonth()}`;
-        let actualBlockEnd = blockStart + 7;
-        if (actualBlockEnd > days.length) {
-          actualBlockEnd = days.length;
-        }
-        for (let i = blockStart + 1; i < maxBlockEnd; i++) {
-          const monthYear = `${days[i].getUTCFullYear()}-${days[i].getUTCMonth()}`;
-          if (monthYear !== startMonthYear) {
-            actualBlockEnd = i;
-            break;
-          }
-        }
-        blocks.push({
-          startDate: days[blockStart],
-          days: actualBlockEnd - blockStart
-        });
-        blockStart = actualBlockEnd;
-      }
-      return blocks;
-    };
-    getWeekSpans = (days) => {
-      const blocks = getWeekBlocks(days);
-      if (blocks.length === 0) return [];
-      const spans = [];
-      let currentMonthYear = `${blocks[0].startDate.getUTCFullYear()}-${blocks[0].startDate.getUTCMonth()}`;
-      let startIndex = 0;
-      let totalDays = 0;
-      for (let i = 0; i < blocks.length; i++) {
-        const block = blocks[i];
-        const monthYear = `${block.startDate.getUTCFullYear()}-${block.startDate.getUTCMonth()}`;
-        if (monthYear !== currentMonthYear) {
-          spans.push({
-            month: new Date(Date.UTC(
-              blocks[startIndex].startDate.getUTCFullYear(),
-              blocks[startIndex].startDate.getUTCMonth(),
-              1
-            )),
-            days: totalDays,
-            startIndex
-          });
-          currentMonthYear = monthYear;
-          startIndex = i;
-          totalDays = 0;
-        }
-        totalDays += block.days;
-        if (i === blocks.length - 1) {
-          spans.push({
-            month: new Date(Date.UTC(
-              block.startDate.getUTCFullYear(),
-              block.startDate.getUTCMonth(),
-              1
-            )),
-            days: totalDays,
-            startIndex
-          });
-        }
-      }
-      return spans;
-    };
-    getMonthBlocks = (days) => {
-      if (days.length === 0) return [];
-      return getMonthSpans(days).map((span) => ({
-        startDate: span.month,
-        days: span.days
-      }));
-    };
-    getYearSpans = (days) => {
-      const blocks = getMonthBlocks(days);
-      if (blocks.length === 0) return [];
-      const spans = [];
-      let currentYear = blocks[0].startDate.getUTCFullYear();
-      let startIndex = 0;
-      let totalDays = 0;
-      for (let i = 0; i < blocks.length; i++) {
-        const blockYear = blocks[i].startDate.getUTCFullYear();
-        if (blockYear !== currentYear) {
-          spans.push({
-            year: new Date(Date.UTC(currentYear, 0, 1)),
-            days: totalDays,
-            startIndex
-          });
-          currentYear = blockYear;
-          startIndex = i;
-          totalDays = 0;
-        }
-        totalDays += blocks[i].days;
-        if (i === blocks.length - 1) {
-          spans.push({
-            year: new Date(Date.UTC(currentYear, 0, 1)),
-            days: totalDays,
-            startIndex
-          });
-        }
-      }
-      return spans;
-    };
-    normalizeTaskDates = (startDate, endDate) => {
-      const start = parseUTCDate(startDate);
-      const end = parseUTCDate(endDate);
-      if (end.getTime() < start.getTime()) {
-        return {
-          startDate: end.toISOString().split("T")[0],
-          endDate: start.toISOString().split("T")[0]
-        };
-      }
-      return {
-        startDate: start.toISOString().split("T")[0],
-        endDate: end.toISOString().split("T")[0]
-      };
-    };
-  }
-});
-
-// src/components/GanttChart/GanttChart.tsx
-init_dateUtils();
-import { useMemo as useMemo10, useCallback as useCallback8, useRef as useRef9, useState as useState8, useEffect as useEffect9, useImperativeHandle, forwardRef } from "react";
-
-// src/core/scheduling/index.ts
-init_dateMath();
 
 // src/core/scheduling/dependencies.ts
-init_dateMath();
 function normalizePredecessorDates(predecessor, parseDateFn) {
   const predStart = parseDateFn(predecessor.startDate);
   const isMilestone = predecessor.type === "milestone";
@@ -605,9 +545,6 @@ function calculateSuccessorDate(predecessorStart, predecessorEnd, linkType, lag
   return shiftBusinessDayOffset(anchorDate, offset, weekendPredicate);
 }
 
-// src/core/scheduling/cascade.ts
-init_dateMath();
-
 // src/core/scheduling/hierarchy.ts
 function getChildren(parentId, tasks) {
   return tasks.filter((t) => t.parentId === parentId);
@@ -729,7 +666,6 @@ function areTasksHierarchicallyRelated(taskId1, taskId2, tasks) {
 }
 
 // src/core/scheduling/commands.ts
-init_dateMath();
 function buildTaskRangeFromStart(startDate, duration, businessDays = false, weekendPredicate, snapDirection = 1) {
   const normalizedStart = businessDays && weekendPredicate ? alignToWorkingDay(startDate, snapDirection, weekendPredicate) : normalizeUTCDate(startDate);
   if (businessDays && weekendPredicate) {
@@ -1137,11 +1073,7 @@ function universalCascade(movedTask, newStart, newEnd, allTasks, businessDays =
   return Array.from(resultMap.values());
 }
 
-// src/core/scheduling/modeSwitch.ts
-init_dateMath();
-
 // src/core/scheduling/execute.ts
-init_dateMath();
 function toIsoDate(date) {
   return date.toISOString().split("T")[0];
 }
@@ -1583,7 +1515,6 @@ function validateDependencies(tasks) {
 }
 
 // src/utils/hierarchyOrder.ts
-init_dateUtils();
 function flattenHierarchy(tasks) {
   const byId = new Map(tasks.map((task) => [task.id, task]));
   const byParent = /* @__PURE__ */ new Map();
@@ -1636,7 +1567,6 @@ function normalizeHierarchyTasks(tasks) {
 }
 
 // src/components/TimeScaleHeader/TimeScaleHeader.tsx
-init_dateUtils();
 import { useMemo } from "react";
 import { format } from "date-fns";
 import { ru } from "date-fns/locale";
@@ -1827,7 +1757,6 @@ var TimeScaleHeader = ({
 var TimeScaleHeader_default = TimeScaleHeader;
 
 // src/components/TaskRow/TaskRow.tsx
-init_dateUtils();
 import React2, { useMemo as useMemo2 } from "react";
 
 // src/utils/geometry.ts
@@ -2039,8 +1968,7 @@ var calculateDependencyPath = (from, to, arrivesFromRight) => {
   }
 };
 var calculateWeekGridLines = (dateRange, dayWidth) => {
-  const { getWeekBlocks: getWeekBlocks2 } = (init_dateUtils(), __toCommonJS(dateUtils_exports));
-  const blocks = getWeekBlocks2(dateRange);
+  const blocks = getWeekBlocks(dateRange);
   const lines = [];
   let currentDayIndex = 0;
   for (let i = 0; i < blocks.length; i++) {
@@ -2096,7 +2024,6 @@ var calculateOrthogonalPath = (from, to) => {
 };
 
 // src/utils/expired.ts
-init_dateUtils();
 var isTaskExpired = (task, referenceDate = /* @__PURE__ */ new Date()) => {
   if (!task) return false;
   const actualProgress = task.progress ?? 0;
@@ -2117,7 +2044,6 @@ var isTaskExpired = (task, referenceDate = /* @__PURE__ */ new Date()) => {
 };
 
 // src/utils/taskType.ts
-init_dateUtils();
 var TASK_TYPE_DEFAULT = "task";
 function getTaskType(task) {
   return task.type ?? TASK_TYPE_DEFAULT;
@@ -2151,7 +2077,6 @@ function normalizeTaskDatesForType(task) {
 import { useEffect, useRef, useState, useCallback } from "react";
 
 // src/adapters/scheduling/drag.ts
-init_dateMath();
 function resolveDateRangeFromPixels(mode, left, width, monthStart, dayWidth, task, businessDays, weekendPredicate) {
   const dayOffset = Math.round(left / dayWidth);
   const rawStartDate = new Date(Date.UTC(
@@ -3035,7 +2960,6 @@ TaskRow.displayName = "TaskRow";
 var TaskRow_default = TaskRow;
 
 // src/components/TodayIndicator/TodayIndicator.tsx
-init_dateUtils();
 import { useMemo as useMemo3 } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var TodayIndicator = ({ monthStart, dayWidth }) => {
@@ -3471,7 +3395,6 @@ DependencyLines.displayName = "DependencyLines";
 var DependencyLines_default = DependencyLines;
 
 // src/components/TaskList/TaskList.tsx
-init_dateUtils();
 import React11, { useMemo as useMemo8, useCallback as useCallback5, useState as useState6, useEffect as useEffect6, useRef as useRef6 } from "react";
 
 // src/utils/taskListReorder.ts
@@ -3560,7 +3483,6 @@ var PopoverContent = ({
 };
 
 // src/components/TaskList/TaskListRow.tsx
-init_dateUtils();
 import React9, {
   useState as useState4,
   useRef as useRef4,
@@ -4089,7 +4011,6 @@ var LINK_TYPE_LABELS = {
 };
 
 // src/components/TaskList/defaultTaskDates.ts
-init_dateUtils();
 var DAY_MS2 = 24 * 60 * 60 * 1e3;
 var DEFAULT_TASK_DURATION_DAYS = 5;
 function toISODate(date) {
@@ -7285,11 +7206,9 @@ var TaskList = ({
 };
 
 // src/components/ResourceTimelineChart/ResourceTimelineChart.tsx
-init_dateUtils();
 import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo9, useRef as useRef8 } from "react";
 
 // src/utils/resourceTimelineLayout.ts
-init_dateUtils();
 var isInvalidDate = (date) => Number.isNaN(date.getTime());
 var getUTCDayNumber = (date) => {
   return Math.floor(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate()) / 864e5);
@@ -7684,35 +7603,6 @@ var ITEM_OUTER_VERTICAL_INSET = 2;
 var ITEM_INNER_VERTICAL_INSET = 1;
 var ITEM_HORIZONTAL_INSET = 1;
 var isValidDate = (date) => !Number.isNaN(date.getTime());
-var getResourceTimelineDays = (items) => {
-  if (items.length === 0) {
-    return getMonthDays(/* @__PURE__ */ new Date());
-  }
-  let minDate = null;
-  let maxDate = null;
-  for (const item of items) {
-    const startDate = parseUTCDate(item.startDate);
-    const endDate = parseUTCDate(item.endDate);
-    if (!minDate || startDate.getTime() < minDate.getTime()) {
-      minDate = startDate;
-    }
-    if (!maxDate || endDate.getTime() > maxDate.getTime()) {
-      maxDate = endDate;
-    }
-  }
-  if (!minDate || !maxDate) {
-    return getMonthDays(/* @__PURE__ */ new Date());
-  }
-  const startOfMonth2 = new Date(Date.UTC(minDate.getUTCFullYear(), minDate.getUTCMonth(), 1));
-  const endOfMonth = new Date(Date.UTC(maxDate.getUTCFullYear(), maxDate.getUTCMonth() + 1, 0));
-  const days = [];
-  const current = new Date(startOfMonth2);
-  while (current.getTime() <= endOfMonth.getTime()) {
-    days.push(new Date(Date.UTC(current.getUTCFullYear(), current.getUTCMonth(), current.getUTCDate())));
-    current.setUTCDate(current.getUTCDate() + 1);
-  }
-  return days;
-};
 var collectValidItems = (resources) => {
   return resources.flatMap(
     (resource) => resource.items.flatMap((item) => {
@@ -7785,9 +7675,12 @@ var getDurationValue = (startDate, endDate, businessDays, weekendPredicate) => b
 function ResourceTimelineChart({
   resources,
   dayWidth = DEFAULT_DAY_WIDTH,
+  viewMode = "day",
   rowHeaderWidth = DEFAULT_ROW_HEADER_WIDTH,
   laneHeight = DEFAULT_LANE_HEIGHT,
   headerHeight = DEFAULT_HEADER_HEIGHT,
+  containerHeight,
+  allowVerticalPan = false,
   customDays,
   isWeekend: isWeekend3,
   businessDays = true,
@@ -7795,15 +7688,14 @@ function ResourceTimelineChart({
   disableResourceReassignment,
   renderItem,
   getItemClassName,
+  onResourceItemClick,
   onResourceItemMove
 }) {
   const scrollContainerRef = useRef8(null);
   const gridRef = useRef8(null);
   const panStateRef = useRef8(null);
   const validItems = useMemo9(() => collectValidItems(resources), [resources]);
-  const dateRange = useMemo9(() => {
-    return getResourceTimelineDays(validItems);
-  }, [validItems]);
+  const dateRange = useMemo9(() => getMultiMonthDays(validItems), [validItems]);
   const monthStart = useMemo9(() => {
     const firstDay = dateRange[0] ?? /* @__PURE__ */ new Date();
     return new Date(Date.UTC(firstDay.getUTCFullYear(), firstDay.getUTCMonth(), 1));
@@ -7883,7 +7775,9 @@ function ResourceTimelineChart({
         return;
       }
       container.scrollLeft = pan.scrollX - (event.clientX - pan.startX);
-      container.scrollTop = pan.scrollY - (event.clientY - pan.startY);
+      if (allowVerticalPan) {
+        container.scrollTop = pan.scrollY - (event.clientY - pan.startY);
+      }
     };
     const handlePanEnd = () => {
       if (!panStateRef.current?.active) {
@@ -7901,13 +7795,18 @@ function ResourceTimelineChart({
       window.removeEventListener("mousemove", handlePanMove);
       window.removeEventListener("mouseup", handlePanEnd);
     };
-  }, []);
+  }, [allowVerticalPan]);
   return /* @__PURE__ */ jsx15("div", { className: "gantt-container gantt-resourceTimeline", children: /* @__PURE__ */ jsx15(
     "div",
     {
       ref: scrollContainerRef,
       className: "gantt-resourceTimeline-scrollContainer",
-      style: { cursor: "grab" },
+      style: {
+        cursor: "grab",
+        height: containerHeight ?? "auto",
+        overflowY: containerHeight === void 0 ? void 0 : "auto"
+      },
+      "data-allow-vertical-pan": allowVerticalPan ? "true" : "false",
       onMouseDown: handlePanStart,
       children: /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-scrollContent", children: [
         /* @__PURE__ */ jsxs12(
@@ -7961,6 +7860,7 @@ function ResourceTimelineChart({
                   days: dateRange,
                   dayWidth,
                   headerHeight,
+                  viewMode,
                   isCustomWeekend: weekendPredicate
                 }
               ) }),
@@ -7977,6 +7877,7 @@ function ResourceTimelineChart({
                         dateRange,
                         dayWidth,
                         totalHeight: layout.totalHeight,
+                        viewMode,
                         isCustomWeekend: weekendPredicate
                       }
                     ),
@@ -8042,6 +7943,18 @@ function ResourceTimelineChart({
                             className,
                             "data-resource-item-id": layoutItem.itemId,
                             onMouseDown: (event) => startDrag(event, layoutItem),
+                            onClick: () => onResourceItemClick?.(layoutItem.item),
+                            onKeyDown: (event) => {
+                              if (!onResourceItemClick) {
+                                return;
+                              }
+                              if (event.key === "Enter" || event.key === " ") {
+                                event.preventDefault();
+                                onResourceItemClick(layoutItem.item);
+                              }
+                            },
+                            role: onResourceItemClick ? "button" : void 0,
+                            tabIndex: onResourceItemClick ? 0 : void 0,
                             style: {
                               left: `${itemGeometry.left}px`,
                               top: `${itemGeometry.top}px`,
@@ -8079,18 +7992,19 @@ function ResourceTimelineChart({
                                 },
                                 `conflict-overlay-${index}`
                               )),
-                              /* @__PURE__ */ jsx15("div", { className: "gantt-resourceTimeline-itemInner", children: renderItem ? renderItem(layoutItem.item, renderContext) : /* @__PURE__ */ jsxs12(Fragment3, { children: [
-                                /* @__PURE__ */ jsx15(
-                                  "span",
-                                  {
-                                    className: "gantt-resourceTimeline-itemDurationChip",
-                                    "aria-label": `${durationValue} \u0434`,
-                                    children: durationValue
-                                  }
-                                ),
-                                /* @__PURE__ */ jsx15("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title }),
-                                layoutItem.item.subtitle && /* @__PURE__ */ jsx15("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle }),
-                                /* @__PURE__ */ jsx15("span", { className: "gantt-resourceTimeline-itemDates", children: formatDateRangeLabel(layoutItem.startDate, layoutItem.endDate) })
+                              /* @__PURE__ */ jsx15("div", { className: "gantt-resourceTimeline-itemInner", children: renderItem ? renderItem(layoutItem.item, renderContext) : /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-defaultItemContent", children: [
+                                /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-defaultItemMain", children: [
+                                  /* @__PURE__ */ jsx15(
+                                    "span",
+                                    {
+                                      className: "gantt-resourceTimeline-itemDurationChip",
+                                      "aria-label": `${durationValue} \u0434`,
+                                      children: durationValue
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsx15("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title })
+                                ] }),
+                                layoutItem.item.subtitle && /* @__PURE__ */ jsx15("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle })
                               ] }) })
                             ]
                           },
@@ -9160,11 +9074,7 @@ var Button = React14.forwardRef(
 );
 Button.displayName = "Button";
 
-// src/utils/index.ts
-init_dateUtils();
-
 // src/filters/index.ts
-init_dateUtils();
 var and = (...predicates) => (task) => predicates.every((p) => p(task));
 var or = (...predicates) => (task) => predicates.some((p) => p(task));
 var not = (predicate) => (task) => !predicate(task);