gantt-lib 0.18.0 → 0.19.0

package/dist/index.js

@@ -36,6 +36,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils/dateUtils.ts
 var dateUtils_exports = {};
 __export(dateUtils_exports, {
+  createDateKey: () => createDateKey,
+  createIsWeekendPredicate: () => createIsWeekendPredicate,
   formatDateLabel: () => formatDateLabel,
   getDayOffset: () => getDayOffset,
   getMonthBlocks: () => getMonthBlocks,
@@ -50,7 +52,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, createIsWeekendPredicate, getMultiMonthDays, getMonthSpans, formatDateLabel, getWeekBlocks, getWeekSpans, getMonthBlocks, getYearSpans, normalizeTaskDates;
 var init_dateUtils = __esm({
   "src/utils/dateUtils.ts"() {
     "use strict";
@@ -107,6 +109,41 @@ var init_dateUtils = __esm({
       const day = date.getUTCDay();
       return day === 0 || day === 6;
     };
+    createDateKey = (date) => {
+      return `${date.getUTCFullYear()}-${date.getUTCMonth()}-${date.getUTCDate()}`;
+    };
+    createIsWeekendPredicate = (config) => {
+      const { weekends, workdays, isWeekend: customPredicate } = config;
+      if (customPredicate) {
+        return customPredicate;
+      }
+      if (workdays && workdays.length > 0) {
+        const workdaySet = new Set(workdays.map(createDateKey));
+        return (date) => {
+          const key = createDateKey(date);
+          if (workdaySet.has(key)) {
+            return false;
+          }
+          const dayOfWeek = date.getUTCDay();
+          return dayOfWeek === 0 || dayOfWeek === 6;
+        };
+      }
+      if (weekends && weekends.length > 0) {
+        const weekendSet = new Set(weekends.map(createDateKey));
+        return (date) => {
+          const key = createDateKey(date);
+          if (weekendSet.has(key)) {
+            return true;
+          }
+          const dayOfWeek = date.getUTCDay();
+          return dayOfWeek === 0 || dayOfWeek === 6;
+        };
+      }
+      return (date) => {
+        const dayOfWeek = date.getUTCDay();
+        return dayOfWeek === 0 || dayOfWeek === 6;
+      };
+    };
     getMultiMonthDays = (tasks) => {
       if (!tasks || tasks.length === 0) {
         return getMonthDays(/* @__PURE__ */ new Date());
@@ -343,6 +380,8 @@ __export(index_exports, {
   computeLagFromDates: () => computeLagFromDates,
   computeParentDates: () => computeParentDates,
   computeParentProgress: () => computeParentProgress,
+  createDateKey: () => createDateKey,
+  createIsWeekendPredicate: () => createIsWeekendPredicate,
   detectCycles: () => detectCycles,
   detectEdgeZone: () => detectEdgeZone,
   findParentId: () => findParentId,
@@ -896,7 +935,8 @@ var TimeScaleHeader = ({
   days,
   dayWidth,
   headerHeight,
-  viewMode = "day"
+  viewMode = "day",
+  isCustomWeekend
 }) => {
   const monthSpans = (0, import_react.useMemo)(() => getMonthSpans(days), [days]);
   const rowHeight = headerHeight / 2;
@@ -1060,12 +1100,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__ */ (0, import_jsx_runtime.jsx)("div", { className: `gantt-tsh-dayCell ${isWeekend3 ? "gantt-tsh-weekendDay" : ""} ${isTodayDate ? "gantt-tsh-today" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gantt-tsh-dayLabel", children: (0, import_date_fns.format)(day, "d") }) }, `day-${index}`);
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `gantt-tsh-dayCell ${isWeekendDay ? "gantt-tsh-weekendDay" : ""} ${isTodayDate ? "gantt-tsh-today" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gantt-tsh-dayLabel", children: (0, import_date_fns.format)(day, "d") }) }, `day-${index}`);
               })
             )
           }
@@ -1158,14 +1198,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;
@@ -1981,10 +2020,10 @@ var import_react5 = __toESM(require("react"));
 var import_jsx_runtime4 = require("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 = import_react5.default.memo(
-  ({ dateRange, dayWidth, totalHeight, viewMode = "day" }) => {
+  ({ dateRange, dayWidth, totalHeight, viewMode = "day", isCustomWeekend }) => {
     const weekGridLines = (0, import_react5.useMemo)(() => {
       if (viewMode !== "week") return [];
       return calculateWeekGridLines(dateRange, dayWidth);
@@ -1999,8 +2038,8 @@ var GridBackground = import_react5.default.memo(
     }, [dateRange, dayWidth, viewMode]);
     const weekendBlocks = (0, import_react5.useMemo)(() => {
       if (viewMode === "week" || viewMode === "month") return [];
-      return calculateWeekendBlocks(dateRange, dayWidth);
-    }, [dateRange, dayWidth, viewMode]);
+      return calculateWeekendBlocks(dateRange, dayWidth, isCustomWeekend);
+    }, [dateRange, dayWidth, viewMode, isCustomWeekend]);
     const gridWidth = (0, import_react5.useMemo)(() => {
       return Math.round(dateRange.length * dayWidth);
     }, [dateRange.length, dayWidth]);
@@ -2497,12 +2536,13 @@ var import_date_fns3 = require("date-fns");
 var import_react8 = require("react");
 var import_date_fns2 = require("date-fns");
 var import_locale2 = require("date-fns/locale");
+init_dateUtils();
 var import_jsx_runtime9 = require("react/jsx-runtime");
-function getDayClassName(day, selected) {
+function getDayClassName(day, selected, isWeekendProp) {
   const classes = ["gantt-day-btn"];
   if (selected && (0, import_date_fns2.isSameDay)(day, selected)) classes.push("selected");
   if ((0, import_date_fns2.isToday)(day)) classes.push("today");
-  if ((0, import_date_fns2.isWeekend)(day)) classes.push("weekend");
+  if (isWeekendProp ? isWeekendProp(day) : (0, import_date_fns2.isWeekend)(day)) classes.push("weekend");
   if ((0, import_date_fns2.isBefore)(day, (0, import_date_fns2.startOfDay)(/* @__PURE__ */ new Date())) && !(0, import_date_fns2.isToday)(day)) classes.push("past");
   return classes.join(" ");
 }
@@ -2511,9 +2551,22 @@ var Calendar = ({
   onSelect,
   initialDate,
   mode = "single",
-  disabled = false
+  disabled = false,
+  isWeekend: isWeekendProp,
+  weekends,
+  workdays
 }) => {
   const scrollRef = (0, import_react8.useRef)(null);
+  const derivedWeekendPredicate = (0, import_react8.useMemo)(() => {
+    if (isWeekendProp) return isWeekendProp;
+    if (weekends || workdays) {
+      return createIsWeekendPredicate({
+        weekends: weekends ?? [],
+        workdays: workdays ?? []
+      });
+    }
+    return void 0;
+  }, [isWeekendProp, weekends, workdays]);
   const initialMonth = (0, import_react8.useMemo)(
     () => (0, import_date_fns2.startOfMonth)(initialDate ?? selected ?? /* @__PURE__ */ new Date()),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -2567,11 +2620,13 @@ var Calendar = ({
       const emptyDays = ((0, import_date_fns2.getDay)(firstDay) + 6) % 7;
       const monthKey = (0, import_date_fns2.format)(month, "yyyy-MM");
       const monthLabel = (0, import_date_fns2.format)(month, "LLLL yyyy", { locale: import_locale2.ru });
+      const weekdayLabels = ["\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431", "\u0412\u0441"];
+      const weekdayHeaders = weekdayLabels.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "gantt-cal-weekday", children: label }, `wd-${i}`));
       const emptyCells = Array.from({ length: emptyDays }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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, derivedWeekendPredicate);
         return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "button",
           {
@@ -2580,7 +2635,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
@@ -2591,12 +2646,13 @@ var Calendar = ({
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "gantt-cal-month", "data-month": monthKey, children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "gantt-cal-month-header", children: monthLabel }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "gantt-cal-month-days", children: [
+          weekdayHeaders,
           emptyCells,
           dayCells
         ] })
       ] }, monthKey);
     },
-    [selected, onSelect, disabled]
+    [selected, onSelect, disabled, derivedWeekendPredicate]
   );
   const renderedMonths = (0, import_react8.useMemo)(
     () => months.map(renderMonth),
@@ -2620,7 +2676,10 @@ var DatePicker = ({
   placeholder = "Pick a date",
   portal = true,
   className,
-  disabled = false
+  disabled = false,
+  weekends,
+  workdays,
+  isWeekend: isWeekend3
 }) => {
   const [open, setOpen] = (0, import_react9.useState)(false);
   const [inputValue, setInputValue] = (0, import_react9.useState)("");
@@ -2840,7 +2899,10 @@ var DatePicker = ({
               mode: "single",
               selected: selectedDate,
               onSelect: handleCalendarSelect,
-              initialDate: selectedDate
+              initialDate: selectedDate,
+              weekends,
+              workdays,
+              isWeekend: isWeekend3
             }
           )
         ]
@@ -3306,7 +3368,10 @@ var TaskListRow = import_react10.default.memo(
     onDemoteTask,
     isLastChild = true,
     nestingDepth = 0,
-    ancestorContinues = []
+    ancestorContinues = [],
+    weekends,
+    workdays,
+    isWeekend: isWeekend3
   }) => {
     const [editingName, setEditingName] = (0, import_react10.useState)(false);
     const [nameValue, setNameValue] = (0, import_react10.useState)("");
@@ -3935,7 +4000,10 @@ var TaskListRow = import_react10.default.memo(
                   onChange: handleStartDateChange,
                   format: "dd.MM.yy",
                   portal: true,
-                  disabled: task.locked
+                  disabled: task.locked,
+                  weekends,
+                  workdays,
+                  isWeekend: isWeekend3
                 }
               )
             }
@@ -3952,7 +4020,10 @@ var TaskListRow = import_react10.default.memo(
                   onChange: handleEndDateChange,
                   format: "dd.MM.yy",
                   portal: true,
-                  disabled: task.locked
+                  disabled: task.locked,
+                  weekends,
+                  workdays,
+                  isWeekend: isWeekend3
                 }
               )
             }
@@ -4376,7 +4447,10 @@ var TaskList = ({
   collapsedParentIds: externalCollapsedParentIds,
   onToggleCollapse: externalOnToggleCollapse,
   onPromoteTask,
-  onDemoteTask
+  onDemoteTask,
+  weekends,
+  workdays,
+  isWeekend: isWeekend3
 }) => {
   const [internalCollapsedParentIds, setInternalCollapsedParentIds] = (0, import_react12.useState)(/* @__PURE__ */ new Set());
   const collapsedParentIds = externalCollapsedParentIds ?? internalCollapsedParentIds;
@@ -4842,7 +4916,10 @@ 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) ?? [],
+            weekends,
+            workdays,
+            isWeekend: isWeekend3
           },
           task.id
         )) }),
@@ -4910,7 +4987,10 @@ var GanttChart = (0, import_react13.forwardRef)(({
   onPromoteTask,
   onDemoteTask,
   enableAddTask = true,
-  viewMode = "day"
+  viewMode = "day",
+  weekends,
+  workdays,
+  isWeekend: isWeekend3
 }, ref) => {
   const scrollContainerRef = (0, import_react13.useRef)(null);
   const [selectedTaskId, setSelectedTaskId] = (0, import_react13.useState)(null);
@@ -4919,6 +4999,10 @@ var GanttChart = (0, import_react13.forwardRef)(({
   const [collapsedParentIds, setCollapsedParentIds] = (0, import_react13.useState)(/* @__PURE__ */ new Set());
   const [editingTaskId, setEditingTaskId] = (0, import_react13.useState)(null);
   const normalizedTasks = (0, import_react13.useMemo)(() => normalizeHierarchyTasks(tasks), [tasks]);
+  const isCustomWeekend = (0, import_react13.useMemo)(
+    () => createIsWeekendPredicate({ weekends, workdays, isWeekend: isWeekend3 }),
+    [weekends, workdays, isWeekend3]
+  );
   const dateRange = (0, import_react13.useMemo)(() => getMultiMonthDays(normalizedTasks), [normalizedTasks]);
   const [validationResult, setValidationResult] = (0, import_react13.useState)(null);
   const [cascadeOverrides, setCascadeOverrides] = (0, import_react13.useState)(/* @__PURE__ */ new Map());
@@ -5310,7 +5394,10 @@ var GanttChart = (0, import_react13.forwardRef)(({
             collapsedParentIds,
             onToggleCollapse: handleToggleCollapse,
             onPromoteTask: onPromoteTask ?? handlePromoteTask,
-            onDemoteTask: onDemoteTask ?? handleDemoteTask
+            onDemoteTask: onDemoteTask ?? handleDemoteTask,
+            weekends,
+            workdays,
+            isWeekend: isWeekend3
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { minWidth: `${gridWidth}px`, flex: 1 }, children: [
@@ -5320,7 +5407,8 @@ var GanttChart = (0, import_react13.forwardRef)(({
               days: dateRange,
               dayWidth,
               headerHeight,
-              viewMode
+              viewMode,
+              isCustomWeekend
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
@@ -5338,7 +5426,8 @@ var GanttChart = (0, import_react13.forwardRef)(({
                     dateRange,
                     dayWidth,
                     totalHeight: totalGridHeight,
-                    viewMode
+                    viewMode,
+                    isCustomWeekend
                   }
                 ),
                 todayInRange && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TodayIndicator_default, { monthStart, dayWidth }),
@@ -5453,6 +5542,8 @@ init_dateUtils();
   computeLagFromDates,
   computeParentDates,
   computeParentProgress,
+  createDateKey,
+  createIsWeekendPredicate,
   detectCycles,
   detectEdgeZone,
   findParentId,