gantt-lib 0.76.0 → 0.77.0

package/dist/index.mjs

@@ -7788,6 +7788,7 @@ function ResourceTimelineChart({
   rowHeaderWidth = DEFAULT_ROW_HEADER_WIDTH,
   laneHeight = DEFAULT_LANE_HEIGHT,
   headerHeight = DEFAULT_HEADER_HEIGHT,
+  allowVerticalPan = false,
   customDays,
   isWeekend: isWeekend3,
   businessDays = true,
@@ -7795,6 +7796,7 @@ function ResourceTimelineChart({
   disableResourceReassignment,
   renderItem,
   getItemClassName,
+  onResourceItemClick,
   onResourceItemMove
 }) {
   const scrollContainerRef = useRef8(null);
@@ -7883,7 +7885,9 @@ function ResourceTimelineChart({
         return;
       }
       container.scrollLeft = pan.scrollX - (event.clientX - pan.startX);
-      container.scrollTop = pan.scrollY - (event.clientY - pan.startY);
+      if (allowVerticalPan) {
+        container.scrollTop = pan.scrollY - (event.clientY - pan.startY);
+      }
     };
     const handlePanEnd = () => {
       if (!panStateRef.current?.active) {
@@ -7901,13 +7905,14 @@ function ResourceTimelineChart({
       window.removeEventListener("mousemove", handlePanMove);
       window.removeEventListener("mouseup", handlePanEnd);
     };
-  }, []);
+  }, [allowVerticalPan]);
   return /* @__PURE__ */ jsx15("div", { className: "gantt-container gantt-resourceTimeline", children: /* @__PURE__ */ jsx15(
     "div",
     {
       ref: scrollContainerRef,
       className: "gantt-resourceTimeline-scrollContainer",
       style: { cursor: "grab" },
+      "data-allow-vertical-pan": allowVerticalPan ? "true" : "false",
       onMouseDown: handlePanStart,
       children: /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-scrollContent", children: [
         /* @__PURE__ */ jsxs12(
@@ -8042,6 +8047,18 @@ function ResourceTimelineChart({
                             className,
                             "data-resource-item-id": layoutItem.itemId,
                             onMouseDown: (event) => startDrag(event, layoutItem),
+                            onClick: () => onResourceItemClick?.(layoutItem.item),
+                            onKeyDown: (event) => {
+                              if (!onResourceItemClick) {
+                                return;
+                              }
+                              if (event.key === "Enter" || event.key === " ") {
+                                event.preventDefault();
+                                onResourceItemClick(layoutItem.item);
+                              }
+                            },
+                            role: onResourceItemClick ? "button" : void 0,
+                            tabIndex: onResourceItemClick ? 0 : void 0,
                             style: {
                               left: `${itemGeometry.left}px`,
                               top: `${itemGeometry.top}px`,
@@ -8079,18 +8096,19 @@ function ResourceTimelineChart({
                                 },
                                 `conflict-overlay-${index}`
                               )),
-                              /* @__PURE__ */ jsx15("div", { className: "gantt-resourceTimeline-itemInner", children: renderItem ? renderItem(layoutItem.item, renderContext) : /* @__PURE__ */ jsxs12(Fragment3, { children: [
-                                /* @__PURE__ */ jsx15(
-                                  "span",
-                                  {
-                                    className: "gantt-resourceTimeline-itemDurationChip",
-                                    "aria-label": `${durationValue} \u0434`,
-                                    children: durationValue
-                                  }
-                                ),
-                                /* @__PURE__ */ jsx15("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title }),
-                                layoutItem.item.subtitle && /* @__PURE__ */ jsx15("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle }),
-                                /* @__PURE__ */ jsx15("span", { className: "gantt-resourceTimeline-itemDates", children: formatDateRangeLabel(layoutItem.startDate, layoutItem.endDate) })
+                              /* @__PURE__ */ jsx15("div", { className: "gantt-resourceTimeline-itemInner", children: renderItem ? renderItem(layoutItem.item, renderContext) : /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-defaultItemContent", children: [
+                                /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-defaultItemMain", children: [
+                                  /* @__PURE__ */ jsx15(
+                                    "span",
+                                    {
+                                      className: "gantt-resourceTimeline-itemDurationChip",
+                                      "aria-label": `${durationValue} \u0434`,
+                                      children: durationValue
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsx15("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title })
+                                ] }),
+                                layoutItem.item.subtitle && /* @__PURE__ */ jsx15("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle })
                               ] }) })
                             ]
                           },