@underverse-ui/underverse 1.0.11 → 1.0.13

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) => {
@@ -13766,8 +13782,8 @@ function CategoryTreeSelect(props) {
   };
   const renderSearch = () => {
     if (!isSearchEnabled) return null;
-    return /* @__PURE__ */ jsx44("div", { className: "sticky top-0 z-10 border-b border-border/30 bg-popover/85 backdrop-blur-xl px-2.5 py-2.5", children: /* @__PURE__ */ jsxs39("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx44(Search5, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground/60 transition-colors peer-focus:text-primary" }),
+    return /* @__PURE__ */ jsx44("div", { className: "sticky top-0 z-10 bg-popover/85 backdrop-blur-xl pb-2", children: /* @__PURE__ */ jsxs39("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx44(Search5, { className: "absolute left-3.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground/60 transition-colors peer-focus:text-primary" }),
       /* @__PURE__ */ jsx44(
         "input",
         {
@@ -13776,8 +13792,8 @@ function CategoryTreeSelect(props) {
           onChange: (e) => setQuery(e.target.value),
           placeholder: mergedLabels.searchPlaceholder,
           className: cn(
-            "peer w-full rounded-full bg-muted/40 py-2.5 pl-9 pr-9 text-sm",
-            "border border-transparent",
+            "peer w-full rounded-full bg-muted/40 py-2.5 pl-10 pr-10 text-sm",
+            "border border-border/30",
             "focus:outline-none focus:bg-background focus:border-primary/30 focus:ring-2 focus:ring-primary/10",
             "transition-all duration-200",
             "placeholder:text-muted-foreground/50"