gantt-lib 0.78.0 → 0.79.0

package/dist/index.js

@@ -3489,6 +3489,25 @@ var DependencyLines = import_react6.default.memo(({
                 }
               )
             }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "marker",
+            {
+              id: "arrowhead-hover",
+              markerWidth: "8",
+              markerHeight: "6",
+              markerUnits: "userSpaceOnUse",
+              refX: "7",
+              refY: "3",
+              orient: "auto",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "polygon",
+                {
+                  points: "0 0, 8 3, 0 6",
+                  fill: "var(--gantt-dependency-hover-color, #ef4444)"
+                }
+              )
+            }
           )
         ] }),
         lines.map(({ id, path, hasCycle, lag, fromX, toX, fromY, reverseOrder, isVirtual }) => {
@@ -3503,14 +3522,23 @@ var DependencyLines = import_react6.default.memo(({
           else markerEnd = "url(#arrowhead)";
           const lagColor = isSelected ? "#ef4444" : hasCycle ? "var(--gantt-dependency-cycle-color, #ef4444)" : "var(--gantt-dependency-line-color, #666666)";
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react6.default.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              "path",
-              {
-                d: path,
-                className: pathClassName,
-                markerEnd
-              }
-            ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("g", { className: "gantt-dependency-line", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "path",
+                {
+                  d: path,
+                  className: "gantt-dependency-hit-area"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "path",
+                {
+                  d: path,
+                  className: pathClassName,
+                  markerEnd
+                }
+              )
+            ] }),
             lag !== 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "text",
               {
@@ -4560,12 +4588,20 @@ var DepChip = ({
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "span",
       {
-        className: `gantt-tl-dep-chip${isSelected ? " gantt-tl-dep-chip-selected" : ""}`,
+        className: `gantt-tl-dep-chip-with-number${isSelected ? " gantt-tl-dep-chip-with-number-selected" : ""}`,
         onClick: handleClick,
-        title: `[${LINK_TYPE_LABELS_RU[dep.type]}] ${formatTaskNumberLabel(predecessorTaskNumber)}${depName}`,
+        "aria-label": `[${LINK_TYPE_LABELS_RU[dep.type]}] ${formatTaskNumberLabel(predecessorTaskNumber)}${depName}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, {}),
-          effectiveLag !== 0 ? effectiveLag > 0 ? `+${effectiveLag}` : `${effectiveLag}` : ""
+          predecessorTaskNumber && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "gantt-tl-dep-chip-task-number", children: predecessorTaskNumber }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "gantt-tl-dep-chip", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, {}) }),
+          effectiveLag !== 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "gantt-tl-dep-chip-lag", children: effectiveLag > 0 ? `+${effectiveLag}` : `${effectiveLag}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "gantt-tl-dep-chip-tooltip", role: "tooltip", children: [
+            "[",
+            LINK_TYPE_LABELS_RU[dep.type],
+            "] ",
+            formatTaskNumberLabel(predecessorTaskNumber),
+            depName
+          ] })
         ]
       }
     ) }),
@@ -6410,7 +6446,7 @@ var BUILT_IN_COLUMN_WIDTHS = {
   endDate: 90,
   duration: 60,
   progress: 50,
-  dependencies: 120,
+  dependencies: 128,
   actions: 80
 };
 function createBuiltInColumns(opts) {
@@ -8056,6 +8092,7 @@ function ResourceTimelineChart({
                           {
                             className,
                             "data-resource-item-id": layoutItem.itemId,
+                            "data-resource-item-tooltip": layoutItem.item.title,
                             onMouseDown: (event) => startDrag(event, layoutItem),
                             onClick: () => onResourceItemClick?.(layoutItem.item),
                             onKeyDown: (event) => {
@@ -9192,7 +9229,11 @@ Button.displayName = "Button";
 var and = (...predicates) => (task) => predicates.every((p) => p(task));
 var or = (...predicates) => (task) => predicates.some((p) => p(task));
 var not = (predicate) => (task) => !predicate(task);
-var withoutDeps = () => (task) => !!task && (!task.dependencies || task.dependencies.length === 0);
+var withoutDeps = (options = {}) => (task) => {
+  if (!task) return false;
+  if (options.onlyChildren && !task.parentId) return false;
+  return !task.dependencies || task.dependencies.length === 0;
+};
 var expired = (referenceDate = /* @__PURE__ */ new Date()) => (task) => isTaskExpired(task, referenceDate);
 var inDateRange = (rangeStart, rangeEnd) => (task) => {
   if (!task) return false;