@underverse-ui/underverse 0.2.99 → 0.2.101

package/dist/index.cjs

@@ -8759,6 +8759,7 @@ function CalendarTimeline({
   rowHeights,
   defaultRowHeights,
   onRowHeightsChange,
+  autoRowHeight,
   enableLayoutResize,
   slotMinWidth,
   dayTimeStepMinutes = 60,
@@ -8811,6 +8812,10 @@ function CalendarTimeline({
     [isControlledEventSheetOpen, onEventSheetOpenChange, setSelectedEventId]
   );
   const sizeConfig = React28.useMemo(() => getSizeConfig(size), [size]);
+  const densityClass = sizeConfig.densityClass;
+  const eventHeight = sizeConfig.eventHeight;
+  const laneGap = sizeConfig.laneGap;
+  const lanePaddingY = sizeConfig.lanePaddingY;
   const canResizeColumn = React28.useMemo(() => {
     const cfg = enableLayoutResize;
     if (!cfg) return false;
@@ -8998,13 +9003,43 @@ function CalendarTimeline({
     setInternalRowHeights(defaultRowHeights);
   }, [defaultRowHeights, isControlledRowHeights]);
   const activeRowHeights = isControlledRowHeights ? rowHeights : internalRowHeights;
+  const autoRowHeightCfg = React28.useMemo(() => {
+    if (!autoRowHeight) return null;
+    return autoRowHeight === true ? {} : autoRowHeight;
+  }, [autoRowHeight]);
+  const effectiveMaxLanesPerRow = React28.useMemo(() => {
+    if (!autoRowHeightCfg) return maxLanesPerRow;
+    const maxLanes = autoRowHeightCfg.maxLanesPerRow;
+    if (typeof maxLanes === "number" && Number.isFinite(maxLanes) && maxLanes > 0) return Math.floor(maxLanes);
+    return Number.POSITIVE_INFINITY;
+  }, [autoRowHeightCfg, maxLanesPerRow]);
+  const autoRowHeightsByResource = React28.useMemo(() => {
+    if (!autoRowHeightCfg) return null;
+    const maxRowHeight2 = autoRowHeightCfg.maxRowHeight;
+    const out = /* @__PURE__ */ new Map();
+    for (const [resourceId, list] of eventsByResource.entries()) {
+      const mapped = list.map((ev) => {
+        const startIdx = binarySearchLastLE(slotStarts, ev._start);
+        const endIdx = clamp3(binarySearchFirstGE(slotStarts, ev._end), startIdx + 1, slots.length);
+        return { startIdx, endIdx };
+      });
+      const { laneCount } = intervalPack(mapped);
+      const lanesToFit = Number.isFinite(effectiveMaxLanesPerRow) ? Math.max(1, Math.min(laneCount, effectiveMaxLanesPerRow)) : Math.max(1, laneCount);
+      const needed = lanePaddingY * 2 + lanesToFit * eventHeight + laneGap * Math.max(0, lanesToFit - 1);
+      const next = typeof maxRowHeight2 === "number" && Number.isFinite(maxRowHeight2) && maxRowHeight2 > 0 ? Math.min(needed, maxRowHeight2) : needed;
+      out.set(resourceId, next);
+    }
+    return out;
+  }, [autoRowHeightCfg, eventHeight, eventsByResource, laneGap, lanePaddingY, slotStarts, slots.length, effectiveMaxLanesPerRow]);
   const getResourceRowHeight = React28.useCallback(
     (resourceId) => {
       const h = activeRowHeights[resourceId];
-      if (typeof h === "number" && Number.isFinite(h) && h > 0) return h;
-      return effectiveRowHeight;
+      const base = typeof h === "number" && Number.isFinite(h) && h > 0 ? h : effectiveRowHeight;
+      const auto = autoRowHeightsByResource?.get(resourceId);
+      if (typeof auto === "number" && Number.isFinite(auto) && auto > 0) return Math.max(base, auto);
+      return base;
     },
-    [activeRowHeights, effectiveRowHeight]
+    [activeRowHeights, autoRowHeightsByResource, effectiveRowHeight]
   );
   const setRowHeightForResource = React28.useCallback(
     (resourceId, height) => {
@@ -9137,10 +9172,6 @@ function CalendarTimeline({
     const fmt = getDtf(resolvedLocale, resolvedTimeZone, { weekday: "long", year: "numeric", month: "long", day: "numeric" });
     return fmt.format(range.start);
   }, [activeDate, activeView, formatters, l.week, range.end, range.start, resolvedLocale, resolvedTimeZone]);
-  const densityClass = sizeConfig.densityClass;
-  const eventHeight = sizeConfig.eventHeight;
-  const laneGap = sizeConfig.laneGap;
-  const lanePaddingY = sizeConfig.lanePaddingY;
   const createMode = interactions?.createMode ?? "drag";
   const canCreate = !isViewOnly && (interactions?.creatable ?? false) && !!onCreateEvent;
   const [createOpen, setCreateOpen] = React28.useState(false);
@@ -9207,6 +9238,7 @@ function CalendarTimeline({
   const dragRef = React28.useRef(null);
   const [preview, setPreview] = React28.useState(null);
   const suppressNextEventClickRef = React28.useRef(false);
+  const [hoverCell, setHoverCell] = React28.useState(null);
   const autoScrollStateRef = React28.useRef({
     dir: 0,
     speed: 0,
@@ -9416,7 +9448,32 @@ function CalendarTimeline({
   };
   const onPointerMove = (e) => {
     const drag = dragRef.current;
-    if (!drag || drag.pointerId !== e.pointerId) return;
+    if (!drag) {
+      if (isViewOnly) return;
+      if (!(interactions?.creatable ?? false)) return;
+      const target = e.target;
+      if (target?.closest?.("[data-uv-ct-event]")) {
+        if (hoverCell) setHoverCell(null);
+        return;
+      }
+      const ctx = getPointerContext(e.clientX, e.clientY);
+      if (!ctx) {
+        if (hoverCell) setHoverCell(null);
+        return;
+      }
+      const rowEl = target?.closest?.("[data-uv-ct-row]");
+      if (!rowEl) {
+        if (hoverCell) setHoverCell(null);
+        return;
+      }
+      const rect = rowEl.getBoundingClientRect();
+      const y = clamp3(e.clientY - rect.top, 0, rect.height);
+      if (!hoverCell || hoverCell.resourceId !== ctx.resourceId || hoverCell.slotIdx !== ctx.slotIdx || Math.abs(hoverCell.y - y) > 0.5) {
+        setHoverCell({ resourceId: ctx.resourceId, slotIdx: ctx.slotIdx, y });
+      }
+      return;
+    }
+    if (drag.pointerId !== e.pointerId) return;
     updateAutoScrollFromPointer(e.clientX, e.clientY);
     updateDragPreview(e.clientX, e.clientY);
   };
@@ -9425,6 +9482,7 @@ function CalendarTimeline({
     if (!drag || drag.pointerId !== e.pointerId) return;
     dragRef.current = null;
     stopAutoScroll();
+    setHoverCell(null);
     if (!preview) {
       setPreview(null);
       return;
@@ -9525,10 +9583,10 @@ function CalendarTimeline({
         return { ev: { ...ev, _start: s, _end: e }, startIdx, endIdx };
       });
       const { packed, laneCount } = intervalPack(mapped);
-      const visible = packed.filter((p) => p.lane < maxLanesPerRow);
-      const hidden = packed.filter((p) => p.lane >= maxLanesPerRow);
+      const visible = packed.filter((p) => p.lane < effectiveMaxLanesPerRow);
+      const hidden = packed.filter((p) => p.lane >= effectiveMaxLanesPerRow);
       const rowHeightPx = getResourceRowHeight(resourceId);
-      const visibleLaneCount = Math.max(1, Math.min(laneCount, maxLanesPerRow));
+      const visibleLaneCount = Math.max(1, Math.min(laneCount, effectiveMaxLanesPerRow));
       const available = Math.max(0, rowHeightPx - lanePaddingY * 2 - laneGap * Math.max(0, visibleLaneCount - 1));
       const fitPerLane = visibleLaneCount > 0 ? Math.floor(available / visibleLaneCount) : eventHeight;
       const perLaneHeight = Math.max(9, Math.min(eventHeight, fitPerLane || eventHeight));
@@ -9546,7 +9604,7 @@ function CalendarTimeline({
       });
     }
     return map;
-  }, [eventsByResource, getResourceRowHeight, laneGap, lanePaddingY, slotStarts, slots.length, slotWidth, maxLanesPerRow, preview, eventHeight]);
+  }, [eventsByResource, getResourceRowHeight, laneGap, lanePaddingY, slotStarts, slots.length, slotWidth, effectiveMaxLanesPerRow, preview, eventHeight]);
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "div",
     {
@@ -9597,6 +9655,7 @@ function CalendarTimeline({
               className: "relative flex-1 overflow-auto scrollbar-thin scrollbar-thumb-muted scrollbar-track-transparent",
               onPointerMove,
               onPointerUp,
+              onPointerLeave: () => setHoverCell(null),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { style: { height: topSpacer } }),
                 rows.slice(startRow, endRow).map((row, idx) => {
@@ -9608,6 +9667,7 @@ function CalendarTimeline({
                   const r = row.resource;
                   const layout = layoutsByResource.get(r.id) ?? { visible: [], hidden: [], baseTop: lanePaddingY, eventHeight };
                   const canMore = layout.hidden.length > 0 && !!onMoreClick;
+                  const showCreateHint = !isViewOnly && (interactions?.creatable ?? false) && !preview && hoverCell?.resourceId === r.id;
                   return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                     "div",
                     {
@@ -9680,6 +9740,7 @@ function CalendarTimeline({
                                 ev.className,
                                 isPreview && "ring-2 ring-primary/50 ring-offset-1 ring-offset-background scale-[1.02] z-10"
                               ),
+                              "data-uv-ct-event": true,
                               style: {
                                 left,
                                 top,
@@ -9750,6 +9811,24 @@ function CalendarTimeline({
                             }
                           );
                         })() : null,
+                        showCreateHint ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                          "div",
+                          {
+                            className: cn(
+                              "pointer-events-none absolute z-20",
+                              "h-5 w-5 rounded-full",
+                              "bg-background/80 backdrop-blur-sm",
+                              "border border-border/60 shadow-xs",
+                              "flex items-center justify-center"
+                            ),
+                            style: {
+                              left: hoverCell.slotIdx * slotWidth + slotWidth / 2 - 10,
+                              top: clamp3(Math.round(hoverCell.y - 10), 6, Math.max(6, h - 26))
+                            },
+                            "aria-hidden": true,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react20.Plus, { className: "h-3.5 w-3.5 text-muted-foreground" })
+                          }
+                        ) : null,
                         canMore ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                           "button",
                           {