kalendly 0.1.0

package/dist/react/index.mjs

@@ -0,0 +1,516 @@
+// src/react/components/Calendar.tsx
+import { useEffect, useState, useCallback, useMemo } from "react";
+
+// src/core/utils.ts
+var MONTHS = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+var DAYS = [
+  "Sunday",
+  "Monday",
+  "Tuesday",
+  "Wednesday",
+  "Thursday",
+  "Friday",
+  "Saturday"
+];
+function normalizeDate(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);
+}
+function isSameDay(date1, date2) {
+  return normalizeDate(date1).getTime() === normalizeDate(date2).getTime();
+}
+function isToday(date) {
+  return isSameDay(date, /* @__PURE__ */ new Date());
+}
+function generateYears(minYear, maxYear) {
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const min = minYear ?? currentYear - 30;
+  const max = maxYear ?? currentYear + 10;
+  return Array.from({ length: max - min + 1 }, (_, i) => min + i);
+}
+function getEventsForDate(events, date) {
+  const normalizedTargetDate = normalizeDate(date);
+  return events.filter((event) => {
+    const eventDate = normalizeDate(new Date(event.date));
+    return eventDate.getTime() === normalizedTargetDate.getTime();
+  });
+}
+function hasEvents(events, date) {
+  return getEventsForDate(events, date).length > 0;
+}
+function generateCalendarDates(year, month, events = [], weekStartsOn = 0) {
+  const firstDay = new Date(year, month, 1);
+  const lastDay = new Date(year, month + 1, 0);
+  const daysInMonth = lastDay.getDate();
+  let firstDayOfWeek = firstDay.getDay();
+  if (weekStartsOn === 1) {
+    firstDayOfWeek = firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;
+  }
+  const dates = [];
+  let day = 1;
+  for (let week = 0; week < 6; week++) {
+    const weekDates = [];
+    for (let dayOfWeek = 0; dayOfWeek < 7; dayOfWeek++) {
+      if (week === 0 && dayOfWeek < firstDayOfWeek) {
+        weekDates.push(null);
+      } else if (day > daysInMonth) {
+        weekDates.push(null);
+      } else {
+        const currentDate = new Date(year, month, day);
+        const dateEvents = getEventsForDate(events, currentDate);
+        weekDates.push({
+          date: currentDate,
+          isCurrentMonth: true,
+          isToday: isToday(currentDate),
+          hasEvents: dateEvents.length > 0,
+          events: dateEvents
+        });
+        day++;
+      }
+    }
+    dates.push(weekDates);
+    if (day > daysInMonth && weekDates.every((date) => date === null)) {
+      break;
+    }
+  }
+  return dates;
+}
+function getPopupPositionClass(selectedDayIndex) {
+  if (selectedDayIndex === null) return "popup-center-bottom";
+  if (selectedDayIndex < 3) {
+    return "popup-right";
+  } else if (selectedDayIndex > 4) {
+    return "popup-left";
+  } else {
+    return "popup-center-bottom";
+  }
+}
+function getCellClasses(calendarDate) {
+  if (!calendarDate) return [];
+  const classes = [];
+  if (calendarDate.isToday) {
+    classes.push("schedule--current--exam");
+  }
+  if (calendarDate.hasEvents) {
+    classes.push("has--event");
+  }
+  return classes;
+}
+function formatDateForDisplay(date) {
+  return `${DAYS[date.getDay()]} ${date.getDate()}`;
+}
+function getMonthYearText(year, month) {
+  return `${MONTHS[month]} ${year}`;
+}
+
+// src/core/calendar-engine.ts
+var CalendarEngine = class {
+  constructor(config) {
+    this.listeners = /* @__PURE__ */ new Set();
+    this.config = config;
+    const initialDate = config.initialDate || /* @__PURE__ */ new Date();
+    this.state = {
+      currentYear: initialDate.getFullYear(),
+      currentMonth: initialDate.getMonth(),
+      currentDate: initialDate.getDate(),
+      selectedDate: null,
+      selectedDayIndex: null,
+      tasks: []
+    };
+  }
+  /**
+   * Subscribe to state changes
+   */
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => this.listeners.delete(listener);
+  }
+  /**
+   * Notify all listeners of state changes
+   */
+  notify() {
+    this.listeners.forEach((listener) => listener());
+  }
+  /**
+   * Get current state
+   */
+  getState() {
+    return { ...this.state };
+  }
+  /**
+   * Get view model with computed properties
+   */
+  getViewModel() {
+    const calendarDates = generateCalendarDates(
+      this.state.currentYear,
+      this.state.currentMonth,
+      this.config.events,
+      this.config.weekStartsOn
+    );
+    return {
+      ...this.state,
+      months: MONTHS,
+      days: DAYS,
+      years: generateYears(this.config.minYear, this.config.maxYear),
+      monthAndYearText: getMonthYearText(
+        this.state.currentYear,
+        this.state.currentMonth
+      ),
+      scheduleDay: this.state.selectedDate ? formatDateForDisplay(this.state.selectedDate) : "",
+      calendarDates,
+      popupPositionClass: getPopupPositionClass(this.state.selectedDayIndex)
+    };
+  }
+  /**
+   * Get actions object
+   */
+  getActions() {
+    return {
+      next: this.next.bind(this),
+      previous: this.previous.bind(this),
+      jump: this.jump.bind(this),
+      selectDate: this.selectDate.bind(this),
+      updateTasks: this.updateTasks.bind(this)
+    };
+  }
+  /**
+   * Navigate to next month
+   */
+  next() {
+    if (this.state.currentMonth === 11) {
+      this.state.currentMonth = 0;
+      this.state.currentYear++;
+    } else {
+      this.state.currentMonth++;
+    }
+    this.state.selectedDate = null;
+    this.state.selectedDayIndex = null;
+    this.updateTasks();
+    this.notify();
+  }
+  /**
+   * Navigate to previous month
+   */
+  previous() {
+    if (this.state.currentMonth === 0) {
+      this.state.currentMonth = 11;
+      this.state.currentYear--;
+    } else {
+      this.state.currentMonth--;
+    }
+    this.state.selectedDate = null;
+    this.state.selectedDayIndex = null;
+    this.updateTasks();
+    this.notify();
+  }
+  /**
+   * Jump to specific month and year
+   */
+  jump(year, month) {
+    this.state.currentYear = year;
+    this.state.currentMonth = month;
+    this.state.selectedDate = null;
+    this.state.selectedDayIndex = null;
+    this.updateTasks();
+    this.notify();
+  }
+  /**
+   * Select a specific date
+   */
+  selectDate(date, dayIndex) {
+    this.state.selectedDate = date;
+    this.state.selectedDayIndex = dayIndex ?? null;
+    this.state.currentDate = date.getDate();
+    this.state.currentMonth = date.getMonth();
+    this.state.currentYear = date.getFullYear();
+    this.updateTasks();
+    this.notify();
+  }
+  /**
+   * Update tasks for the currently selected date
+   */
+  updateTasks() {
+    if (!this.state.selectedDate) {
+      this.state.tasks = [];
+      return;
+    }
+    this.state.tasks = getEventsForDate(
+      this.config.events,
+      this.state.selectedDate
+    );
+  }
+  /**
+   * Update events configuration
+   */
+  updateEvents(events) {
+    this.config.events = events;
+    this.updateTasks();
+    this.notify();
+  }
+  /**
+   * Handle date cell click
+   */
+  handleDateClick(date, dayIndex) {
+    this.selectDate(date, dayIndex);
+  }
+  /**
+   * Check if date has events
+   */
+  hasEventsForDate(date) {
+    return getEventsForDate(this.config.events, date).length > 0;
+  }
+  /**
+   * Get events for a specific date
+   */
+  getEventsForDate(date) {
+    return getEventsForDate(this.config.events, date);
+  }
+  /**
+   * Clear selected date
+   */
+  clearSelection() {
+    this.state.selectedDate = null;
+    this.state.selectedDayIndex = null;
+    this.state.tasks = [];
+    this.notify();
+  }
+  /**
+   * Destroy the engine and cleanup listeners
+   */
+  destroy() {
+    this.listeners.clear();
+  }
+};
+
+// src/react/components/DatePopup.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DatePopup = ({
+  isVisible,
+  selectedDate,
+  events,
+  scheduleDay,
+  popupPositionClass,
+  onEventClick,
+  onClose,
+  renderEvent,
+  renderNoEvents
+}) => {
+  if (!isVisible || !selectedDate) return null;
+  const handleEventClick = (event) => {
+    onEventClick?.(event);
+  };
+  const defaultRenderEvent = (event) => /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: `event--item${onEventClick ? " clickable" : ""}`,
+      onClick: () => handleEventClick(event),
+      children: event.name
+    },
+    event.id || event.name
+  );
+  const defaultRenderNoEvents = () => /* @__PURE__ */ jsx("div", { className: "no-events-message", children: "No events scheduled for this day." });
+  return /* @__PURE__ */ jsxs("div", { className: `date-popup ${popupPositionClass}`, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "popup-close",
+        onClick: onClose,
+        "aria-label": "Close",
+        children: "\u2715"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "schedule--wrapper", children: [
+      /* @__PURE__ */ jsx("div", { className: "schedule--block", children: /* @__PURE__ */ jsx("h2", { className: "schedule--day", children: scheduleDay }) }),
+      events.length > 0 ? /* @__PURE__ */ jsx("div", { className: "event--wrapper", children: /* @__PURE__ */ jsx("ul", { children: events.map(
+        (event) => renderEvent ? /* @__PURE__ */ jsx(
+          "li",
+          {
+            className: `event--item${onEventClick ? " clickable" : ""}`,
+            onClick: () => handleEventClick(event),
+            children: renderEvent(event)
+          },
+          event.id || event.name
+        ) : defaultRenderEvent(event)
+      ) }) }) : renderNoEvents ? renderNoEvents() : defaultRenderNoEvents()
+    ] })
+  ] });
+};
+
+// src/react/components/Calendar.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Calendar = ({
+  events,
+  initialDate,
+  minYear,
+  maxYear,
+  weekStartsOn = 0,
+  onDateSelect,
+  onEventClick,
+  onMonthChange,
+  className = "",
+  style,
+  renderEvent,
+  renderNoEvents,
+  title = "Event Schedule"
+}) => {
+  const engine = useMemo(
+    () => new CalendarEngine({
+      events,
+      initialDate,
+      minYear,
+      maxYear,
+      weekStartsOn
+    }),
+    []
+  );
+  const [, forceUpdate] = useState({});
+  const rerender = useCallback(() => forceUpdate({}), []);
+  useEffect(() => {
+    const unsubscribe = engine.subscribe(rerender);
+    return unsubscribe;
+  }, [engine, rerender]);
+  useEffect(() => {
+    engine.updateEvents(events);
+  }, [engine, events]);
+  useEffect(() => {
+    return () => {
+      engine.destroy();
+    };
+  }, [engine]);
+  const viewModel = engine.getViewModel();
+  const actions = engine.getActions();
+  const { selectedDate, tasks, selectedDayIndex } = viewModel;
+  const handleDateClick = (event) => {
+    const td = event.target.closest("td");
+    if (!td) return;
+    const cellContent = td.textContent?.trim();
+    if (!cellContent) return;
+    const clickedDate = new Date(
+      viewModel.currentYear,
+      viewModel.currentMonth,
+      parseInt(cellContent)
+    );
+    const dayIndex = td.parentNode ? Array.from(td.parentNode.children).indexOf(td) : 0;
+    engine.handleDateClick(clickedDate, dayIndex);
+    onDateSelect?.(clickedDate);
+  };
+  const handleMonthChange = () => {
+    onMonthChange?.(viewModel.currentYear, viewModel.currentMonth);
+  };
+  const handleYearChange = (event) => {
+    const year = parseInt(event.target.value);
+    actions.jump(year, viewModel.currentMonth);
+    handleMonthChange();
+  };
+  const handleMonthSelectChange = (event) => {
+    const month = parseInt(event.target.value);
+    actions.jump(viewModel.currentYear, month);
+    handleMonthChange();
+  };
+  const handleNext = () => {
+    actions.next();
+    handleMonthChange();
+  };
+  const handlePrevious = () => {
+    actions.previous();
+    handleMonthChange();
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: `kalendly-calendar ${className}`, style, children: [
+    title && /* @__PURE__ */ jsx2("div", { className: "page--title", children: /* @__PURE__ */ jsx2("h1", { children: title }) }),
+    /* @__PURE__ */ jsx2("div", { className: "calendar--content", children: /* @__PURE__ */ jsxs2("div", { className: "calendar--card", children: [
+      /* @__PURE__ */ jsx2("h3", { className: "calendar--card--header", children: viewModel.monthAndYearText }),
+      /* @__PURE__ */ jsxs2("table", { className: "calendar--table calendar--table--bordered", children: [
+        /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsx2("tr", { children: viewModel.days.map((day) => /* @__PURE__ */ jsx2("th", { children: day.slice(0, 3) }, day)) }) }),
+        /* @__PURE__ */ jsx2("tbody", { onClick: handleDateClick, children: viewModel.calendarDates.map((week, weekIndex) => /* @__PURE__ */ jsx2("tr", { children: week.map((calendarDate, dayIndex) => {
+          const cellClasses = getCellClasses(calendarDate);
+          return /* @__PURE__ */ jsx2(
+            "td",
+            {
+              className: cellClasses.join(" "),
+              children: calendarDate?.date.getDate() || ""
+            },
+            `${weekIndex}-${dayIndex}`
+          );
+        }) }, weekIndex)) })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "calendar--navigation--buttons", children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            className: "calendar--navigation--btn",
+            onClick: handlePrevious,
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ jsx2("button", { className: "calendar--navigation--btn", onClick: handleNext, children: "Next" })
+      ] }),
+      /* @__PURE__ */ jsxs2("form", { className: "calendar--form--jump", children: [
+        /* @__PURE__ */ jsx2("div", { className: "calendar--lead", children: "Jump To:" }),
+        /* @__PURE__ */ jsx2("div", { children: /* @__PURE__ */ jsx2("label", { className: "calendar--form--jump--item", children: /* @__PURE__ */ jsx2(
+          "select",
+          {
+            value: viewModel.currentMonth,
+            onChange: handleMonthSelectChange,
+            "aria-label": "Select month",
+            children: viewModel.months.map((month, index) => /* @__PURE__ */ jsx2("option", { value: index, children: month }, index))
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx2("div", { children: /* @__PURE__ */ jsx2("label", { className: "calendar--form--jump--item", children: /* @__PURE__ */ jsx2(
+          "select",
+          {
+            value: viewModel.currentYear,
+            onChange: handleYearChange,
+            "aria-label": "Select year",
+            children: viewModel.years.map((year) => /* @__PURE__ */ jsx2("option", { value: year, children: year }, year))
+          }
+        ) }) })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        DatePopup,
+        {
+          isVisible: !!selectedDate,
+          selectedDate,
+          events: tasks,
+          scheduleDay: viewModel.scheduleDay,
+          popupPositionClass: viewModel.popupPositionClass,
+          onClose: () => engine.clearSelection(),
+          onEventClick,
+          renderEvent,
+          renderNoEvents
+        }
+      )
+    ] }) })
+  ] });
+};
+export {
+  Calendar,
+  CalendarEngine,
+  DAYS,
+  DatePopup,
+  MONTHS,
+  formatDateForDisplay,
+  generateCalendarDates,
+  generateYears,
+  getCellClasses,
+  getEventsForDate,
+  getMonthYearText,
+  getPopupPositionClass,
+  hasEvents,
+  isSameDay,
+  isToday,
+  normalizeDate
+};
+//# sourceMappingURL=index.mjs.map

package/dist/react/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/components/Calendar.tsx","../../src/core/utils.ts","../../src/core/calendar-engine.ts","../../src/react/components/DatePopup.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback, useMemo } from 'react';\nimport { CalendarEngine, getCellClasses } from '../../core';\nimport { CalendarComponentProps } from '../types';\nimport { DatePopup } from './DatePopup';\n\nexport const Calendar: React.FC<CalendarComponentProps> = ({\n  events,\n  initialDate,\n  minYear,\n  maxYear,\n  weekStartsOn = 0,\n  onDateSelect,\n  onEventClick,\n  onMonthChange,\n  className = '',\n  style,\n  renderEvent,\n  renderNoEvents,\n  title = 'Event Schedule',\n}) => {\n  const engine = useMemo(\n    () =>\n      new CalendarEngine({\n        events,\n        initialDate,\n        minYear,\n        maxYear,\n        weekStartsOn,\n      }),\n    []\n  );\n\n  const [, forceUpdate] = useState({});\n  const rerender = useCallback(() => forceUpdate({}), []);\n\n  useEffect(() => {\n    const unsubscribe = engine.subscribe(rerender);\n    return unsubscribe;\n  }, [engine, rerender]);\n\n  useEffect(() => {\n    engine.updateEvents(events);\n  }, [engine, events]);\n\n  useEffect(() => {\n    return () => {\n      engine.destroy();\n    };\n  }, [engine]);\n\n  const viewModel = engine.getViewModel();\n  const actions = engine.getActions();\n  const { selectedDate, tasks, selectedDayIndex } = viewModel;\n\n  const handleDateClick = (\n    event: React.MouseEvent<HTMLTableSectionElement>\n  ) => {\n    const td = (event.target as HTMLElement).closest('td');\n    if (!td) return;\n\n    const cellContent = td.textContent?.trim();\n    if (!cellContent) return;\n\n    const clickedDate = new Date(\n      viewModel.currentYear,\n      viewModel.currentMonth,\n      parseInt(cellContent)\n    );\n\n    const dayIndex = td.parentNode\n      ? Array.from(td.parentNode.children).indexOf(td)\n      : 0;\n    engine.handleDateClick(clickedDate, dayIndex);\n\n    onDateSelect?.(clickedDate);\n  };\n\n  const handleMonthChange = () => {\n    onMonthChange?.(viewModel.currentYear, viewModel.currentMonth);\n  };\n\n  const handleYearChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const year = parseInt(event.target.value);\n    actions.jump(year, viewModel.currentMonth);\n    handleMonthChange();\n  };\n\n  const handleMonthSelectChange = (\n    event: React.ChangeEvent<HTMLSelectElement>\n  ) => {\n    const month = parseInt(event.target.value);\n    actions.jump(viewModel.currentYear, month);\n    handleMonthChange();\n  };\n\n  const handleNext = () => {\n    actions.next();\n    handleMonthChange();\n  };\n\n  const handlePrevious = () => {\n    actions.previous();\n    handleMonthChange();\n  };\n\n  return (\n    <div className={`kalendly-calendar ${className}`} style={style}>\n      {title && (\n        <div className=\"page--title\">\n          <h1>{title}</h1>\n        </div>\n      )}\n\n      <div className=\"calendar--content\">\n        <div className=\"calendar--card\">\n          <h3 className=\"calendar--card--header\">\n            {viewModel.monthAndYearText}\n          </h3>\n\n          <table className=\"calendar--table calendar--table--bordered\">\n            <thead>\n              <tr>\n                {viewModel.days.map(day => (\n                  <th key={day}>{day.slice(0, 3)}</th>\n                ))}\n              </tr>\n            </thead>\n            <tbody onClick={handleDateClick}>\n              {viewModel.calendarDates.map((week, weekIndex) => (\n                <tr key={weekIndex}>\n                  {week.map((calendarDate, dayIndex) => {\n                    const cellClasses = getCellClasses(calendarDate);\n                    return (\n                      <td\n                        key={`${weekIndex}-${dayIndex}`}\n                        className={cellClasses.join(' ')}\n                      >\n                        {calendarDate?.date.getDate() || ''}\n                      </td>\n                    );\n                  })}\n                </tr>\n              ))}\n            </tbody>\n          </table>\n\n          <div className=\"calendar--navigation--buttons\">\n            <button\n              className=\"calendar--navigation--btn\"\n              onClick={handlePrevious}\n            >\n              Previous\n            </button>\n            <button className=\"calendar--navigation--btn\" onClick={handleNext}>\n              Next\n            </button>\n          </div>\n\n          <form className=\"calendar--form--jump\">\n            <div className=\"calendar--lead\">Jump To:</div>\n            <div>\n              <label className=\"calendar--form--jump--item\">\n                <select\n                  value={viewModel.currentMonth}\n                  onChange={handleMonthSelectChange}\n                  aria-label=\"Select month\"\n                >\n                  {viewModel.months.map((month, index) => (\n                    <option key={index} value={index}>\n                      {month}\n                    </option>\n                  ))}\n                </select>\n              </label>\n            </div>\n            <div>\n              <label className=\"calendar--form--jump--item\">\n                <select\n                  value={viewModel.currentYear}\n                  onChange={handleYearChange}\n                  aria-label=\"Select year\"\n                >\n                  {viewModel.years.map(year => (\n                    <option key={year} value={year}>\n                      {year}\n                    </option>\n                  ))}\n                </select>\n              </label>\n            </div>\n          </form>\n\n          <DatePopup\n            isVisible={!!selectedDate}\n            selectedDate={selectedDate}\n            events={tasks}\n            scheduleDay={viewModel.scheduleDay}\n            popupPositionClass={viewModel.popupPositionClass}\n            onClose={() => engine.clearSelection()}\n            onEventClick={onEventClick}\n            renderEvent={renderEvent}\n            renderNoEvents={renderNoEvents}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n","import { CalendarEvent, CalendarDate } from './types';\n\nexport const MONTHS = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n];\n\nexport const DAYS = [\n  'Sunday',\n  'Monday',\n  'Tuesday',\n  'Wednesday',\n  'Thursday',\n  'Friday',\n  'Saturday',\n];\n\n/**\n * Normalizes a date to midnight (00:00:00) for comparison purposes\n */\nexport function normalizeDate(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);\n}\n\n/**\n * Checks if two dates are the same day\n */\nexport function isSameDay(date1: Date, date2: Date): boolean {\n  return normalizeDate(date1).getTime() === normalizeDate(date2).getTime();\n}\n\n/**\n * Checks if a date is today\n */\nexport function isToday(date: Date): boolean {\n  return isSameDay(date, new Date());\n}\n\n/**\n * Generates an array of years for the year selector\n */\nexport function generateYears(minYear?: number, maxYear?: number): number[] {\n  const currentYear = new Date().getFullYear();\n  const min = minYear ?? currentYear - 30;\n  const max = maxYear ?? currentYear + 10;\n\n  return Array.from({ length: max - min + 1 }, (_, i) => min + i);\n}\n\n/**\n * Gets events for a specific date\n */\nexport function getEventsForDate(\n  events: CalendarEvent[],\n  date: Date\n): CalendarEvent[] {\n  const normalizedTargetDate = normalizeDate(date);\n\n  return events.filter(event => {\n    const eventDate = normalizeDate(new Date(event.date));\n    return eventDate.getTime() === normalizedTargetDate.getTime();\n  });\n}\n\n/**\n * Checks if a date has any events\n */\nexport function hasEvents(events: CalendarEvent[], date: Date): boolean {\n  return getEventsForDate(events, date).length > 0;\n}\n\n/**\n * Generates calendar dates for a given month and year\n */\nexport function generateCalendarDates(\n  year: number,\n  month: number,\n  events: CalendarEvent[] = [],\n  weekStartsOn: 0 | 1 = 0\n): (CalendarDate | null)[][] {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const daysInMonth = lastDay.getDate();\n\n  // Adjust first day based on week start preference\n  let firstDayOfWeek = firstDay.getDay();\n  if (weekStartsOn === 1) {\n    firstDayOfWeek = firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;\n  }\n\n  const dates: (CalendarDate | null)[][] = [];\n  let day = 1;\n\n  for (let week = 0; week < 6; week++) {\n    const weekDates: (CalendarDate | null)[] = [];\n\n    for (let dayOfWeek = 0; dayOfWeek < 7; dayOfWeek++) {\n      if (week === 0 && dayOfWeek < firstDayOfWeek) {\n        weekDates.push(null);\n      } else if (day > daysInMonth) {\n        weekDates.push(null);\n      } else {\n        const currentDate = new Date(year, month, day);\n        const dateEvents = getEventsForDate(events, currentDate);\n\n        weekDates.push({\n          date: currentDate,\n          isCurrentMonth: true,\n          isToday: isToday(currentDate),\n          hasEvents: dateEvents.length > 0,\n          events: dateEvents,\n        });\n        day++;\n      }\n    }\n\n    dates.push(weekDates);\n\n    // Break early if we've filled all days and the rest of the row is empty\n    if (day > daysInMonth && weekDates.every(date => date === null)) {\n      break;\n    }\n  }\n\n  return dates;\n}\n\n/**\n * Gets the popup position class based on the selected day index\n */\nexport function getPopupPositionClass(selectedDayIndex: number | null): string {\n  if (selectedDayIndex === null) return 'popup-center-bottom';\n\n  if (selectedDayIndex < 3) {\n    return 'popup-right';\n  } else if (selectedDayIndex > 4) {\n    return 'popup-left';\n  } else {\n    return 'popup-center-bottom';\n  }\n}\n\n/**\n * Gets CSS classes for a calendar cell\n */\nexport function getCellClasses(calendarDate: CalendarDate | null): string[] {\n  if (!calendarDate) return [];\n\n  const classes: string[] = [];\n\n  if (calendarDate.isToday) {\n    classes.push('schedule--current--exam');\n  }\n\n  if (calendarDate.hasEvents) {\n    classes.push('has--event');\n  }\n\n  return classes;\n}\n\n/**\n * Formats a date for display\n */\nexport function formatDateForDisplay(date: Date): string {\n  return `${DAYS[date.getDay()]} ${date.getDate()}`;\n}\n\n/**\n * Gets month and year text for display\n */\nexport function getMonthYearText(year: number, month: number): string {\n  return `${MONTHS[month]} ${year}`;\n}\n","import {\n  CalendarEvent,\n  CalendarState,\n  CalendarConfig,\n  CalendarActions,\n  CalendarViewModel,\n} from './types';\nimport {\n  generateCalendarDates,\n  getEventsForDate,\n  generateYears,\n  getPopupPositionClass,\n  getMonthYearText,\n  formatDateForDisplay,\n  MONTHS,\n  DAYS,\n} from './utils';\n\nexport class CalendarEngine {\n  private state: CalendarState;\n  private config: CalendarConfig;\n  private listeners: Set<() => void> = new Set();\n\n  constructor(config: CalendarConfig) {\n    this.config = config;\n\n    const initialDate = config.initialDate || new Date();\n    this.state = {\n      currentYear: initialDate.getFullYear(),\n      currentMonth: initialDate.getMonth(),\n      currentDate: initialDate.getDate(),\n      selectedDate: null,\n      selectedDayIndex: null,\n      tasks: [],\n    };\n  }\n\n  /**\n   * Subscribe to state changes\n   */\n  subscribe(listener: () => void): () => void {\n    this.listeners.add(listener);\n    return () => this.listeners.delete(listener);\n  }\n\n  /**\n   * Notify all listeners of state changes\n   */\n  private notify(): void {\n    this.listeners.forEach(listener => listener());\n  }\n\n  /**\n   * Get current state\n   */\n  getState(): CalendarState {\n    return { ...this.state };\n  }\n\n  /**\n   * Get view model with computed properties\n   */\n  getViewModel(): CalendarViewModel {\n    const calendarDates = generateCalendarDates(\n      this.state.currentYear,\n      this.state.currentMonth,\n      this.config.events,\n      this.config.weekStartsOn\n    );\n\n    return {\n      ...this.state,\n      months: MONTHS,\n      days: DAYS,\n      years: generateYears(this.config.minYear, this.config.maxYear),\n      monthAndYearText: getMonthYearText(\n        this.state.currentYear,\n        this.state.currentMonth\n      ),\n      scheduleDay: this.state.selectedDate\n        ? formatDateForDisplay(this.state.selectedDate)\n        : '',\n      calendarDates,\n      popupPositionClass: getPopupPositionClass(this.state.selectedDayIndex),\n    };\n  }\n\n  /**\n   * Get actions object\n   */\n  getActions(): CalendarActions {\n    return {\n      next: this.next.bind(this),\n      previous: this.previous.bind(this),\n      jump: this.jump.bind(this),\n      selectDate: this.selectDate.bind(this),\n      updateTasks: this.updateTasks.bind(this),\n    };\n  }\n\n  /**\n   * Navigate to next month\n   */\n  private next(): void {\n    if (this.state.currentMonth === 11) {\n      this.state.currentMonth = 0;\n      this.state.currentYear++;\n    } else {\n      this.state.currentMonth++;\n    }\n\n    this.state.selectedDate = null;\n    this.state.selectedDayIndex = null;\n    this.updateTasks();\n    this.notify();\n  }\n\n  /**\n   * Navigate to previous month\n   */\n  private previous(): void {\n    if (this.state.currentMonth === 0) {\n      this.state.currentMonth = 11;\n      this.state.currentYear--;\n    } else {\n      this.state.currentMonth--;\n    }\n\n    this.state.selectedDate = null;\n    this.state.selectedDayIndex = null;\n    this.updateTasks();\n    this.notify();\n  }\n\n  /**\n   * Jump to specific month and year\n   */\n  private jump(year: number, month: number): void {\n    this.state.currentYear = year;\n    this.state.currentMonth = month;\n    this.state.selectedDate = null;\n    this.state.selectedDayIndex = null;\n    this.updateTasks();\n    this.notify();\n  }\n\n  /**\n   * Select a specific date\n   */\n  private selectDate(date: Date, dayIndex?: number): void {\n    this.state.selectedDate = date;\n    this.state.selectedDayIndex = dayIndex ?? null;\n    this.state.currentDate = date.getDate();\n    this.state.currentMonth = date.getMonth();\n    this.state.currentYear = date.getFullYear();\n    this.updateTasks();\n    this.notify();\n  }\n\n  /**\n   * Update tasks for the currently selected date\n   */\n  private updateTasks(): void {\n    if (!this.state.selectedDate) {\n      this.state.tasks = [];\n      return;\n    }\n\n    this.state.tasks = getEventsForDate(\n      this.config.events,\n      this.state.selectedDate\n    );\n  }\n\n  /**\n   * Update events configuration\n   */\n  updateEvents(events: CalendarEvent[]): void {\n    this.config.events = events;\n    this.updateTasks();\n    this.notify();\n  }\n\n  /**\n   * Handle date cell click\n   */\n  handleDateClick(date: Date, dayIndex?: number): void {\n    this.selectDate(date, dayIndex);\n  }\n\n  /**\n   * Check if date has events\n   */\n  hasEventsForDate(date: Date): boolean {\n    return getEventsForDate(this.config.events, date).length > 0;\n  }\n\n  /**\n   * Get events for a specific date\n   */\n  getEventsForDate(date: Date): CalendarEvent[] {\n    return getEventsForDate(this.config.events, date);\n  }\n\n  /**\n   * Clear selected date\n   */\n  clearSelection(): void {\n    this.state.selectedDate = null;\n    this.state.selectedDayIndex = null;\n    this.state.tasks = [];\n    this.notify();\n  }\n\n  /**\n   * Destroy the engine and cleanup listeners\n   */\n  destroy(): void {\n    this.listeners.clear();\n  }\n}\n","import React from 'react';\nimport { DatePopupProps } from '../types';\n\nexport const DatePopup: React.FC<DatePopupProps> = ({\n  isVisible,\n  selectedDate,\n  events,\n  scheduleDay,\n  popupPositionClass,\n  onEventClick,\n  onClose,\n  renderEvent,\n  renderNoEvents,\n}) => {\n  if (!isVisible || !selectedDate) return null;\n\n  const handleEventClick = (event: any) => {\n    onEventClick?.(event);\n  };\n\n  const defaultRenderEvent = (event: any) => (\n    <li\n      key={event.id || event.name}\n      className={`event--item${onEventClick ? ' clickable' : ''}`}\n      onClick={() => handleEventClick(event)}\n    >\n      {event.name}\n    </li>\n  );\n\n  const defaultRenderNoEvents = () => (\n    <div className=\"no-events-message\">No events scheduled for this day.</div>\n  );\n\n  return (\n    <div className={`date-popup ${popupPositionClass}`}>\n      <button\n        type=\"button\"\n        className=\"popup-close\"\n        onClick={onClose}\n        aria-label=\"Close\"\n      >\n        ✕\n      </button>\n      <div className=\"schedule--wrapper\">\n        <div className=\"schedule--block\">\n          <h2 className=\"schedule--day\">{scheduleDay}</h2>\n        </div>\n\n        {events.length > 0 ? (\n          <div className=\"event--wrapper\">\n            <ul>\n              {events.map(event =>\n                renderEvent ? (\n                  <li\n                    key={event.id || event.name}\n                    className={`event--item${onEventClick ? ' clickable' : ''}`}\n                    onClick={() => handleEventClick(event)}\n                  >\n                    {renderEvent(event)}\n                  </li>\n                ) : (\n                  defaultRenderEvent(event)\n                )\n              )}\n            </ul>\n          </div>\n        ) : renderNoEvents ? (\n          renderNoEvents()\n        ) : (\n          defaultRenderNoEvents()\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["jsx","jsxs"]}