@arbidocs/blocks 0.4.129 → 0.4.131

package/dist/calendar/index.d.ts

@@ -28,3 +28,7 @@ export { formatReminder, splitReminderMinutes, reminderToMinutes, REMINDER_PRESE
 export { ARBI_WEBINAR_LABEL, attendeeKey, isWebinarConference, isAllDayDraft, allDayInclusiveEnd, draftFromSlot, draftRangeUtc, setDraftAllDay, setDraftEnd, setDraftStart, specDate, specTime, validateDraft, type DraftError, } from './draft';
 export { addDays, addMonths, convertWall, detectTimeZone, diffDays, formatInZone, formatPlainDate, isValidTimeZone, listTimeZones, safeZone, startOfWeek, todayInZone, utcToDate, utcToTime, utcToWall, wallToUtc, zoneCity, zoneOffsetLabel, zoneOffsetMinutes, } from './zone';
 export { CALENDAR_COLORS, contrastText } from './colors';
+export { CalendarPrint, type CalendarPrintProps, type PrintCalendarInfo } from './CalendarPrint';
+export { printCalendar } from './printCalendar';
+export { printRange, eventDays, eventsByDay, type CalendarEvent as PrintableCalendarEvent, type PrintView, } from './print-layout';
+export { formatSlotTime, formatDayLabel, groupSlotsByDay, formatSlotRange, zoneOptions, type SlotView, type SlotDay, } from './booking-slots';

package/dist/calendar/index.js

@@ -1,6 +1,6 @@
 "use client";
-import { safeZone, isValidTimeZone, utcToDate, addDays, convertWall, utcToTime, zoneOffsetLabel, formatInZone, zoneCity, todayInZone, startOfWeek, formatPlainDate, addMonths, isoWeekNumber, diffDays, utcToWall, listTimeZones, zoneOffsetMinutes, wallToEpochMs, wallArrayOffset, epochToWallArray, wallToUtc } from '../chunk-TGJNPKST.js';
-export { addDays, addMonths, convertWall, detectTimeZone, diffDays, formatInZone, formatPlainDate, isValidTimeZone, listTimeZones, safeZone, startOfWeek, todayInZone, utcToDate, utcToTime, utcToWall, wallToUtc, zoneCity, zoneOffsetLabel, zoneOffsetMinutes } from '../chunk-TGJNPKST.js';
+import { safeZone, isValidTimeZone, utcToDate, addDays, convertWall, utcToTime, zoneOffsetLabel, formatInZone, zoneCity, todayInZone, startOfWeek, formatPlainDate, addMonths, isoWeekNumber, diffDays, utcToWall, listTimeZones, zoneOffsetMinutes, wallToEpochMs, dayOfWeekSun0, detectTimeZone, wallArrayOffset, epochToWallArray, wallToUtc } from '../chunk-GTCC2VAR.js';
+export { addDays, addMonths, convertWall, detectTimeZone, diffDays, formatInZone, formatPlainDate, isValidTimeZone, listTimeZones, safeZone, startOfWeek, todayInZone, utcToDate, utcToTime, utcToWall, wallToUtc, zoneCity, zoneOffsetLabel, zoneOffsetMinutes } from '../chunk-GTCC2VAR.js';
 import '../chunk-VUNV25KB.js';
 import { forwardRef, useMemo, useRef, useState, useCallback, useEffect, useId } from 'react';
 import FullCalendar from '@fullcalendar/react';
@@ -15,6 +15,8 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPlugin } from '@fullcalendar/core';
 import { NamedTimeZoneImpl } from '@fullcalendar/core/internal';
 import { Temporal } from 'temporal-polyfill';
+import { flushSync } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 // src/calendar/labels.ts
 var CALENDAR_DEFAULT_LABELS = {
@@ -3953,6 +3955,278 @@ function CalendarSettingsForm({
   );
 }
 
-export { ARBI_WEBINAR_LABEL, CALENDAR_COLORS, CALENDAR_DEFAULT_LABELS, CALENDAR_NARROW_WIDTH, CalendarGrid, CalendarList, CalendarSettingsForm, DEFAULT_RECURRENCE_DESCRIBE_LABELS, DEFAULT_RECURRENCE_EDITOR_LABELS, DEFAULT_REMINDER_FORMAT_LABELS, EventDetails, EventEditor, MiniMonth, REMINDER_PRESETS, RRULE_WEEKDAYS, RecurrenceEditor, RoomFinder, SchedulingAssistant, ScopeDialog, TimeZonePicker, allDayInclusiveEnd, attendeeKey, buildRRule, contrastText, dayWindow, defaultRecurrenceForm, describeRecurrence, draftFromSlot, draftRangeUtc, effectiveCalendarView, eventStateClasses, formatEventWhen, formatReminder, formatZoneLabel, getTemporalTimeZonePlugin, hourTicks, isAllDayDraft, isWebinarConference, outsideIntervals, parseRRule, placeIntervals, reminderToMinutes, setDraftAllDay, setDraftEnd, setDraftStart, setPosOf, specDate, specTime, splitReminderMinutes, toBusinessHours, validateDraft, weekdayOf, workWeekHiddenDays };
+// src/calendar/print-layout.ts
+function printRange(view, date, weekStart = 1, agendaDays = 30) {
+  if (view === "day") return { from: date, to: addDays(date, 1) };
+  if (view === "agenda") return { from: date, to: addDays(date, agendaDays) };
+  if (view === "week") {
+    const from2 = startOfWeek(date, weekStart);
+    return { from: from2, to: addDays(from2, 7) };
+  }
+  const first = `${date.slice(0, 8)}01`;
+  const from = startOfWeek(first, weekStart);
+  const nextMonth = addMonths(first, 1);
+  const lead = (dayOfWeekSun0(nextMonth) - weekStart + 7) % 7;
+  const to = lead === 0 ? nextMonth : addDays(nextMonth, 7 - lead);
+  return { from, to };
+}
+function eachDay(from, to) {
+  const out = [];
+  for (let d = from; d < to; d = addDays(d, 1)) out.push(d);
+  return out;
+}
+function eventDays(e, zone) {
+  if (e.all_day) {
+    const start = e.start.date ?? utcToDate(e.start_utc, "UTC");
+    const endExcl = e.end.date ?? addDays(start, 1);
+    return eachDay(start, endExcl > start ? endExcl : addDays(start, 1));
+  }
+  const startDay = utcToDate(e.start_utc, zone);
+  const lastInstant = new Date(
+    Math.max(new Date(e.start_utc).getTime(), new Date(e.end_utc).getTime() - 1)
+  );
+  const endDay = utcToDate(lastInstant, zone);
+  return eachDay(startDay, addDays(endDay, 1));
+}
+function timeLabel(e, day, zone) {
+  if (e.all_day) return "All day";
+  const fmt = new Intl.DateTimeFormat(void 0, {
+    timeZone: zone,
+    hour: "numeric",
+    minute: "2-digit"
+  });
+  const sDay = utcToDate(e.start_utc, zone);
+  const eDay = utcToDate(new Date(new Date(e.end_utc).getTime() - 1), zone);
+  const s = sDay === day ? fmt.format(new Date(e.start_utc)) : "\u2026";
+  const en = eDay === day ? fmt.format(new Date(e.end_utc)) : "\u2026";
+  return `${s} \u2013 ${en}`;
+}
+function eventsByDay(events, zone, from, to) {
+  const map = /* @__PURE__ */ new Map();
+  for (const e of events) {
+    for (const d of eventDays(e, zone)) {
+      if (d < from || d >= to) continue;
+      const list = map.get(d) ?? [];
+      list.push(e);
+      map.set(d, list);
+    }
+  }
+  for (const list of map.values())
+    list.sort(
+      (a, b) => Number(b.all_day) - Number(a.all_day) || new Date(a.start_utc).getTime() - new Date(b.start_utc).getTime() || a.title.localeCompare(b.title)
+    );
+  return map;
+}
+function heading(view, date, from, to) {
+  const last = addDays(to, -1);
+  if (view === "day")
+    return formatPlainDate(from, {
+      weekday: "long",
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    });
+  if (view === "month")
+    return formatPlainDate(`${date.slice(0, 7)}-15`, { year: "numeric", month: "long" });
+  const opts = { year: "numeric", month: "short", day: "numeric" };
+  return `${formatPlainDate(from, opts)} \u2013 ${formatPlainDate(last, opts)}`;
+}
+var STYLE = `
+.arbi-calendar-print { color: #111; background: #fff; font: 12px/1.4 system-ui, -apple-system, 'Segoe UI', sans-serif; }
+.arbi-calendar-print h1 { font-size: 18px; margin: 0 0 8px; }
+.arbi-calendar-print .acp-zone { color: #555; font-size: 11px; margin-bottom: 12px; }
+.arbi-calendar-print table { border-collapse: collapse; width: 100%; table-layout: fixed; }
+.arbi-calendar-print th, .arbi-calendar-print td { border: 1px solid #bbb; padding: 4px; vertical-align: top; text-align: left; }
+.arbi-calendar-print th { background: #f3f3f3; font-weight: 600; }
+.arbi-calendar-print .acp-day { break-inside: avoid; margin-bottom: 10px; }
+.arbi-calendar-print .acp-day h2 { font-size: 13px; margin: 0 0 4px; border-bottom: 1px solid #bbb; padding-bottom: 2px; }
+.arbi-calendar-print .acp-ev { display: flex; gap: 6px; margin: 2px 0; break-inside: avoid; }
+.arbi-calendar-print .acp-time { flex: 0 0 auto; min-width: 92px; color: #333; font-variant-numeric: tabular-nums; }
+.arbi-calendar-print .acp-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 4px; vertical-align: middle; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
+.arbi-calendar-print .acp-meta { color: #555; font-size: 11px; white-space: pre-line; }
+.arbi-calendar-print .acp-muted { color: #888; }
+.arbi-calendar-print .acp-cancelled { text-decoration: line-through; color: #888; }
+.arbi-calendar-print .acp-month td { height: 90px; }
+.arbi-calendar-print .acp-month .acp-out { color: #aaa; }
+.arbi-calendar-print .acp-cell-ev { font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+@media screen { .arbi-calendar-print[data-screen-hidden='true'] { display: none; } }
+@media print {
+  @page { margin: 12mm; }
+  body.arbi-printing-calendar > *:not(.arbi-calendar-print-host) { display: none !important; }
+  body.arbi-printing-calendar .arbi-calendar-print-host { display: block !important; }
+  body.arbi-printing-calendar .arbi-calendar-print { display: block !important; }
+}
+`;
+function CalendarPrint({
+  events,
+  view,
+  date,
+  timeZone,
+  weekStart = 1,
+  agendaDays = 30,
+  title,
+  calendars,
+  screenHidden = false,
+  showDetails = true
+}) {
+  const zone = safeZone(timeZone, detectTimeZone());
+  const { from, to } = printRange(view, date, weekStart, agendaDays);
+  const byDay = eventsByDay(events, zone, from, to);
+  const color = (e) => e.color || calendars?.find((c) => c.id === e.calendar_id)?.color || "#3b82f6";
+  const label = (e) => e.restricted && !e.title ? "Busy" : e.title || "(no title)";
+  const evLine = (e, day, details) => /* @__PURE__ */ jsxs("div", { className: "acp-ev", "data-testid": "calendar-print-event", children: [
+    /* @__PURE__ */ jsx("span", { className: "acp-time", children: timeLabel(e, day, zone) }),
+    /* @__PURE__ */ jsxs("span", { children: [
+      /* @__PURE__ */ jsx("span", { className: "acp-dot", style: { background: color(e) } }),
+      /* @__PURE__ */ jsx("span", { className: e.status === "cancelled" ? "acp-cancelled" : void 0, children: label(e) }),
+      details && e.location && /* @__PURE__ */ jsx("div", { className: "acp-meta", children: e.location }),
+      details && e.description && /* @__PURE__ */ jsx("div", { className: "acp-meta", children: e.description.slice(0, 500) })
+    ] })
+  ] }, `${e.instance_id}-${day}`);
+  let body;
+  if (view === "agenda" || view === "day") {
+    const days = view === "day" ? [from] : eachDay(from, to).filter((d) => byDay.has(d));
+    body = days.length ? days.map((d) => /* @__PURE__ */ jsxs("section", { className: "acp-day", children: [
+      /* @__PURE__ */ jsx("h2", { children: formatPlainDate(d, { weekday: "long", month: "long", day: "numeric" }) }),
+      (byDay.get(d) ?? []).map((e) => evLine(e, d, showDetails)),
+      !byDay.get(d)?.length && /* @__PURE__ */ jsx("div", { className: "acp-muted", children: "No events" })
+    ] }, d)) : /* @__PURE__ */ jsx("p", { className: "acp-muted", children: "No events" });
+  } else if (view === "week") {
+    const days = eachDay(from, to);
+    body = /* @__PURE__ */ jsxs("table", { children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: days.map((d) => /* @__PURE__ */ jsx("th", { children: formatPlainDate(d, { weekday: "short", day: "numeric", month: "short" }) }, d)) }) }),
+      /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: days.map((d) => /* @__PURE__ */ jsx("td", { style: { height: 480 }, children: (byDay.get(d) ?? []).map((e) => evLine(e, d, false)) }, d)) }) })
+    ] });
+  } else {
+    const days = eachDay(from, to);
+    const weeks = [];
+    for (let i = 0; i < days.length; i += 7) weeks.push(days.slice(i, i + 7));
+    const month = date.slice(0, 7);
+    body = /* @__PURE__ */ jsxs("table", { className: "acp-month", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: weeks[0].map((d) => /* @__PURE__ */ jsx("th", { children: formatPlainDate(d, { weekday: "short" }) }, d)) }) }),
+      /* @__PURE__ */ jsx("tbody", { children: weeks.map((w) => /* @__PURE__ */ jsx("tr", { children: w.map((d) => /* @__PURE__ */ jsxs("td", { className: d.slice(0, 7) === month ? void 0 : "acp-out", children: [
+        /* @__PURE__ */ jsx("div", { children: Number(d.slice(8)) }),
+        (byDay.get(d) ?? []).slice(0, 6).map((e) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "acp-cell-ev",
+            "data-testid": "calendar-print-event",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "acp-dot", style: { background: color(e) } }),
+              !e.all_day && `${timeLabel(e, d, zone).split(" \u2013 ")[0]} `,
+              label(e)
+            ]
+          },
+          `${e.instance_id}-${d}`
+        )),
+        (byDay.get(d)?.length ?? 0) > 6 && /* @__PURE__ */ jsxs("div", { className: "acp-cell-ev acp-muted", children: [
+          "+",
+          (byDay.get(d)?.length ?? 0) - 6,
+          " more"
+        ] })
+      ] }, d)) }, w[0])) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "arbi-calendar-print",
+      "data-screen-hidden": screenHidden ? "true" : "false",
+      "data-testid": "calendar-print",
+      children: [
+        /* @__PURE__ */ jsx("style", { children: STYLE }),
+        /* @__PURE__ */ jsx("h1", { children: title ?? heading(view, date, from, to) }),
+        /* @__PURE__ */ jsxs("div", { className: "acp-zone", children: [
+          "Times in ",
+          zone.replace(/_/g, " ")
+        ] }),
+        body
+      ]
+    }
+  );
+}
+function printCalendar(props) {
+  const host = document.createElement("div");
+  host.className = "arbi-calendar-print-host";
+  host.style.display = "none";
+  document.body.appendChild(host);
+  let unmount = null;
+  if (props) {
+    const root = createRoot(host);
+    flushSync(() => root.render(/* @__PURE__ */ jsx(CalendarPrint, { ...props, screenHidden: false })));
+    unmount = () => root.unmount();
+  } else {
+    const existing = document.querySelector(".arbi-calendar-print");
+    if (!existing) {
+      host.remove();
+      return;
+    }
+    const clone = existing.cloneNode(true);
+    clone.setAttribute("data-screen-hidden", "false");
+    host.appendChild(clone);
+  }
+  document.body.classList.add("arbi-printing-calendar");
+  let done = false;
+  const cleanup = () => {
+    if (done) return;
+    done = true;
+    window.removeEventListener("afterprint", cleanup);
+    document.body.classList.remove("arbi-printing-calendar");
+    unmount?.();
+    host.remove();
+  };
+  window.addEventListener("afterprint", cleanup);
+  try {
+    window.print();
+  } finally {
+    if (!("onafterprint" in window)) setTimeout(cleanup, 1e3);
+  }
+}
+
+// src/calendar/booking-slots.ts
+function formatSlotTime(instant, zone, locale) {
+  return formatInZone(instant, zone, { hour: "numeric", minute: "2-digit" }, locale);
+}
+function formatDayLabel(date, locale) {
+  return formatPlainDate(date, { weekday: "long", month: "long", day: "numeric" }, locale);
+}
+function groupSlotsByDay(slots, zone, locale) {
+  const tz = safeZone(zone, detectTimeZone());
+  const byDay = /* @__PURE__ */ new Map();
+  const sorted = [...slots].sort((a, b) => new Date(a).getTime() - new Date(b).getTime());
+  for (const start of sorted) {
+    const date = utcToDate(start, tz);
+    const list = byDay.get(date) ?? [];
+    list.push({ start, label: formatSlotTime(start, tz, locale) });
+    byDay.set(date, list);
+  }
+  return [...byDay.entries()].map(([date, list]) => ({
+    date,
+    label: formatDayLabel(date, locale),
+    slots: list
+  }));
+}
+function formatSlotRange(start, end, zone, locale) {
+  const tz = safeZone(zone, detectTimeZone());
+  const fmt = new Intl.DateTimeFormat(locale, {
+    timeZone: tz,
+    weekday: "long",
+    month: "long",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+  const s = new Date(start);
+  const e = new Date(end);
+  const range = fmt.formatRange;
+  const text = range ? range.call(fmt, s, e) : `${fmt.format(s)} \u2013 ${formatSlotTime(end, tz, locale)}`;
+  return `${text} (${tz.replace(/_/g, " ")})`;
+}
+function zoneOptions(current) {
+  const zones = listTimeZones();
+  return zones.includes(current) ? zones : [current, ...zones];
+}
+
+export { ARBI_WEBINAR_LABEL, CALENDAR_COLORS, CALENDAR_DEFAULT_LABELS, CALENDAR_NARROW_WIDTH, CalendarGrid, CalendarList, CalendarPrint, CalendarSettingsForm, DEFAULT_RECURRENCE_DESCRIBE_LABELS, DEFAULT_RECURRENCE_EDITOR_LABELS, DEFAULT_REMINDER_FORMAT_LABELS, EventDetails, EventEditor, MiniMonth, REMINDER_PRESETS, RRULE_WEEKDAYS, RecurrenceEditor, RoomFinder, SchedulingAssistant, ScopeDialog, TimeZonePicker, allDayInclusiveEnd, attendeeKey, buildRRule, contrastText, dayWindow, defaultRecurrenceForm, describeRecurrence, draftFromSlot, draftRangeUtc, effectiveCalendarView, eventDays, eventStateClasses, eventsByDay, formatDayLabel, formatEventWhen, formatReminder, formatSlotRange, formatSlotTime, formatZoneLabel, getTemporalTimeZonePlugin, groupSlotsByDay, hourTicks, isAllDayDraft, isWebinarConference, outsideIntervals, parseRRule, placeIntervals, printCalendar, printRange, reminderToMinutes, setDraftAllDay, setDraftEnd, setDraftStart, setPosOf, specDate, specTime, splitReminderMinutes, toBusinessHours, validateDraft, weekdayOf, workWeekHiddenDays, zoneOptions };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map