gantt-lib 0.113.1 → 0.114.0

package/dist/index.d.mts

@@ -414,8 +414,9 @@ interface PlanFactMatrixProps<TTask extends Task = Task> {
     visibleRowIndices?: number[];
     visibleDateIndices?: number[];
     todayDateIndex?: number;
+    isCustomWeekend?: (date: Date) => boolean;
 }
-declare function PlanFactMatrix<TTask extends Task = Task>({ tasks, allTasks, dateRange, dayWidth, rowHeight, headerHeight, bodyMinHeight, selectedTaskId, onTaskSelect, onTasksChange, onCellCommit, highlightedTaskIds, filterMode, visibleRowIndices, visibleDateIndices, todayDateIndex, }: PlanFactMatrixProps<TTask>): react_jsx_runtime.JSX.Element;
+declare function PlanFactMatrix<TTask extends Task = Task>({ tasks, allTasks, dateRange, dayWidth, rowHeight, headerHeight, bodyMinHeight, selectedTaskId, onTaskSelect, onTasksChange, onCellCommit, highlightedTaskIds, filterMode, visibleRowIndices, visibleDateIndices, todayDateIndex, isCustomWeekend, }: PlanFactMatrixProps<TTask>): react_jsx_runtime.JSX.Element;
 
 /**
  * Task data structure for Gantt chart

package/dist/index.d.ts

@@ -414,8 +414,9 @@ interface PlanFactMatrixProps<TTask extends Task = Task> {
     visibleRowIndices?: number[];
     visibleDateIndices?: number[];
     todayDateIndex?: number;
+    isCustomWeekend?: (date: Date) => boolean;
 }
-declare function PlanFactMatrix<TTask extends Task = Task>({ tasks, allTasks, dateRange, dayWidth, rowHeight, headerHeight, bodyMinHeight, selectedTaskId, onTaskSelect, onTasksChange, onCellCommit, highlightedTaskIds, filterMode, visibleRowIndices, visibleDateIndices, todayDateIndex, }: PlanFactMatrixProps<TTask>): react_jsx_runtime.JSX.Element;
+declare function PlanFactMatrix<TTask extends Task = Task>({ tasks, allTasks, dateRange, dayWidth, rowHeight, headerHeight, bodyMinHeight, selectedTaskId, onTaskSelect, onTasksChange, onCellCommit, highlightedTaskIds, filterMode, visibleRowIndices, visibleDateIndices, todayDateIndex, isCustomWeekend, }: PlanFactMatrixProps<TTask>): react_jsx_runtime.JSX.Element;
 
 /**
  * Task data structure for Gantt chart

package/dist/index.js

@@ -10979,7 +10979,8 @@ function PlanFactMatrix({
   filterMode = "highlight",
   visibleRowIndices,
   visibleDateIndices,
-  todayDateIndex
+  todayDateIndex,
+  isCustomWeekend
 }) {
   const [activeCell, setActiveCell] = (0, import_react17.useState)(null);
   const [editingCell, setEditingCell] = (0, import_react17.useState)(null);
@@ -11458,7 +11459,8 @@ function PlanFactMatrix({
               days: dateRange,
               dayWidth,
               headerHeight: headerHeight - 1,
-              viewMode: "day"
+              viewMode: "day",
+              isCustomWeekend
             }
           ),
           todayDateIndex !== void 0 && todayDateIndex >= 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -11484,7 +11486,7 @@ function PlanFactMatrix({
           },
           `month-separator-${dateIndex}`
         )) }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           "div",
           {
             ref: bodyRef,
@@ -11494,52 +11496,65 @@ function PlanFactMatrix({
               minHeight: bodyMinHeight,
               width: `${totalWidth}px`
             },
-            children: renderedRowIndices.map((rowIndex) => {
-              const task = tasks[rowIndex];
-              if (!task) return null;
-              const isParent = parentTaskIds.has(task.id);
-              const isHighlighted = filterMode === "highlight" && !!highlightedTaskIds?.has(task.id);
-              return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                PlanFactRow,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                GridBackground_default,
                 {
-                  task,
-                  rowIndex,
                   dateRange,
-                  dateKeys,
-                  renderedDateIndices,
-                  rowHeight,
-                  subrowHeight,
                   dayWidth,
-                  plannedRange: plannedRangeByTaskId.get(task.id) ?? null,
-                  todayDateIndex,
-                  isParent,
-                  isHighlighted,
-                  selectedTaskId,
-                  activeCell,
-                  editingCell,
-                  selectedRange,
-                  renderedRangeBounds,
-                  didDragSelectRef,
-                  isSelectingRef,
-                  isFillDraggingRef,
-                  onTaskSelect,
-                  selectSingleCell,
-                  queueHoverCellUpdate,
-                  setActiveCell,
-                  setEditingCell,
-                  setFillRange,
-                  clearSelectedCells,
-                  commitCell,
-                  commitSelectedCells,
-                  moveActiveCell,
-                  extendSelectedRange,
-                  focusCell,
-                  showOverflowTooltip,
-                  hideOverflowTooltip
-                },
-                task.id
-              );
-            })
+                  totalHeight: tasks.length * rowHeight,
+                  viewMode: "day",
+                  isCustomWeekend,
+                  showGridLines: false
+                }
+              ),
+              renderedRowIndices.map((rowIndex) => {
+                const task = tasks[rowIndex];
+                if (!task) return null;
+                const isParent = parentTaskIds.has(task.id);
+                const isHighlighted = filterMode === "highlight" && !!highlightedTaskIds?.has(task.id);
+                return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  PlanFactRow,
+                  {
+                    task,
+                    rowIndex,
+                    dateRange,
+                    dateKeys,
+                    renderedDateIndices,
+                    rowHeight,
+                    subrowHeight,
+                    dayWidth,
+                    plannedRange: plannedRangeByTaskId.get(task.id) ?? null,
+                    todayDateIndex,
+                    isParent,
+                    isHighlighted,
+                    selectedTaskId,
+                    activeCell,
+                    editingCell,
+                    selectedRange,
+                    renderedRangeBounds,
+                    didDragSelectRef,
+                    isSelectingRef,
+                    isFillDraggingRef,
+                    onTaskSelect,
+                    selectSingleCell,
+                    queueHoverCellUpdate,
+                    setActiveCell,
+                    setEditingCell,
+                    setFillRange,
+                    clearSelectedCells,
+                    commitCell,
+                    commitSelectedCells,
+                    moveActiveCell,
+                    extendSelectedRange,
+                    focusCell,
+                    showOverflowTooltip,
+                    hideOverflowTooltip
+                  },
+                  task.id
+                );
+              })
+            ]
           }
         ),
         overflowTooltip && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -11973,6 +11988,17 @@ var SCROLL_TO_ROW_CONTEXT_ROWS = 2;
 var TASK_ROW_OVERSCAN = 8;
 var PLAN_FACT_COLUMN_OVERSCAN = 24;
 var PLAN_FACT_COLUMN_WINDOW_STEP = 14;
+function waitForNextPaint2(win) {
+  return new Promise((resolve) => {
+    if (typeof win.requestAnimationFrame === "function") {
+      win.requestAnimationFrame(() => {
+        win.requestAnimationFrame(() => resolve());
+      });
+      return;
+    }
+    win.setTimeout(() => resolve(), 50);
+  });
+}
 function getFullMonthDays(tasks) {
   if (!tasks || tasks.length === 0) {
     return getMultiMonthDays(tasks);
@@ -12121,9 +12147,9 @@ function TaskGanttChartInner(props, ref) {
   } = props;
   const dayWidth = !isTableMatrixMode ? props.dayWidth ?? 40 : 40;
   const viewMode = !isTableMatrixMode && !isPlanFactMode ? props.viewMode ?? "day" : "day";
-  const customDays = !isTableMatrixMode && !isPlanFactMode ? props.customDays : void 0;
-  const isWeekend3 = !isTableMatrixMode && !isPlanFactMode ? props.isWeekend : void 0;
-  const businessDays = !isTableMatrixMode && !isPlanFactMode ? props.businessDays ?? true : true;
+  const customDays = !isTableMatrixMode ? props.customDays : void 0;
+  const isWeekend3 = !isTableMatrixMode ? props.isWeekend : void 0;
+  const businessDays = !isTableMatrixMode ? props.businessDays ?? true : true;
   const matrixColumns = isTableMatrixMode ? props.matrixColumns : [];
   const matrixColumnGroups = isTableMatrixMode ? props.matrixColumnGroups : void 0;
   const onMatrixCellClick = isTableMatrixMode ? props.onMatrixCellClick : void 0;
@@ -12144,6 +12170,7 @@ function TaskGanttChartInner(props, ref) {
   const [taskListHasRightShadow, setTaskListHasRightShadow] = (0, import_react18.useState)(false);
   const [internalTaskDateChangeMode, setInternalTaskDateChangeMode] = (0, import_react18.useState)("preserve-duration");
   const [scrollViewport, setScrollViewport] = (0, import_react18.useState)({ scrollTop: 0, viewportHeight: 0 });
+  const [forceFullRenderForPrint, setForceFullRenderForPrint] = (0, import_react18.useState)(false);
   const [planFactDateWindow, setPlanFactDateWindow] = (0, import_react18.useState)(null);
   const [selectedChip, setSelectedChip] = (0, import_react18.useState)(null);
   const [activeTimelineTooltip, setActiveTimelineTooltip] = (0, import_react18.useState)(null);
@@ -12555,6 +12582,9 @@ function TaskGanttChartInner(props, ref) {
     if (totalTasks === 0) {
       return [];
     }
+    if (forceFullRenderForPrint) {
+      return Array.from({ length: totalTasks }, (_, index) => index);
+    }
     if (scrollViewport.viewportHeight <= 0) {
       return Array.from({ length: totalTasks }, (_, index) => index);
     }
@@ -12575,8 +12605,11 @@ function TaskGanttChartInner(props, ref) {
       }
     }
     return Array.from(indices).sort((left, right) => left - right);
-  }, [effectiveRowHeight, forcedRenderedTaskIds, scrollViewport, visibleTaskIndexMap, visibleTasks.length]);
+  }, [effectiveRowHeight, forceFullRenderForPrint, forcedRenderedTaskIds, scrollViewport, visibleTaskIndexMap, visibleTasks.length]);
   const visiblePlanFactDateIndices = (0, import_react18.useMemo)(() => {
+    if (forceFullRenderForPrint) {
+      return void 0;
+    }
     if (!isPlanFactMode || dateRange.length === 0 || !planFactDateWindow) {
       return void 0;
     }
@@ -12584,7 +12617,7 @@ function TaskGanttChartInner(props, ref) {
       { length: planFactDateWindow.end - planFactDateWindow.start + 1 },
       (_, index) => planFactDateWindow.start + index
     );
-  }, [dateRange.length, isPlanFactMode, planFactDateWindow]);
+  }, [dateRange.length, forceFullRenderForPrint, isPlanFactMode, planFactDateWindow]);
   const renderedChartTasks = (0, import_react18.useMemo)(
     () => visibleTaskWindowIndices.map((index) => {
       const task = previewVisibleTasks[index];
@@ -12672,8 +12705,7 @@ function TaskGanttChartInner(props, ref) {
   }, [externalCollapsedParentIds]);
   const exportToPdf = (0, import_react18.useCallback)(async (options) => {
     const sourceContainer = containerRef.current;
-    const sourceContent = scrollContentRef.current;
-    if (!sourceContainer || !sourceContent || typeof window === "undefined" || typeof document === "undefined") {
+    if (!sourceContainer || typeof window === "undefined" || typeof document === "undefined") {
       return;
     }
     const includeTaskList = options?.includeTaskList ?? showTaskList;
@@ -12681,31 +12713,46 @@ function TaskGanttChartInner(props, ref) {
     if (!includeTaskList && !includeChart) {
       return;
     }
-    const printContent = sourceContent.cloneNode(true);
-    const taskListClone = printContent.querySelector(".gantt-tl-overlay");
-    const chartClone = printContent.querySelector(".gantt-chartSurface");
-    if (includeTaskList) {
-      taskListClone?.classList.remove("gantt-tl-hidden", "gantt-tl-overlay-shadowed");
-    } else {
-      taskListClone?.remove();
+    const shouldForceFullRender = !isTableMatrixMode;
+    try {
+      if (shouldForceFullRender) {
+        setForceFullRenderForPrint(true);
+        await waitForNextPaint2(window);
+      }
+      const sourceContent = scrollContentRef.current;
+      if (!sourceContent) {
+        return;
+      }
+      const printContent = sourceContent.cloneNode(true);
+      const taskListClone = printContent.querySelector(".gantt-tl-overlay");
+      const chartClone = printContent.querySelector(".gantt-chartSurface");
+      if (includeTaskList) {
+        taskListClone?.classList.remove("gantt-tl-hidden", "gantt-tl-overlay-shadowed");
+      } else {
+        taskListClone?.remove();
+      }
+      if (includeChart) {
+        chartClone?.classList.remove("gantt-chart-hidden");
+        if (chartClone) chartClone.style.display = "";
+      } else {
+        chartClone?.remove();
+      }
+      await printGanttChart({
+        sourceDocument: document,
+        sourceContainer,
+        printContent,
+        header: options?.header,
+        documentTitle: options?.documentTitle,
+        title: options?.title,
+        fileName: options?.fileName,
+        orientation: options?.orientation
+      });
+    } finally {
+      if (shouldForceFullRender) {
+        setForceFullRenderForPrint(false);
+      }
     }
-    if (includeChart) {
-      chartClone?.classList.remove("gantt-chart-hidden");
-      if (chartClone) chartClone.style.display = "";
-    } else {
-      chartClone?.remove();
-    }
-    await printGanttChart({
-      sourceDocument: document,
-      sourceContainer,
-      printContent,
-      header: options?.header,
-      documentTitle: options?.documentTitle,
-      title: options?.title,
-      fileName: options?.fileName,
-      orientation: options?.orientation
-    });
-  }, [showTaskList, showChart]);
+  }, [isTableMatrixMode, showTaskList, showChart]);
   (0, import_react18.useImperativeHandle)(
     ref,
     () => ({
@@ -13013,7 +13060,8 @@ function TaskGanttChartInner(props, ref) {
                         filterMode,
                         visibleRowIndices: visibleTaskWindowIndices,
                         visibleDateIndices: visiblePlanFactDateIndices,
-                        todayDateIndex: todayInRange ? todayIndex : void 0
+                        todayDateIndex: todayInRange ? todayIndex : void 0,
+                        isCustomWeekend
                       }
                     ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
                       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(