react-os-shell 1.2.0 → 1.4.0

package/dist/index.js

@@ -4,18 +4,18 @@ import { subscribePomo, getPomoSnapshot } from './chunk-5X5LQNOX.js';
 export { setShellTodoProvider } from './chunk-5X5LQNOX.js';
 import { useShellPrefs } from './chunk-36VM54SC.js';
 export { ShellPrefsProvider, useLocalStoragePrefs, useShellPrefs } from './chunk-36VM54SC.js';
-import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-6IQJSIAR.js';
-export { Breadcrumbs } from './chunk-6IQJSIAR.js';
+import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-HBJUIVN3.js';
+export { Breadcrumbs } from './chunk-HBJUIVN3.js';
 import { SidebarLayout } from './chunk-VGTEM5RZ.js';
 export { SidebarLayout } from './chunk-VGTEM5RZ.js';
 import { playNotification, playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, setSoundForType, previewSound, setAllSounds, playLogout } from './chunk-D7PYW2QS.js';
-import { setPdfPreview } from './chunk-LAAGWPMR.js';
+import { setPdfPreview } from './chunk-CJH5U3BW.js';
 import './chunk-KUIPWCTJ.js';
 import { toast_default } from './chunk-WIJ45SYD.js';
 export { toast_default as toast } from './chunk-WIJ45SYD.js';
-export { EditableGrid } from './chunk-BPPG7CVR.js';
-import { APP_VERSION } from './chunk-2YSJRDKZ.js';
-export { VERSION } from './chunk-2YSJRDKZ.js';
+export { EditableGrid } from './chunk-T6TOGZ2V.js';
+import { APP_VERSION } from './chunk-EUP5PCNL.js';
+export { VERSION } from './chunk-EUP5PCNL.js';
 import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, WINDOW_REGISTRY, isPageEntry, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, setWindowPosition, ThumbCard, activateModal } from './chunk-GWVVILYQ.js';
 export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-GWVVILYQ.js';
 import { confirm } from './chunk-UBN4IUDE.js';
@@ -4487,7 +4487,7 @@ function TaskbarPomodoro() {
     }
   );
 }
-function TaskbarClock() {
+function TaskbarClock({ clockCalendar }) {
   const [now, setNow] = useState(/* @__PURE__ */ new Date());
   const [open, setOpen] = useState(false);
   const ref = useRef(null);
@@ -4510,12 +4510,16 @@ function TaskbarClock() {
       const rect = buttonRef.current?.getBoundingClientRect();
       const right = rect ? Math.max(8, window.innerWidth - rect.right) : 8;
       const posStyle = taskbarPos === "top" ? { right, top: (rect?.bottom ?? 0) + 4 } : { right, bottom: window.innerHeight - (rect?.top ?? 0) + 4 };
-      return /* @__PURE__ */ jsx("div", { className: "fixed z-[300] rounded-lg border border-gray-200 bg-white shadow-xl", style: posStyle, children: /* @__PURE__ */ jsx(CalendarPopup, { now }) });
+      return /* @__PURE__ */ jsx("div", { className: "fixed z-[300] rounded-lg border border-gray-200 bg-white shadow-xl", style: posStyle, children: /* @__PURE__ */ jsx(CalendarPopup, { now, config: clockCalendar, close: () => setOpen(false) }) });
     })()
   ] });
 }
-function CalendarPopup({ now }) {
+var toISODate = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+function CalendarPopup({ now, config, close }) {
   const [month, setMonth] = useState(() => new Date(now.getFullYear(), now.getMonth(), 1));
+  const [selected, setSelected] = useState(() => toISODate(now));
+  const interactive = !!config?.renderDay;
+  const markedSet = useMemo(() => new Set(config?.markedDates ?? []), [config?.markedDates]);
   const monthLabel = month.toLocaleDateString(void 0, { month: "long", year: "numeric" });
   const fullDate = now.toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric" });
   const fullTime = now.toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" });
@@ -4540,7 +4544,7 @@ function CalendarPopup({ now }) {
   const goPrev = () => setMonth((m) => new Date(m.getFullYear(), m.getMonth() - 1, 1));
   const goNext = () => setMonth((m) => new Date(m.getFullYear(), m.getMonth() + 1, 1));
   const goToday = () => setMonth(new Date(today.getFullYear(), today.getMonth(), 1));
-  return /* @__PURE__ */ jsxs("div", { className: "w-[260px] p-3", children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${interactive ? "w-[300px]" : "w-[260px]"} p-3`, children: [
     /* @__PURE__ */ jsxs("div", { className: "px-1 pb-2.5 border-b border-gray-100", children: [
       /* @__PURE__ */ jsx("div", { className: "text-[11px] font-semibold text-gray-500 uppercase tracking-wide", children: fullDate }),
       /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold text-gray-800 tabular-nums leading-tight mt-0.5", children: fullTime })
@@ -4553,15 +4557,41 @@ function CalendarPopup({ now }) {
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 mb-1 text-[10px] font-semibold text-gray-400 text-center uppercase tracking-wide", children: ["S", "M", "T", "W", "T", "F", "S"].map((d, i) => /* @__PURE__ */ jsx("div", { className: "py-1", children: d }, i)) }),
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-px text-center", children: cells.map((cell, i) => {
       const todayCell = cell.thisMonth && isToday(cell.date);
-      return /* @__PURE__ */ jsx(
-        "div",
+      const iso = toISODate(cell.date);
+      const isSelected = interactive && selected === iso;
+      const look = isSelected ? "bg-blue-500 text-white font-semibold" : todayCell ? interactive ? "text-blue-600 font-bold hover:bg-gray-100" : "bg-blue-500 text-white font-semibold" : cell.thisMonth ? "text-gray-700 hover:bg-gray-100" : interactive ? "text-gray-300 hover:bg-gray-100" : "text-gray-300";
+      const dayClass = `relative text-[12px] py-1.5 rounded-md transition-colors ${look}`;
+      const dot = markedSet.has(iso) && /* @__PURE__ */ jsx(
+        "span",
         {
-          className: `text-[12px] py-1.5 rounded-md transition-colors ${todayCell ? "bg-blue-500 text-white font-semibold" : cell.thisMonth ? "text-gray-700 hover:bg-gray-100" : "text-gray-300"}`,
-          children: cell.day
+          className: `absolute bottom-[3px] left-1/2 -translate-x-1/2 h-1 w-1 rounded-full ${isSelected ? "bg-white" : cell.thisMonth ? "bg-blue-500" : "bg-gray-300"}`
+        }
+      );
+      if (!interactive) {
+        return /* @__PURE__ */ jsxs("div", { className: dayClass, children: [
+          cell.day,
+          dot
+        ] }, i);
+      }
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => {
+            setSelected(iso);
+            if (!cell.thisMonth) setMonth(new Date(cell.date.getFullYear(), cell.date.getMonth(), 1));
+          },
+          "aria-label": cell.date.toLocaleDateString(void 0, { weekday: "long", year: "numeric", month: "long", day: "numeric" }),
+          "aria-pressed": isSelected,
+          className: `cursor-pointer ${dayClass}`,
+          children: [
+            cell.day,
+            dot
+          ]
         },
         i
       );
-    }) })
+    }) }),
+    config?.renderDay && /* @__PURE__ */ jsx("div", { className: "mt-2.5 max-h-[280px] overflow-y-auto border-t border-gray-100 pt-2", children: config.renderDay(selected, { close }) }, selected)
   ] });
 }
 function TaskbarContextMenu({ x, y, position, size, onChangePosition, onChangeSize, onClose, onReportBug }) {
@@ -4629,7 +4659,8 @@ function Layout({
   categories = startMenuCategories,
   notifications,
   search,
-  taskbarTrayLeft
+  taskbarTrayLeft,
+  clockCalendar
 } = {}) {
   const bugReport = useBugReport();
   const { user, logout, hasAnyPerm } = useAuth();
@@ -4953,7 +4984,7 @@ function Layout({
               isVerticalTaskbar ? (
                 /* Vertical: clock + bell evenly spaced */
                 /* @__PURE__ */ jsx("div", { className: "w-full px-2", children: /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-center gap-2 ${taskbarPosition === "right" ? "flex-row-reverse" : ""}`, children: [
-                  /* @__PURE__ */ jsx(TaskbarClock, {}),
+                  /* @__PURE__ */ jsx(TaskbarClock, { clockCalendar }),
                   /* @__PURE__ */ jsx(TaskbarPomodoro, {}),
                   taskbarTrayLeft,
                   notifications && /* @__PURE__ */ jsx(NotificationBell, { ...notifications, popDirection: taskbarPosition === "right" ? "left" : "right" })
@@ -4964,7 +4995,7 @@ function Layout({
                   /* @__PURE__ */ jsx(TaskbarPomodoro, {}),
                   taskbarTrayLeft,
                   notifications && /* @__PURE__ */ jsx(NotificationBell, { ...notifications }),
-                  /* @__PURE__ */ jsx(TaskbarClock, {})
+                  /* @__PURE__ */ jsx(TaskbarClock, { clockCalendar })
                 ] })
               )
             ]