gantt-lib 0.18.0 → 0.20.0

package/dist/index.mjs

@@ -25,6 +25,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils/dateUtils.ts
 var dateUtils_exports = {};
 __export(dateUtils_exports, {
+  createCustomDayPredicate: () => createCustomDayPredicate,
+  createDateKey: () => createDateKey,
   formatDateLabel: () => formatDateLabel,
   getDayOffset: () => getDayOffset,
   getMonthBlocks: () => getMonthBlocks,
@@ -39,7 +41,7 @@ __export(dateUtils_exports, {
   normalizeTaskDates: () => normalizeTaskDates,
   parseUTCDate: () => parseUTCDate
 });
-var parseUTCDate, getMonthDays, getDayOffset, isToday, isWeekend, getMultiMonthDays, getMonthSpans, formatDateLabel, getWeekBlocks, getWeekSpans, getMonthBlocks, getYearSpans, normalizeTaskDates;
+var parseUTCDate, getMonthDays, getDayOffset, isToday, isWeekend, createDateKey, createCustomDayPredicate, getMultiMonthDays, getMonthSpans, formatDateLabel, getWeekBlocks, getWeekSpans, getMonthBlocks, getYearSpans, normalizeTaskDates;
 var init_dateUtils = __esm({
   "src/utils/dateUtils.ts"() {
     "use strict";
@@ -96,6 +98,38 @@ var init_dateUtils = __esm({
       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());
@@ -819,7 +853,8 @@ var TimeScaleHeader = ({
   days,
   dayWidth,
   headerHeight,
-  viewMode = "day"
+  viewMode = "day",
+  isCustomWeekend
 }) => {
   const monthSpans = useMemo(() => getMonthSpans(days), [days]);
   const rowHeight = headerHeight / 2;
@@ -983,12 +1018,12 @@ var TimeScaleHeader = ({
             ) : (
               // Day-view row 2: individual day numbers (existing code)
               days.map((day, index) => {
-                const isWeekend3 = day.getDay() === 0 || day.getDay() === 6;
+                const isWeekendDay = isCustomWeekend ? isCustomWeekend(day) : day.getUTCDay() === 0 || day.getUTCDay() === 6;
                 const prevDay = days[index - 1];
-                const isMonthBoundary = index > 0 && prevDay && prevDay.getMonth() !== day.getMonth();
+                const isMonthBoundary = index > 0 && prevDay && prevDay.getUTCMonth() !== day.getUTCMonth();
                 const now = /* @__PURE__ */ new Date();
                 const isTodayDate = day.getUTCFullYear() === now.getFullYear() && day.getUTCMonth() === now.getMonth() && day.getUTCDate() === now.getDate();
-                return /* @__PURE__ */ jsx("div", { className: `gantt-tsh-dayCell ${isWeekend3 ? "gantt-tsh-weekendDay" : ""} ${isTodayDate ? "gantt-tsh-today" : ""}`, children: /* @__PURE__ */ jsx("span", { className: "gantt-tsh-dayLabel", children: format(day, "d") }) }, `day-${index}`);
+                return /* @__PURE__ */ jsx("div", { className: `gantt-tsh-dayCell ${isWeekendDay ? "gantt-tsh-weekendDay" : ""} ${isTodayDate ? "gantt-tsh-today" : ""}`, children: /* @__PURE__ */ jsx("span", { className: "gantt-tsh-dayLabel", children: format(day, "d") }) }, `day-${index}`);
               })
             )
           }
@@ -1081,14 +1116,13 @@ var calculateGridLines = (dateRange, dayWidth) => {
   }
   return lines;
 };
-var calculateWeekendBlocks = (dateRange, dayWidth) => {
+var calculateWeekendBlocks = (dateRange, dayWidth, isCustomWeekend) => {
   const blocks = [];
   let inWeekend = false;
   let weekendStartIndex = -1;
   for (let i = 0; i < dateRange.length; i++) {
     const date = dateRange[i];
-    const dayOfWeek = date.getUTCDay();
-    const isWeekend3 = dayOfWeek === 0 || dayOfWeek === 6;
+    const isWeekend3 = isCustomWeekend ? isCustomWeekend(date) : date.getUTCDay() === 0 || date.getUTCDay() === 6;
     if (isWeekend3 && !inWeekend) {
       inWeekend = true;
       weekendStartIndex = i;
@@ -1904,10 +1938,10 @@ import React4, { useMemo as useMemo4 } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var arePropsEqual2 = (prevProps, nextProps) => {
   return prevProps.dayWidth === nextProps.dayWidth && prevProps.dateRange.length === nextProps.dateRange.length && prevProps.totalHeight === nextProps.totalHeight && // skip re-render only when totalHeight unchanged
-  prevProps.viewMode === nextProps.viewMode;
+  prevProps.viewMode === nextProps.viewMode && prevProps.isCustomWeekend === nextProps.isCustomWeekend;
 };
 var GridBackground = React4.memo(
-  ({ dateRange, dayWidth, totalHeight, viewMode = "day" }) => {
+  ({ dateRange, dayWidth, totalHeight, viewMode = "day", isCustomWeekend }) => {
     const weekGridLines = useMemo4(() => {
       if (viewMode !== "week") return [];
       return calculateWeekGridLines(dateRange, dayWidth);
@@ -1922,8 +1956,8 @@ var GridBackground = React4.memo(
     }, [dateRange, dayWidth, viewMode]);
     const weekendBlocks = useMemo4(() => {
       if (viewMode === "week" || viewMode === "month") return [];
-      return calculateWeekendBlocks(dateRange, dayWidth);
-    }, [dateRange, dayWidth, viewMode]);
+      return calculateWeekendBlocks(dateRange, dayWidth, isCustomWeekend);
+    }, [dateRange, dayWidth, viewMode, isCustomWeekend]);
     const gridWidth = useMemo4(() => {
       return Math.round(dateRange.length * dayWidth);
     }, [dateRange.length, dayWidth]);
@@ -2445,11 +2479,11 @@ import {
 } from "date-fns";
 import { ru as ru2 } from "date-fns/locale";
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-function getDayClassName(day, selected) {
+function getDayClassName(day, selected, isWeekendProp) {
   const classes = ["gantt-day-btn"];
   if (selected && isSameDay(day, selected)) classes.push("selected");
   if (isToday2(day)) classes.push("today");
-  if (isWeekend2(day)) classes.push("weekend");
+  if (isWeekendProp ? isWeekendProp(day) : isWeekend2(day)) classes.push("weekend");
   if (isBefore(day, startOfDay(/* @__PURE__ */ new Date())) && !isToday2(day)) classes.push("past");
   return classes.join(" ");
 }
@@ -2458,7 +2492,8 @@ var Calendar = ({
   onSelect,
   initialDate,
   mode = "single",
-  disabled = false
+  disabled = false,
+  isWeekend: isWeekendProp
 }) => {
   const scrollRef = useRef2(null);
   const initialMonth = useMemo6(
@@ -2514,11 +2549,13 @@ var Calendar = ({
       const emptyDays = (getDay(firstDay) + 6) % 7;
       const monthKey = format2(month, "yyyy-MM");
       const monthLabel = format2(month, "LLLL yyyy", { locale: ru2 });
+      const weekdayLabels = ["\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431", "\u0412\u0441"];
+      const weekdayHeaders = weekdayLabels.map((label, i) => /* @__PURE__ */ jsx9("div", { className: "gantt-cal-weekday", children: label }, `wd-${i}`));
       const emptyCells = Array.from({ length: emptyDays }, (_, i) => /* @__PURE__ */ jsx9("div", { className: "gantt-cal-empty-day" }, `e-${i}`));
       const dayCells = Array.from({ length: totalDays }, (_, i) => {
         const dayNum = i + 1;
-        const day = new Date(month.getFullYear(), month.getMonth(), dayNum);
-        const className = getDayClassName(day, selected);
+        const day = new Date(Date.UTC(month.getFullYear(), month.getMonth(), dayNum));
+        const className = getDayClassName(day, selected, isWeekendProp);
         return /* @__PURE__ */ jsx9(
           "button",
           {
@@ -2527,7 +2564,7 @@ var Calendar = ({
             disabled,
             onClick: () => {
               if (!disabled && onSelect) {
-                onSelect(new Date(month.getFullYear(), month.getMonth(), dayNum));
+                onSelect(new Date(Date.UTC(month.getFullYear(), month.getMonth(), dayNum)));
               }
             },
             children: dayNum
@@ -2538,12 +2575,13 @@ var Calendar = ({
       return /* @__PURE__ */ jsxs6("div", { className: "gantt-cal-month", "data-month": monthKey, children: [
         /* @__PURE__ */ jsx9("div", { className: "gantt-cal-month-header", children: monthLabel }),
         /* @__PURE__ */ jsxs6("div", { className: "gantt-cal-month-days", children: [
+          weekdayHeaders,
           emptyCells,
           dayCells
         ] })
       ] }, monthKey);
     },
-    [selected, onSelect, disabled]
+    [selected, onSelect, disabled, isWeekendProp]
   );
   const renderedMonths = useMemo6(
     () => months.map(renderMonth),
@@ -2567,7 +2605,8 @@ var DatePicker = ({
   placeholder = "Pick a date",
   portal = true,
   className,
-  disabled = false
+  disabled = false,
+  isWeekend: isWeekend3
 }) => {
   const [open, setOpen] = useState3(false);
   const [inputValue, setInputValue] = useState3("");
@@ -2787,7 +2826,8 @@ var DatePicker = ({
               mode: "single",
               selected: selectedDate,
               onSelect: handleCalendarSelect,
-              initialDate: selectedDate
+              initialDate: selectedDate,
+              isWeekend: isWeekend3
             }
           )
         ]
@@ -3253,7 +3293,9 @@ var TaskListRow = React9.memo(
     onDemoteTask,
     isLastChild = true,
     nestingDepth = 0,
-    ancestorContinues = []
+    ancestorContinues = [],
+    customDays,
+    isWeekend: isWeekend3
   }) => {
     const [editingName, setEditingName] = useState4(false);
     const [nameValue, setNameValue] = useState4("");
@@ -3282,6 +3324,10 @@ var TaskListRow = React9.memo(
       [task.id, allTasks]
     );
     const isChild = task.parentId !== void 0;
+    const weekendPredicate = useMemo7(
+      () => createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }),
+      [customDays, isWeekend3]
+    );
     const isCollapsed = collapsedParentIds.has(task.id);
     const isPicking = selectingPredecessorFor != null;
     const isSourceRow = isPicking && selectingPredecessorFor === task.id;
@@ -3882,7 +3928,8 @@ var TaskListRow = React9.memo(
                   onChange: handleStartDateChange,
                   format: "dd.MM.yy",
                   portal: true,
-                  disabled: task.locked
+                  disabled: task.locked,
+                  isWeekend: weekendPredicate
                 }
               )
             }
@@ -3899,7 +3946,8 @@ var TaskListRow = React9.memo(
                   onChange: handleEndDateChange,
                   format: "dd.MM.yy",
                   portal: true,
-                  disabled: task.locked
+                  disabled: task.locked,
+                  isWeekend: weekendPredicate
                 }
               )
             }
@@ -4323,7 +4371,9 @@ var TaskList = ({
   collapsedParentIds: externalCollapsedParentIds,
   onToggleCollapse: externalOnToggleCollapse,
   onPromoteTask,
-  onDemoteTask
+  onDemoteTask,
+  customDays,
+  isWeekend: isWeekend3
 }) => {
   const [internalCollapsedParentIds, setInternalCollapsedParentIds] = useState6(/* @__PURE__ */ new Set());
   const collapsedParentIds = externalCollapsedParentIds ?? internalCollapsedParentIds;
@@ -4789,7 +4839,9 @@ var TaskList = ({
             onDemoteTask: onDemoteTask ? handleDemoteWrapper : void 0,
             isLastChild: lastChildIds.has(task.id),
             nestingDepth: nestingDepthMap.get(task.id) ?? 0,
-            ancestorContinues: ancestorContinuesMap.get(task.id) ?? []
+            ancestorContinues: ancestorContinuesMap.get(task.id) ?? [],
+            customDays,
+            isWeekend: isWeekend3
           },
           task.id
         )) }),
@@ -4857,7 +4909,9 @@ var GanttChart = forwardRef(({
   onPromoteTask,
   onDemoteTask,
   enableAddTask = true,
-  viewMode = "day"
+  viewMode = "day",
+  customDays,
+  isWeekend: isWeekend3
 }, ref) => {
   const scrollContainerRef = useRef7(null);
   const [selectedTaskId, setSelectedTaskId] = useState7(null);
@@ -4866,6 +4920,10 @@ var GanttChart = forwardRef(({
   const [collapsedParentIds, setCollapsedParentIds] = useState7(/* @__PURE__ */ new Set());
   const [editingTaskId, setEditingTaskId] = useState7(null);
   const normalizedTasks = useMemo9(() => normalizeHierarchyTasks(tasks), [tasks]);
+  const isCustomWeekend = useMemo9(
+    () => createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }),
+    [customDays, isWeekend3]
+  );
   const dateRange = useMemo9(() => getMultiMonthDays(normalizedTasks), [normalizedTasks]);
   const [validationResult, setValidationResult] = useState7(null);
   const [cascadeOverrides, setCascadeOverrides] = useState7(/* @__PURE__ */ new Map());
@@ -5257,7 +5315,9 @@ var GanttChart = forwardRef(({
             collapsedParentIds,
             onToggleCollapse: handleToggleCollapse,
             onPromoteTask: onPromoteTask ?? handlePromoteTask,
-            onDemoteTask: onDemoteTask ?? handleDemoteTask
+            onDemoteTask: onDemoteTask ?? handleDemoteTask,
+            customDays,
+            isWeekend: isWeekend3
           }
         ),
         /* @__PURE__ */ jsxs12("div", { style: { minWidth: `${gridWidth}px`, flex: 1 }, children: [
@@ -5267,7 +5327,8 @@ var GanttChart = forwardRef(({
               days: dateRange,
               dayWidth,
               headerHeight,
-              viewMode
+              viewMode,
+              isCustomWeekend
             }
           ) }),
           /* @__PURE__ */ jsxs12(
@@ -5285,7 +5346,8 @@ var GanttChart = forwardRef(({
                     dateRange,
                     dayWidth,
                     totalHeight: totalGridHeight,
-                    viewMode
+                    viewMode,
+                    isCustomWeekend
                   }
                 ),
                 todayInRange && /* @__PURE__ */ jsx15(TodayIndicator_default, { monthStart, dayWidth }),
@@ -5399,6 +5461,8 @@ export {
   computeLagFromDates,
   computeParentDates,
   computeParentProgress,
+  createCustomDayPredicate,
+  createDateKey,
   detectCycles,
   detectEdgeZone,
   findParentId,