Event Calendar

1"use client";
2 
3import { forwardRef } from "react";
4import { useCalendar } from "./hooks/use-calendar-context";
5import { useCalendarEditOptional } from "./hooks/use-calendar-edit-extension";
6import { EventCalendarRoot } from "./parts/calendar-root";
7import { CalendarToolbar } from "./parts/calendar-toolbar";
8import { CalendarMiniNav } from "./parts/calendar-mini-nav";
9import { CalendarMonthView } from "./parts/calendar-month-view";
10import { CalendarWeekView } from "./parts/calendar-week-view";
11import { CalendarDayView } from "./parts/calendar-day-view";
12import { CalendarAgendaView } from "./parts/calendar-agenda-view";
13import { CalendarEventInspector } from "./parts/calendar-event-inspector";
14import type { CalendarHandle, CalendarProps } from "./types";
15 
16/** Renders the active view (must live inside the Root to read context). */
17function ActiveView() {
18  const { view, availableViews } = useCalendar();
19  const v = availableViews.includes(view) ? view : availableViews[0];
20  switch (v) {
21    case "week":
22      return <CalendarWeekView />;
23    case "day":
24      return <CalendarDayView />;
25    case "agenda":
26      return <CalendarAgendaView />;
27    case "month":
28    default:
29      return <CalendarMonthView />;
30  }
31}
32 
33/**
34 * Renders the quick-composer / rename field / detail-editor overlays — but
35 * ONLY when the editing extension is wired (`useCalendarEditOptional()` is
36 * non-null). A tiny inner component so it can read that context itself
37 * (must live inside the Root, same as `ActiveView`); the assembly never
38 * statically imports any of these — they resolve through `edit.components`.
39 */
40function EditOverlaysSlot({ showInspector }: { showInspector: boolean }) {
41  const edit = useCalendarEditOptional();
42  if (!edit) return null;
43  return (
44    <>
45      <edit.components.QuickComposer />
46      {/* Inline rename popup (the inspector never hosted rename). */}
47      <edit.components.RenameField />
48      {/* Detail editor — only when the inspector isn't mounted (it hosts the
49          editor inline; mounting both would double-render on `editingId`). */}
50      {showInspector ? null : <edit.components.EditOverlays />}
51    </>
52  );
53}
54 
55/**
56 * Calendar 01 — batteries-included assembly (Tier A). Root + toolbar + optional
57 * mini-nav + the active view, gated by `show*` toggles. Contains no logic the
58 * parts lack; hand-assemble `EventCalendarRoot` + the parts you want for a lighter
59 * build.
60 */
61// … truncated