@underverse-ui/underverse 0.2.99 → 0.2.100

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);
@@ -9525,10 +9556,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 +9577,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",
     {