@underverse-ui/underverse 1.0.11 → 1.0.12

package/dist/index.d.cts

@@ -1192,7 +1192,13 @@ interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> e
      * When set, `view`/`defaultView` are ignored.
      */
     onlyView?: CalendarTimelineView;
-    view?: CalendarTimelineView;
+    /**
+     * Active view (controlled) or allowed views list.
+     * - string: controls the current view
+     * - array: restricts which views are shown; the active view falls back to
+     *   `defaultView` (if included) or the first entry.
+     */
+    view?: CalendarTimelineView | CalendarTimelineView[];
     defaultView?: CalendarTimelineView;
     onViewChange?: (view: CalendarTimelineView) => void;
     /**

package/dist/index.d.ts

@@ -1192,7 +1192,13 @@ interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> e
      * When set, `view`/`defaultView` are ignored.
      */
     onlyView?: CalendarTimelineView;
-    view?: CalendarTimelineView;
+    /**
+     * Active view (controlled) or allowed views list.
+     * - string: controls the current view
+     * - array: restricts which views are shown; the active view falls back to
+     *   `defaultView` (if included) or the first entry.
+     */
+    view?: CalendarTimelineView | CalendarTimelineView[];
     defaultView?: CalendarTimelineView;
     onViewChange?: (view: CalendarTimelineView) => void;
     /**

package/dist/index.js

@@ -10770,13 +10770,28 @@ function CalendarTimeline({
   const colMax = maxResourceColumnWidth ?? 520;
   const rowMin = minRowHeight ?? 36;
   const rowMax = maxRowHeight ?? 120;
-  const availableViews = React33.useMemo(
-    () => onlyView ? [onlyView] : ["month", "week", "day", "sprint"],
-    [onlyView]
-  );
-  const isControlledView = view !== void 0;
-  const [internalView, setInternalView] = React33.useState(() => onlyView ?? defaultView);
+  const viewList = React33.useMemo(() => Array.isArray(view) ? view : void 0, [view]);
+  const availableViews = React33.useMemo(() => {
+    if (onlyView) return [onlyView];
+    if (viewList?.length) return viewList;
+    return ["month", "week", "day", "sprint"];
+  }, [onlyView, viewList]);
+  const isControlledView = view !== void 0 && !Array.isArray(view);
+  const [internalView, setInternalView] = React33.useState(() => {
+    if (onlyView) return onlyView;
+    if (viewList?.length) {
+      if (defaultView && viewList.includes(defaultView)) return defaultView;
+      return viewList[0] ?? defaultView ?? "month";
+    }
+    return defaultView ?? "month";
+  });
   const activeView = onlyView ? onlyView : isControlledView ? view : internalView;
+  React33.useEffect(() => {
+    if (onlyView || isControlledView) return;
+    if (!availableViews.includes(internalView)) {
+      setInternalView(availableViews[0] ?? "month");
+    }
+  }, [availableViews, internalView, isControlledView, onlyView]);
   const effectiveSlotMinWidth = React33.useMemo(() => {
     if (slotMinWidth == null) {
       if (activeView === "month" && monthEventStyle === "compact") {
@@ -10818,10 +10833,11 @@ function CalendarTimeline({
   const setView = React33.useCallback(
     (next) => {
       if (onlyView) return;
+      if (!availableViews.includes(next)) return;
       if (!isControlledView) setInternalView(next);
       onViewChange?.(next);
     },
-    [isControlledView, onViewChange, onlyView]
+    [availableViews, isControlledView, onViewChange, onlyView]
   );
   const setDate = React33.useCallback(
     (next) => {