@underverse-ui/underverse 0.2.99 → 0.2.100

package/dist/index.d.cts

@@ -1095,6 +1095,14 @@ interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> e
     defaultRowHeights?: Record<string, number>;
     /** Called when per-resource row heights change. */
     onRowHeightsChange?: (next: Record<string, number>) => void;
+    /**
+     * Auto-expand each resource row height to fit overlapping events (lanes) without collapsing into "+more".
+     * When enabled, `maxLanesPerRow` is ignored unless overridden via `autoRowHeight.maxLanesPerRow`.
+     */
+    autoRowHeight?: boolean | {
+        maxRowHeight?: number;
+        maxLanesPerRow?: number;
+    };
     /**
      * Allow resizing layout with mouse:
      * - column: drag the divider in the header
@@ -1177,7 +1185,7 @@ interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> e
     virtualization?: CalendarTimelineVirtualization;
 }
 
-declare function CalendarTimeline<TResourceMeta = unknown, TEventMeta = unknown>({ resources, events, size, enableEventSheet, eventSheetSize, renderEventSheet, selectedEventId, defaultSelectedEventId, onSelectedEventIdChange, eventSheetOpen, defaultEventSheetOpen, onEventSheetOpenChange, view, defaultView, onViewChange, date, defaultDate, onDateChange, weekStartsOn, locale, timeZone, labels, formatters, groups, groupCollapsed, defaultGroupCollapsed, onGroupCollapsedChange, resourceColumnWidth, defaultResourceColumnWidth, onResourceColumnWidthChange, minResourceColumnWidth, maxResourceColumnWidth, rowHeight, defaultRowHeight, onRowHeightChange, minRowHeight, maxRowHeight, rowHeights, defaultRowHeights, onRowHeightsChange, enableLayoutResize, slotMinWidth, dayTimeStepMinutes, dayRangeMode, workHours, maxLanesPerRow, now, renderResource, renderGroup, renderEvent, interactions, onRangeChange, onEventClick, onEventDoubleClick, onCreateEventClick, onCreateEvent, onEventMove, onEventResize, onEventDelete, onMoreClick, virtualization, className, ...rest }: CalendarTimelineProps<TResourceMeta, TEventMeta>): react_jsx_runtime.JSX.Element;
+declare function CalendarTimeline<TResourceMeta = unknown, TEventMeta = unknown>({ resources, events, size, enableEventSheet, eventSheetSize, renderEventSheet, selectedEventId, defaultSelectedEventId, onSelectedEventIdChange, eventSheetOpen, defaultEventSheetOpen, onEventSheetOpenChange, view, defaultView, onViewChange, date, defaultDate, onDateChange, weekStartsOn, locale, timeZone, labels, formatters, groups, groupCollapsed, defaultGroupCollapsed, onGroupCollapsedChange, resourceColumnWidth, defaultResourceColumnWidth, onResourceColumnWidthChange, minResourceColumnWidth, maxResourceColumnWidth, rowHeight, defaultRowHeight, onRowHeightChange, minRowHeight, maxRowHeight, rowHeights, defaultRowHeights, onRowHeightsChange, autoRowHeight, enableLayoutResize, slotMinWidth, dayTimeStepMinutes, dayRangeMode, workHours, maxLanesPerRow, now, renderResource, renderGroup, renderEvent, interactions, onRangeChange, onEventClick, onEventDoubleClick, onCreateEventClick, onCreateEvent, onEventMove, onEventResize, onEventDelete, onMoreClick, virtualization, className, ...rest }: CalendarTimelineProps<TResourceMeta, TEventMeta>): react_jsx_runtime.JSX.Element;
 
 type ComboboxOption = string | {
     label: string;

package/dist/index.d.ts

@@ -1095,6 +1095,14 @@ interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> e
     defaultRowHeights?: Record<string, number>;
     /** Called when per-resource row heights change. */
     onRowHeightsChange?: (next: Record<string, number>) => void;
+    /**
+     * Auto-expand each resource row height to fit overlapping events (lanes) without collapsing into "+more".
+     * When enabled, `maxLanesPerRow` is ignored unless overridden via `autoRowHeight.maxLanesPerRow`.
+     */
+    autoRowHeight?: boolean | {
+        maxRowHeight?: number;
+        maxLanesPerRow?: number;
+    };
     /**
      * Allow resizing layout with mouse:
      * - column: drag the divider in the header
@@ -1177,7 +1185,7 @@ interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> e
     virtualization?: CalendarTimelineVirtualization;
 }
 
-declare function CalendarTimeline<TResourceMeta = unknown, TEventMeta = unknown>({ resources, events, size, enableEventSheet, eventSheetSize, renderEventSheet, selectedEventId, defaultSelectedEventId, onSelectedEventIdChange, eventSheetOpen, defaultEventSheetOpen, onEventSheetOpenChange, view, defaultView, onViewChange, date, defaultDate, onDateChange, weekStartsOn, locale, timeZone, labels, formatters, groups, groupCollapsed, defaultGroupCollapsed, onGroupCollapsedChange, resourceColumnWidth, defaultResourceColumnWidth, onResourceColumnWidthChange, minResourceColumnWidth, maxResourceColumnWidth, rowHeight, defaultRowHeight, onRowHeightChange, minRowHeight, maxRowHeight, rowHeights, defaultRowHeights, onRowHeightsChange, enableLayoutResize, slotMinWidth, dayTimeStepMinutes, dayRangeMode, workHours, maxLanesPerRow, now, renderResource, renderGroup, renderEvent, interactions, onRangeChange, onEventClick, onEventDoubleClick, onCreateEventClick, onCreateEvent, onEventMove, onEventResize, onEventDelete, onMoreClick, virtualization, className, ...rest }: CalendarTimelineProps<TResourceMeta, TEventMeta>): react_jsx_runtime.JSX.Element;
+declare function CalendarTimeline<TResourceMeta = unknown, TEventMeta = unknown>({ resources, events, size, enableEventSheet, eventSheetSize, renderEventSheet, selectedEventId, defaultSelectedEventId, onSelectedEventIdChange, eventSheetOpen, defaultEventSheetOpen, onEventSheetOpenChange, view, defaultView, onViewChange, date, defaultDate, onDateChange, weekStartsOn, locale, timeZone, labels, formatters, groups, groupCollapsed, defaultGroupCollapsed, onGroupCollapsedChange, resourceColumnWidth, defaultResourceColumnWidth, onResourceColumnWidthChange, minResourceColumnWidth, maxResourceColumnWidth, rowHeight, defaultRowHeight, onRowHeightChange, minRowHeight, maxRowHeight, rowHeights, defaultRowHeights, onRowHeightsChange, autoRowHeight, enableLayoutResize, slotMinWidth, dayTimeStepMinutes, dayRangeMode, workHours, maxLanesPerRow, now, renderResource, renderGroup, renderEvent, interactions, onRangeChange, onEventClick, onEventDoubleClick, onCreateEventClick, onCreateEvent, onEventMove, onEventResize, onEventDelete, onMoreClick, virtualization, className, ...rest }: CalendarTimelineProps<TResourceMeta, TEventMeta>): react_jsx_runtime.JSX.Element;
 
 type ComboboxOption = string | {
     label: string;

package/dist/index.js

@@ -8584,6 +8584,7 @@ function CalendarTimeline({
   rowHeights,
   defaultRowHeights,
   onRowHeightsChange,
+  autoRowHeight,
   enableLayoutResize,
   slotMinWidth,
   dayTimeStepMinutes = 60,
@@ -8636,6 +8637,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;
@@ -8823,13 +8828,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) => {
@@ -8962,10 +8997,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);
@@ -9350,10 +9381,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));
@@ -9371,7 +9402,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__ */ jsxs31(
     "div",
     {