@underverse-ui/underverse 1.0.1 → 1.0.4

package/dist/index.cjs

@@ -403,6 +403,8 @@ var Badge = ({
     "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1",
     clickable && "cursor-pointer hover:shadow-sm active:scale-95",
     pulse && "animate-pulse",
+    "relative z-0",
+    // Ensure badges stay below sticky headers (z-20, z-50)
     variantStyles[variant]
   );
   if (dot) {
@@ -8955,6 +8957,8 @@ function CalendarTimelineHeader(props) {
     newEventDisabled,
     onNewEventClick,
     activeView,
+    availableViews,
+    showResourceColumn,
     sizeConfig,
     navigate,
     now,
@@ -8966,6 +8970,12 @@ function CalendarTimelineHeader(props) {
     headerRef,
     slotHeaderNodes
   } = props;
+  const resolvedAvailableViews = React28.useMemo(
+    () => availableViews?.length ? availableViews : ["month", "week", "day"],
+    [availableViews]
+  );
+  const showViewSwitcher = resolvedAvailableViews.length > 1;
+  const showLeftColumn = showResourceColumn ?? true;
   const dt = useTranslations("DateTimePicker");
   const locale = useLocale();
   const [todayOpen, setTodayOpen] = React28.useState(false);
@@ -9150,7 +9160,7 @@ function CalendarTimelineHeader(props) {
             children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "hidden sm:inline", children: newEventLabel })
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center bg-muted/40 rounded-full p-1 gap-0.5", children: ["month", "week", "day"].map((v) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        showViewSwitcher ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center bg-muted/40 rounded-full p-1 gap-0.5", children: resolvedAvailableViews.map((v) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
           Button_default,
           {
             variant: activeView === v ? "default" : "ghost",
@@ -9167,11 +9177,11 @@ function CalendarTimelineHeader(props) {
             ]
           },
           v
-        )) })
+        )) }) : null
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex border-t border-border/20", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      showLeftColumn ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         "div",
         {
           className: "shrink-0 border-r border-border/30 bg-muted/20 flex items-center justify-center relative group/uv-ct-top-left",
@@ -9200,7 +9210,7 @@ function CalendarTimelineHeader(props) {
             ) : null
           ]
         }
-      ),
+      ) : null,
       /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { ref: headerRef, className: "flex-1 min-w-0 overflow-x-auto overflow-y-hidden scrollbar-none", children: slotHeaderNodes })
     ] })
   ] });
@@ -9683,6 +9693,7 @@ function CalendarTimeline({
   eventSheetOpen,
   defaultEventSheetOpen,
   onEventSheetOpenChange,
+  onlyView,
   view,
   defaultView = "month",
   onViewChange,
@@ -9698,6 +9709,7 @@ function CalendarTimeline({
   groupCollapsed,
   defaultGroupCollapsed,
   onGroupCollapsedChange,
+  hideResourceColumn,
   resourceColumnWidth,
   defaultResourceColumnWidth,
   onResourceColumnWidthChange,
@@ -9770,6 +9782,7 @@ function CalendarTimeline({
     },
     [isControlledEventSheetOpen, onEventSheetOpenChange, setSelectedEventId]
   );
+  const showResourceColumn = !hideResourceColumn;
   const sizeConfig = React32.useMemo(() => getSizeConfig(size), [size]);
   const densityClass = sizeConfig.densityClass;
   const eventHeight = sizeConfig.eventHeight;
@@ -9779,16 +9792,18 @@ function CalendarTimeline({
     const cfg = enableLayoutResize;
     if (!cfg) return false;
     if (isViewOnly) return false;
+    if (!showResourceColumn) return false;
     if (cfg === true) return true;
     return cfg.column !== false;
-  }, [enableLayoutResize, isViewOnly]);
+  }, [enableLayoutResize, isViewOnly, showResourceColumn]);
   const canResizeRow = React32.useMemo(() => {
     const cfg = enableLayoutResize;
     if (!cfg) return false;
     if (isViewOnly) return false;
+    if (!showResourceColumn) return false;
     if (cfg === true) return true;
     return cfg.row !== false;
-  }, [enableLayoutResize, isViewOnly]);
+  }, [enableLayoutResize, isViewOnly, showResourceColumn]);
   const isControlledResourceColumnWidth = resourceColumnWidth !== void 0;
   const [internalResourceColumnWidth, setInternalResourceColumnWidth] = React32.useState(() => {
     const init = defaultResourceColumnWidth ?? sizeConfig.resourceColumnWidth;
@@ -9799,7 +9814,7 @@ function CalendarTimeline({
     if (defaultResourceColumnWidth == null) return;
     setInternalResourceColumnWidth(defaultResourceColumnWidth);
   }, [defaultResourceColumnWidth, isControlledResourceColumnWidth]);
-  const effectiveResourceColumnWidth = isControlledResourceColumnWidth ? resourceColumnWidth : internalResourceColumnWidth;
+  const effectiveResourceColumnWidth = showResourceColumn ? isControlledResourceColumnWidth ? resourceColumnWidth : internalResourceColumnWidth : 0;
   const isControlledRowHeight = rowHeight !== void 0;
   const [internalRowHeight, setInternalRowHeight] = React32.useState(() => defaultRowHeight ?? sizeConfig.rowHeight);
   React32.useEffect(() => {
@@ -9813,9 +9828,13 @@ function CalendarTimeline({
   const colMax = maxResourceColumnWidth ?? 520;
   const rowMin = minRowHeight ?? 36;
   const rowMax = maxRowHeight ?? 120;
+  const availableViews = React32.useMemo(
+    () => onlyView ? [onlyView] : ["month", "week", "day"],
+    [onlyView]
+  );
   const isControlledView = view !== void 0;
-  const [internalView, setInternalView] = React32.useState(defaultView);
-  const activeView = isControlledView ? view : internalView;
+  const [internalView, setInternalView] = React32.useState(() => onlyView ?? defaultView);
+  const activeView = onlyView ? onlyView : isControlledView ? view : internalView;
   const isControlledDate = date !== void 0;
   const [internalDate, setInternalDate] = React32.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
   const activeDate = isControlledDate ? date : internalDate;
@@ -9844,10 +9863,11 @@ function CalendarTimeline({
   );
   const setView = React32.useCallback(
     (next) => {
+      if (onlyView) return;
       if (!isControlledView) setInternalView(next);
       onViewChange?.(next);
     },
-    [isControlledView, onViewChange]
+    [isControlledView, onViewChange, onlyView]
   );
   const setDate = React32.useCallback(
     (next) => {
@@ -9956,7 +9976,7 @@ function CalendarTimeline({
       setEventSheetOpen(false);
     }
   }, [activeEventSheetOpen, activeSelectedEventId, effectiveEnableEventSheet, selectedEvent, setEventSheetOpen]);
-  useHorizontalScrollSync({ bodyRef, headerRef, leftRef });
+  useHorizontalScrollSync({ bodyRef, headerRef, leftRef: showResourceColumn ? leftRef : void 0 });
   const virt = virtualization?.enabled;
   const overscan = virtualization?.overscan ?? 8;
   const isControlledRowHeights = rowHeights !== void 0;
@@ -10577,6 +10597,8 @@ function CalendarTimeline({
       newEventDisabled: isViewOnly || !canCreate || resources.length === 0,
       onNewEventClick: isViewOnly ? void 0 : openCreate,
       activeView,
+      availableViews,
+      showResourceColumn,
       sizeConfig,
       navigate,
       now: resolvedNow,
@@ -10614,7 +10636,7 @@ function CalendarTimeline({
       children: [
         Header,
         /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex min-h-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+          showResourceColumn ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
             "div",
             {
               ref: leftRef,
@@ -10643,7 +10665,7 @@ function CalendarTimeline({
                 /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { style: { height: bottomSpacer } })
               ]
             }
-          ),
+          ) : null,
           /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
             "div",
             {