gantt-lib 0.86.1 → 0.88.0

package/dist/index.d.mts

@@ -303,7 +303,7 @@ declare const progressInRange: (min: number, max: number) => TaskPredicate;
  */
 declare const nameContains: (substring: string, caseSensitive?: boolean) => TaskPredicate;
 
-type BuiltInTaskListColumnId = 'number' | 'name' | 'startDate' | 'endDate' | 'duration' | 'progress' | 'dependencies' | 'actions';
+type BuiltInTaskListColumnId = 'selection' | 'number' | 'name' | 'startDate' | 'endDate' | 'duration' | 'progress' | 'dependencies' | 'actions';
 type TaskListColumnId = BuiltInTaskListColumnId | (string & {});
 type TaskListColumnAnchor = {
     after: BuiltInTaskListColumnId | string;
@@ -495,6 +495,12 @@ interface GanttModeProps<TTask extends Task = Task> {
     onToggleCollapse?: (parentId: string) => void;
     /** Task IDs to highlight in the task list (for search results) */
     highlightedTaskIds?: Set<string>;
+    /** Enable a leading checkbox column for multi-selecting task rows (default: false) */
+    enableTaskMultiSelect?: boolean;
+    /** Controlled selected task IDs for multi-select mode */
+    selectedTaskIds?: Set<string>;
+    /** Callback when multi-selected task IDs change */
+    onSelectedTaskIdsChange?: (taskIds: Set<string>) => void;
     /** Disable task drag and resize on the calendar grid (default: false) */
     disableTaskDrag?: boolean;
     /** Show calendar chart area (default: true) */
@@ -611,6 +617,8 @@ interface TaskRowProps {
     isWeekend?: (date: Date) => boolean;
     /** Disable task drag and resize (overrides task.locked) */
     disableTaskDrag?: boolean;
+    /** Active chart view mode */
+    viewMode?: 'day' | 'week' | 'month';
 }
 /**
  * TaskRow component - renders a single task row with a task bar
@@ -766,6 +774,12 @@ interface TaskListProps {
     businessDays?: boolean;
     /** Task IDs highlighted by the active filter */
     highlightedTaskIds?: Set<string>;
+    /** Enable a leading checkbox column for multi-selecting task rows (default: false) */
+    enableTaskMultiSelect?: boolean;
+    /** Controlled selected task IDs for multi-select mode */
+    selectedTaskIds?: Set<string>;
+    /** Callback when multi-selected task IDs change */
+    onSelectedTaskIdsChange?: (taskIds: Set<string>) => void;
     /** Filter mode: 'highlight' shows yellow highlight on matches, 'hide' hides non-matching tasks */
     filterMode?: 'highlight' | 'hide';
     /** Task IDs that match the filter (used for hide mode). When undefined, no filtering is applied */
@@ -937,6 +951,8 @@ interface UseTaskDragOptions {
     businessDays?: boolean;
     /** Function that returns true for weekends (for businessDays mode) */
     weekendPredicate?: (date: Date) => boolean;
+    /** Active chart view mode */
+    viewMode?: 'day' | 'week' | 'month';
 }
 /**
  * Return value from useTaskDrag hook
@@ -953,6 +969,8 @@ interface UseTaskDragReturn {
     /** Props to spread on the drag handle element */
     dragHandleProps: {
         onMouseDown: (e: React.MouseEvent) => void;
+        onMouseMove: (e: React.MouseEvent) => void;
+        onMouseLeave: () => void;
         style: React.CSSProperties;
     };
 }

package/dist/index.d.ts

@@ -303,7 +303,7 @@ declare const progressInRange: (min: number, max: number) => TaskPredicate;
  */
 declare const nameContains: (substring: string, caseSensitive?: boolean) => TaskPredicate;
 
-type BuiltInTaskListColumnId = 'number' | 'name' | 'startDate' | 'endDate' | 'duration' | 'progress' | 'dependencies' | 'actions';
+type BuiltInTaskListColumnId = 'selection' | 'number' | 'name' | 'startDate' | 'endDate' | 'duration' | 'progress' | 'dependencies' | 'actions';
 type TaskListColumnId = BuiltInTaskListColumnId | (string & {});
 type TaskListColumnAnchor = {
     after: BuiltInTaskListColumnId | string;
@@ -495,6 +495,12 @@ interface GanttModeProps<TTask extends Task = Task> {
     onToggleCollapse?: (parentId: string) => void;
     /** Task IDs to highlight in the task list (for search results) */
     highlightedTaskIds?: Set<string>;
+    /** Enable a leading checkbox column for multi-selecting task rows (default: false) */
+    enableTaskMultiSelect?: boolean;
+    /** Controlled selected task IDs for multi-select mode */
+    selectedTaskIds?: Set<string>;
+    /** Callback when multi-selected task IDs change */
+    onSelectedTaskIdsChange?: (taskIds: Set<string>) => void;
     /** Disable task drag and resize on the calendar grid (default: false) */
     disableTaskDrag?: boolean;
     /** Show calendar chart area (default: true) */
@@ -611,6 +617,8 @@ interface TaskRowProps {
     isWeekend?: (date: Date) => boolean;
     /** Disable task drag and resize (overrides task.locked) */
     disableTaskDrag?: boolean;
+    /** Active chart view mode */
+    viewMode?: 'day' | 'week' | 'month';
 }
 /**
  * TaskRow component - renders a single task row with a task bar
@@ -766,6 +774,12 @@ interface TaskListProps {
     businessDays?: boolean;
     /** Task IDs highlighted by the active filter */
     highlightedTaskIds?: Set<string>;
+    /** Enable a leading checkbox column for multi-selecting task rows (default: false) */
+    enableTaskMultiSelect?: boolean;
+    /** Controlled selected task IDs for multi-select mode */
+    selectedTaskIds?: Set<string>;
+    /** Callback when multi-selected task IDs change */
+    onSelectedTaskIdsChange?: (taskIds: Set<string>) => void;
     /** Filter mode: 'highlight' shows yellow highlight on matches, 'hide' hides non-matching tasks */
     filterMode?: 'highlight' | 'hide';
     /** Task IDs that match the filter (used for hide mode). When undefined, no filtering is applied */
@@ -937,6 +951,8 @@ interface UseTaskDragOptions {
     businessDays?: boolean;
     /** Function that returns true for weekends (for businessDays mode) */
     weekendPredicate?: (date: Date) => boolean;
+    /** Active chart view mode */
+    viewMode?: 'day' | 'week' | 'month';
 }
 /**
  * Return value from useTaskDrag hook
@@ -953,6 +969,8 @@ interface UseTaskDragReturn {
     /** Props to spread on the drag handle element */
     dragHandleProps: {
         onMouseDown: (e: React.MouseEvent) => void;
+        onMouseMove: (e: React.MouseEvent) => void;
+        onMouseLeave: () => void;
         style: React.CSSProperties;
     };
 }

package/dist/index.js

@@ -2291,6 +2291,46 @@ function clampDateRangeForIncomingFS(task, range, allTasks, mode, businessDays,
 // src/hooks/useTaskDrag.ts
 var globalActiveDrag = null;
 var globalRafId = null;
+var globalLockedCursor = null;
+var GLOBAL_CURSOR_STYLE_ID = "gantt-global-drag-cursor-style";
+function ensureGlobalCursorStyle() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(GLOBAL_CURSOR_STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = GLOBAL_CURSOR_STYLE_ID;
+  style.textContent = `
+    html.gantt-global-cursor-grabbing,
+    html.gantt-global-cursor-grabbing *,
+    html.gantt-global-cursor-grabbing *::before,
+    html.gantt-global-cursor-grabbing *::after {
+      cursor: grabbing !important;
+    }
+
+    html.gantt-global-cursor-resize,
+    html.gantt-global-cursor-resize *,
+    html.gantt-global-cursor-resize *::before,
+    html.gantt-global-cursor-resize *::after {
+      cursor: ew-resize !important;
+    }
+  `;
+  document.head.appendChild(style);
+}
+function applyGlobalCursor(cursor) {
+  if (typeof document === "undefined") return;
+  ensureGlobalCursorStyle();
+  globalLockedCursor = cursor;
+  document.documentElement.classList.remove("gantt-global-cursor-grabbing", "gantt-global-cursor-resize");
+  document.documentElement.classList.add(cursor === "grabbing" ? "gantt-global-cursor-grabbing" : "gantt-global-cursor-resize");
+  document.body.style.cursor = cursor;
+  document.documentElement.style.cursor = cursor;
+}
+function clearGlobalCursor() {
+  if (typeof document === "undefined") return;
+  globalLockedCursor = null;
+  document.documentElement.classList.remove("gantt-global-cursor-grabbing", "gantt-global-cursor-resize");
+  document.body.style.cursor = "";
+  document.documentElement.style.cursor = "";
+}
 function getDayOffsetFromMonthStart(date, monthStart) {
   return Math.round(
     (Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate()) - Date.UTC(monthStart.getUTCFullYear(), monthStart.getUTCMonth(), monthStart.getUTCDate())) / (24 * 60 * 60 * 1e3)
@@ -2301,6 +2341,7 @@ function completeDrag() {
     cancelAnimationFrame(globalRafId);
     globalRafId = null;
   }
+  clearGlobalCursor();
   if (globalActiveDrag) {
     globalActiveDrag.onCascadeProgress?.(/* @__PURE__ */ new Map(), []);
     const { onComplete, currentLeft, currentWidth, mode } = globalActiveDrag;
@@ -2313,6 +2354,7 @@ function cancelDrag() {
     cancelAnimationFrame(globalRafId);
     globalRafId = null;
   }
+  clearGlobalCursor();
   if (globalActiveDrag) {
     const { onCancel } = globalActiveDrag;
     globalActiveDrag = null;
@@ -2522,7 +2564,8 @@ var useTaskDrag = (options) => {
     locked = false,
     disableTaskDrag = false,
     businessDays = true,
-    weekendPredicate
+    weekendPredicate,
+    viewMode = "day"
   } = options;
   const rawHookTask = allTasks.find((t) => t.id === taskId);
   const hookTask = rawHookTask ? normalizeTaskDatesForType(rawHookTask) : void 0;
@@ -2533,6 +2576,7 @@ var useTaskDrag = (options) => {
   const [dragMode, setDragMode] = (0, import_react2.useState)(null);
   const [currentLeft, setCurrentLeft] = (0, import_react2.useState)(0);
   const [currentWidth, setCurrentWidth] = (0, import_react2.useState)(0);
+  const [hoverCursor, setHoverCursor] = (0, import_react2.useState)("grab");
   const getInitialPosition = (0, import_react2.useCallback)(() => {
     const getUTCDayDifference2 = (date1, date2) => {
       const ms1 = Date.UTC(
@@ -2711,28 +2755,33 @@ var useTaskDrag = (options) => {
       }
     };
   }, []);
-  const handleMouseDown = (0, import_react2.useCallback)((e) => {
+  const startDrag = (0, import_react2.useCallback)((e) => {
     if (effectiveLocked) return;
     const target = e.currentTarget;
-    const edgeZone = detectEdgeZone(e.clientX, target, edgeZoneWidth);
+    const currentTask = allTasks.find((t) => t.id === taskId);
+    const isSingleDayTask = !!currentTask && !isMilestoneTask(currentTask) && !isTaskParent(taskId, allTasks) && currentWidth <= dayWidth && viewMode === "day";
     let mode = null;
-    switch (edgeZone) {
-      case "left":
-        mode = "resize-left";
-        break;
-      case "right":
-        mode = "resize-right";
-        break;
-      case "move":
-        mode = "move";
-        break;
+    if (isSingleDayTask) {
+      mode = "move";
+    } else {
+      const edgeZone = detectEdgeZone(e.clientX, target, edgeZoneWidth);
+      switch (edgeZone) {
+        case "left":
+          mode = "resize-left";
+          break;
+        case "right":
+          mode = "resize-right";
+          break;
+        case "move":
+          mode = "move";
+          break;
+      }
     }
     if (mode === "resize-left" || mode === "resize-right") {
-      const currentTask2 = allTasks.find((t) => t.id === taskId);
-      if (currentTask2 && isTaskParent(taskId, allTasks)) {
+      if (currentTask && isTaskParent(taskId, allTasks)) {
         mode = "move";
       }
-      if (currentTask2 && isMilestoneTask(currentTask2)) {
+      if (currentTask && isMilestoneTask(currentTask)) {
         mode = "move";
       }
     }
@@ -2744,6 +2793,7 @@ var useTaskDrag = (options) => {
     isOwnerRef.current = true;
     setIsDragging(true);
     setDragMode(mode);
+    applyGlobalCursor(mode === "move" ? "grabbing" : "ew-resize");
     if (onDragStateChange) {
       onDragStateChange({
         isDragging: true,
@@ -2753,10 +2803,10 @@ var useTaskDrag = (options) => {
       });
     }
     ensureGlobalListeners();
-    const currentTask = allTasks.find((t) => t.id === taskId);
+    const dragTask = allTasks.find((t) => t.id === taskId);
     let hierarchyChain = [];
-    if (currentTask) {
-      const taskParentId = currentTask.parentId;
+    if (dragTask) {
+      const taskParentId = dragTask.parentId;
       if (taskParentId) {
         const parentTask = allTasks.find((t) => t.id === taskParentId);
         if (parentTask) {
@@ -2793,15 +2843,44 @@ var useTaskDrag = (options) => {
       businessDays,
       weekendPredicate
     };
-  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel, allTasks, disableConstraints, onCascadeProgress, onCascade, effectiveLocked]);
+  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel, allTasks, disableConstraints, onCascadeProgress, onCascade, effectiveLocked, viewMode]);
+  const handleMouseDown = (0, import_react2.useCallback)((e) => {
+    startDrag(e);
+  }, [startDrag]);
+  const handleMouseMove = (0, import_react2.useCallback)((e) => {
+    if (disableTaskDrag) {
+      setHoverCursor("grab");
+      return;
+    }
+    if (locked) {
+      setHoverCursor("not-allowed");
+      return;
+    }
+    if (isDragging) {
+      setHoverCursor("grabbing");
+      return;
+    }
+    const target = e.currentTarget;
+    const currentTask = allTasks.find((t) => t.id === taskId);
+    const isSingleDayTask = !!currentTask && !isMilestoneTask(currentTask) && !isTaskParent(taskId, allTasks) && currentWidth <= dayWidth && viewMode === "day";
+    if (isSingleDayTask || currentTask && (isTaskParent(taskId, allTasks) || isMilestoneTask(currentTask))) {
+      setHoverCursor("grab");
+      return;
+    }
+    const edgeZone = detectEdgeZone(e.clientX, target, edgeZoneWidth);
+    setHoverCursor(edgeZone === "move" ? "grab" : "ew-resize");
+  }, [disableTaskDrag, locked, isDragging, allTasks, taskId, currentWidth, dayWidth, viewMode, edgeZoneWidth]);
+  const handleMouseLeave = (0, import_react2.useCallback)(() => {
+    setHoverCursor(disableTaskDrag ? "grab" : locked ? "not-allowed" : isDragging ? "grabbing" : "grab");
+  }, [disableTaskDrag, locked, isDragging]);
   const getCursorStyle = (0, import_react2.useCallback)(() => {
     if (disableTaskDrag) return "grab";
     if (locked) return "not-allowed";
     if (isDragging) {
-      return "grabbing";
+      return dragMode === "move" ? "grabbing" : "ew-resize";
     }
-    return "grab";
-  }, [disableTaskDrag, locked, isDragging]);
+    return hoverCursor;
+  }, [disableTaskDrag, locked, isDragging, dragMode, hoverCursor]);
   return {
     isDragging,
     dragMode,
@@ -2809,6 +2888,8 @@ var useTaskDrag = (options) => {
     currentWidth,
     dragHandleProps: {
       onMouseDown: handleMouseDown,
+      onMouseMove: handleMouseMove,
+      onMouseLeave: handleMouseLeave,
       style: {
         cursor: getCursorStyle(),
         userSelect: "none"
@@ -2820,10 +2901,10 @@ var useTaskDrag = (options) => {
 // src/components/TaskRow/TaskRow.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var arePropsEqual = (prevProps, nextProps) => {
-  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.baselineStartDate === nextProps.task.baselineStartDate && prevProps.task.baselineEndDate === nextProps.task.baselineEndDate && prevProps.task.type === nextProps.task.type && prevProps.task.color === nextProps.task.color && prevProps.task.progress === nextProps.task.progress && prevProps.task.accepted === nextProps.task.accepted && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight && prevProps.overridePosition?.left === nextProps.overridePosition?.left && prevProps.overridePosition?.width === nextProps.overridePosition?.width && prevProps.allTasks === nextProps.allTasks && prevProps.disableConstraints === nextProps.disableConstraints && prevProps.task.locked === nextProps.task.locked && prevProps.task.divider === nextProps.task.divider && prevProps.highlightExpiredTasks === nextProps.highlightExpiredTasks && prevProps.showBaseline === nextProps.showBaseline && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.businessDays === nextProps.businessDays && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.disableTaskDrag === nextProps.disableTaskDrag;
+  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.baselineStartDate === nextProps.task.baselineStartDate && prevProps.task.baselineEndDate === nextProps.task.baselineEndDate && prevProps.task.type === nextProps.task.type && prevProps.task.color === nextProps.task.color && prevProps.task.progress === nextProps.task.progress && prevProps.task.accepted === nextProps.task.accepted && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight && prevProps.overridePosition?.left === nextProps.overridePosition?.left && prevProps.overridePosition?.width === nextProps.overridePosition?.width && prevProps.allTasks === nextProps.allTasks && prevProps.disableConstraints === nextProps.disableConstraints && prevProps.task.locked === nextProps.task.locked && prevProps.task.divider === nextProps.task.divider && prevProps.highlightExpiredTasks === nextProps.highlightExpiredTasks && prevProps.showBaseline === nextProps.showBaseline && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.businessDays === nextProps.businessDays && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.disableTaskDrag === nextProps.disableTaskDrag && prevProps.viewMode === nextProps.viewMode;
 };
 var TaskRow = import_react3.default.memo(
-  ({ task, monthStart, dayWidth, rowHeight, onTasksChange, onDragStateChange, rowIndex, allTasks, enableAutoSchedule, disableConstraints, overridePosition, onCascadeProgress, onCascade, divider, highlightExpiredTasks, showBaseline = false, isFilterMatch = false, businessDays, customDays, isWeekend: isWeekend3, disableTaskDrag = false }) => {
+  ({ task, monthStart, dayWidth, rowHeight, onTasksChange, onDragStateChange, rowIndex, allTasks, enableAutoSchedule, disableConstraints, overridePosition, onCascadeProgress, onCascade, divider, highlightExpiredTasks, showBaseline = false, isFilterMatch = false, businessDays, customDays, isWeekend: isWeekend3, disableTaskDrag = false, viewMode = "day" }) => {
     const defaultParentBarColor = "#782FC4";
     const { divider: taskDivider } = task;
     const normalizedTask = (0, import_react3.useMemo)(() => normalizeTaskDatesForType(task), [task]);
@@ -2936,7 +3017,8 @@ var TaskRow = import_react3.default.memo(
       onCascadeProgress,
       onCascade,
       businessDays,
-      weekendPredicate
+      weekendPredicate,
+      viewMode
     });
     const displayLeft = overridePosition?.left ?? (isDragging ? currentLeft : left);
     const displayWidth = overridePosition?.width ?? (isDragging ? currentWidth : width);
@@ -3012,6 +3094,8 @@ var TaskRow = import_react3.default.memo(
                   userSelect: dragHandleProps.style.userSelect
                 },
                 onMouseDown: dragHandleProps.onMouseDown,
+                onMouseMove: dragHandleProps.onMouseMove,
+                onMouseLeave: dragHandleProps.onMouseLeave,
                 children: [
                   !milestone && progressWidth > 0 && progressWidth < 100 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "div",
@@ -4757,6 +4841,8 @@ var TaskListRow = import_react10.default.memo(
     isFilterMatch = false,
     isFilterHideMode = false,
     resolvedColumns,
+    isTaskSelected = false,
+    onTaskSelectionChange,
     taskListMenuCommands = []
   }) => {
     const [editingColumnId, setEditingColumnId] = (0, import_react10.useState)(null);
@@ -5550,6 +5636,23 @@ var TaskListRow = import_react10.default.memo(
     const isSelectedDependencyOwner = selectedChip != null && selectedChip.successorId === task.id;
     const startDateISO = toISODate2(normalizedTask.startDate);
     const endDateISO = editingDuration ? getEndDate(normalizedTask.startDate, durationValue) : toISODate2(normalizedTask.endDate);
+    const selectionCell = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "div",
+      {
+        className: "gantt-tl-cell gantt-tl-cell-selection",
+        onClick: (e) => e.stopPropagation(),
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            className: "gantt-tl-selection-checkbox",
+            "aria-label": `\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0437\u0430\u0434\u0430\u0447\u0443 ${taskNumber ? `${taskNumber}. ` : ""}${task.name}`,
+            checked: isTaskSelected,
+            onChange: (event) => onTaskSelectionChange?.(task.id, event.target.checked)
+          }
+        )
+      }
+    );
     const numberCell = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "div",
       {
@@ -6267,6 +6370,7 @@ var TaskListRow = import_react10.default.memo(
       }
     );
     const builtInCells = {
+      selection: selectionCell,
       number: numberCell,
       name: nameCell,
       startDate: startDateCell,
@@ -6419,6 +6523,7 @@ var NewTaskRow = ({
 
 // src/components/TaskList/columns/createBuiltInColumns.tsx
 var BUILT_IN_COLUMN_WIDTHS = {
+  selection: 36,
   number: 40,
   name: 200,
   startDate: 90,
@@ -6429,7 +6534,7 @@ var BUILT_IN_COLUMN_WIDTHS = {
   actions: 80
 };
 function createBuiltInColumns(opts) {
-  return [
+  const columns = [
     { id: "number", header: "\u2116", width: BUILT_IN_COLUMN_WIDTHS.number, renderCell: () => null },
     { id: "name", header: "\u0418\u043C\u044F", width: BUILT_IN_COLUMN_WIDTHS.name, renderCell: () => null },
     { id: "startDate", header: "\u041D\u0430\u0447\u0430\u043B\u043E", width: BUILT_IN_COLUMN_WIDTHS.startDate, renderCell: () => null },
@@ -6438,6 +6543,15 @@ function createBuiltInColumns(opts) {
     { id: "progress", header: "%", width: BUILT_IN_COLUMN_WIDTHS.progress, renderCell: () => null },
     { id: "dependencies", header: null, width: BUILT_IN_COLUMN_WIDTHS.dependencies, renderCell: () => null }
   ];
+  if (opts?.enableTaskMultiSelect) {
+    columns.unshift({
+      id: "selection",
+      header: null,
+      width: BUILT_IN_COLUMN_WIDTHS.selection,
+      renderCell: () => null
+    });
+  }
+  return columns;
 }
 
 // src/components/TaskList/columns/resolveTaskListColumns.ts
@@ -6498,6 +6612,7 @@ var import_jsx_runtime14 = require("react/jsx-runtime");
 var LINK_TYPE_ORDER2 = ["FS", "SS", "FF", "SF"];
 var MIN_TASK_LIST_WIDTH = 530;
 var BUILT_IN_CSS_CLASSES = {
+  selection: "gantt-tl-cell-selection",
   number: "gantt-tl-cell-number",
   name: "gantt-tl-cell-name",
   startDate: "gantt-tl-cell-date",
@@ -6573,6 +6688,30 @@ function getTaskNumber(tasks, taskIndex) {
   }
   return `${parentNumber}.${siblingIndex + 1}`;
 }
+var SelectAllCheckbox = ({
+  checked,
+  indeterminate,
+  onChange
+}) => {
+  const ref = (0, import_react12.useRef)(null);
+  (0, import_react12.useEffect)(() => {
+    if (ref.current) {
+      ref.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "input",
+    {
+      ref,
+      type: "checkbox",
+      className: "gantt-tl-selection-checkbox",
+      "aria-label": "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435 \u0432\u0438\u0434\u0438\u043C\u044B\u0435 \u0437\u0430\u0434\u0430\u0447\u0438",
+      checked,
+      onChange: (event) => onChange(event.target.checked),
+      onClick: (event) => event.stopPropagation()
+    }
+  );
+};
 var TaskList = ({
   tasks,
   rowHeight,
@@ -6603,6 +6742,9 @@ var TaskList = ({
   isWeekend: isWeekend3,
   businessDays,
   highlightedTaskIds = /* @__PURE__ */ new Set(),
+  enableTaskMultiSelect = false,
+  selectedTaskIds,
+  onSelectedTaskIdsChange,
   filterMode = "highlight",
   filteredTaskIds = /* @__PURE__ */ new Set(),
   isFilterActive = false,
@@ -6610,6 +6752,14 @@ var TaskList = ({
   hiddenTaskListColumns,
   taskListMenuCommands
 }) => {
+  const [internalSelectedTaskIds, setInternalSelectedTaskIds] = (0, import_react12.useState)(/* @__PURE__ */ new Set());
+  const effectiveSelectedTaskIds = selectedTaskIds ?? internalSelectedTaskIds;
+  const emitSelectedTaskIdsChange = (0, import_react12.useCallback)((nextSelectedTaskIds) => {
+    if (!selectedTaskIds) {
+      setInternalSelectedTaskIds(nextSelectedTaskIds);
+    }
+    onSelectedTaskIdsChange?.(nextSelectedTaskIds);
+  }, [onSelectedTaskIdsChange, selectedTaskIds]);
   const [internalCollapsedParentIds, setInternalCollapsedParentIds] = (0, import_react12.useState)(/* @__PURE__ */ new Set());
   const collapsedParentIds = externalCollapsedParentIds ?? internalCollapsedParentIds;
   const handleToggleCollapse = externalOnToggleCollapse ?? (0, import_react12.useCallback)((parentId) => {
@@ -6656,6 +6806,33 @@ var TaskList = ({
     ),
     [visibleTasks]
   );
+  const visibleTaskIds = (0, import_react12.useMemo)(() => visibleTasks.map((task) => task.id), [visibleTasks]);
+  const selectedVisibleTaskCount = (0, import_react12.useMemo)(
+    () => visibleTaskIds.filter((taskId) => effectiveSelectedTaskIds.has(taskId)).length,
+    [effectiveSelectedTaskIds, visibleTaskIds]
+  );
+  const areAllVisibleTasksSelected = visibleTaskIds.length > 0 && selectedVisibleTaskCount === visibleTaskIds.length;
+  const areSomeVisibleTasksSelected = selectedVisibleTaskCount > 0 && !areAllVisibleTasksSelected;
+  const handleToggleTaskSelection = (0, import_react12.useCallback)((taskId, checked) => {
+    const nextSelectedTaskIds = new Set(effectiveSelectedTaskIds);
+    if (checked) {
+      nextSelectedTaskIds.add(taskId);
+    } else {
+      nextSelectedTaskIds.delete(taskId);
+    }
+    emitSelectedTaskIdsChange(nextSelectedTaskIds);
+  }, [effectiveSelectedTaskIds, emitSelectedTaskIdsChange]);
+  const handleToggleAllVisibleTaskSelection = (0, import_react12.useCallback)((checked) => {
+    const nextSelectedTaskIds = new Set(effectiveSelectedTaskIds);
+    for (const taskId of visibleTaskIds) {
+      if (checked) {
+        nextSelectedTaskIds.add(taskId);
+      } else {
+        nextSelectedTaskIds.delete(taskId);
+      }
+    }
+    emitSelectedTaskIdsChange(nextSelectedTaskIds);
+  }, [effectiveSelectedTaskIds, emitSelectedTaskIdsChange, visibleTaskIds]);
   const originalTaskNumberMap = (0, import_react12.useMemo)(
     () => {
       const numberMap = /* @__PURE__ */ new Map();
@@ -7137,7 +7314,10 @@ var TaskList = ({
     const duplicatedTasks = duplicateTaskSubtree(taskId, orderedTasks);
     onReorder?.(duplicatedTasks);
   }, [orderedTasks, onReorder]);
-  const builtInColumns = (0, import_react12.useMemo)(() => createBuiltInColumns({ businessDays }), [businessDays]);
+  const builtInColumns = (0, import_react12.useMemo)(
+    () => createBuiltInColumns({ businessDays, enableTaskMultiSelect }),
+    [businessDays, enableTaskMultiSelect]
+  );
   const resolvedColumns = (0, import_react12.useMemo)(
     () => resolveTaskListColumns(
       builtInColumns,
@@ -7161,6 +7341,24 @@ var TaskList = ({
       style: { "--tasklist-width": `${effectiveTaskListWidth}px` },
       children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-table", children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-header", style: { height: `${tableHeaderHeight}px` }, children: resolvedColumns.map((col) => {
+          if (col.id === "selection") {
+            return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "div",
+              {
+                className: "gantt-tl-headerCell gantt-tl-cell-selection",
+                "data-column-id": "selection",
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  SelectAllCheckbox,
+                  {
+                    checked: areAllVisibleTasksSelected,
+                    indeterminate: areSomeVisibleTasksSelected,
+                    onChange: handleToggleAllVisibleTaskSelection
+                  }
+                )
+              },
+              col.id
+            );
+          }
           if (col.id === "dependencies") {
             return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               "div",
@@ -7286,6 +7484,8 @@ var TaskList = ({
                 isFilterMatch: filterMode === "highlight" ? highlightedTaskIds.has(task.id) : false,
                 isFilterHideMode: filterMode === "hide" && isFilterActive,
                 resolvedColumns,
+                isTaskSelected: effectiveSelectedTaskIds.has(task.id),
+                onTaskSelectionChange: handleToggleTaskSelection,
                 taskListMenuCommands
               }
             ),
@@ -9366,6 +9566,9 @@ function TaskGanttChartInner(props, ref) {
     collapsedParentIds: externalCollapsedParentIds,
     onToggleCollapse: externalOnToggleCollapse,
     highlightedTaskIds,
+    enableTaskMultiSelect = false,
+    selectedTaskIds,
+    onSelectedTaskIdsChange,
     disableTaskDrag = false,
     showChart = true,
     additionalColumns,
@@ -9936,6 +10139,9 @@ function TaskGanttChartInner(props, ref) {
                 onDemoteTask: onDemoteTask ?? handleDemoteTask,
                 onUngroupTask: onUngroupTask ?? handleUngroupTask,
                 highlightedTaskIds: taskListHighlightedTaskIds,
+                enableTaskMultiSelect,
+                selectedTaskIds,
+                onSelectedTaskIdsChange,
                 customDays,
                 isWeekend: isWeekend3,
                 businessDays,
@@ -10046,7 +10252,8 @@ function TaskGanttChartInner(props, ref) {
                             businessDays,
                             customDays,
                             isWeekend: isWeekend3,
-                            disableTaskDrag
+                            disableTaskDrag,
+                            viewMode
                           },
                           task.id
                         ))