@arkyn/components 3.0.1-beta.154 → 3.0.1-beta.156

package/dist/components/fullCalendar/_viewService.js

@@ -1,144 +0,0 @@
-import { formatToCapitalizeFirstWordLetter } from "@arkyn/shared";
-class ViewService {
-    capitalize(text) {
-        return formatToCapitalizeFirstWordLetter(text);
-    }
-    listHours(range) {
-        const [startHour, endHour] = range;
-        const hours = [];
-        for (let timeInMinutes = startHour * 60; timeInMinutes <= endHour * 60; timeInMinutes += 30) {
-            hours.push(timeInMinutes);
-        }
-        return hours;
-    }
-    formatHourLabel(timeInMinutes) {
-        const hour = Math.floor(timeInMinutes / 60);
-        const minutes = timeInMinutes % 60;
-        return `${String(hour).padStart(2, "0")}:${String(minutes).padStart(2, "0")}`;
-    }
-    getStartOfWeek(viewDate) {
-        const firstDayOfWeek = new Date(viewDate);
-        firstDayOfWeek.setHours(0, 0, 0, 0);
-        firstDayOfWeek.setDate(firstDayOfWeek.getDate() - firstDayOfWeek.getDay());
-        return firstDayOfWeek;
-    }
-    listWeek(viewDate, language) {
-        const weekDays = [];
-        const firstDayOfWeek = this.getStartOfWeek(viewDate);
-        for (let i = 0; i < 7; i++) {
-            const day = new Date(firstDayOfWeek);
-            day.setDate(firstDayOfWeek.getDate() + i);
-            const dayName = day.toLocaleDateString(language, {
-                weekday: "short",
-            });
-            weekDays.push(dayName);
-        }
-        return weekDays;
-    }
-    listWeeklyMatrix(viewDate, hours) {
-        const firstDayOfWeek = this.getStartOfWeek(viewDate);
-        const viewMonth = viewDate.getMonth();
-        return hours.map((hour) => {
-            return Array.from({ length: 7 }, (_, index) => {
-                const cellDate = new Date(firstDayOfWeek);
-                cellDate.setDate(firstDayOfWeek.getDate() + index);
-                let dayOwner = "current";
-                if (cellDate.getMonth() < viewMonth ||
-                    cellDate.getFullYear() < viewDate.getFullYear()) {
-                    dayOwner = "previous";
-                }
-                if (cellDate.getMonth() > viewMonth ||
-                    cellDate.getFullYear() > viewDate.getFullYear()) {
-                    dayOwner = "next";
-                }
-                return {
-                    day: cellDate.getDate(),
-                    month: cellDate.getMonth(),
-                    year: cellDate.getFullYear(),
-                    dayOwner,
-                    timeInMinutes: hour,
-                };
-            });
-        });
-    }
-    listMonthlyMatrix(viewDate) {
-        const year = viewDate.getFullYear();
-        const monthIndex = viewDate.getMonth();
-        const firstDayOfMonth = new Date(year, monthIndex, 1);
-        const firstWeekday = firstDayOfMonth.getDay();
-        const daysInCurrentMonth = new Date(year, monthIndex + 1, 0).getDate();
-        const daysInPreviousMonth = new Date(year, monthIndex, 0).getDate();
-        const totalCells = Math.ceil((firstWeekday + daysInCurrentMonth) / 7) * 7;
-        const weeks = [];
-        let currentMonthDay = 1;
-        let nextMonthDay = 1;
-        for (let i = 0; i < totalCells; i++) {
-            const weekIndex = Math.floor(i / 7);
-            if (!weeks[weekIndex])
-                weeks[weekIndex] = [];
-            if (i < firstWeekday) {
-                const day = daysInPreviousMonth - (firstWeekday - i - 1);
-                const month = monthIndex === 0 ? 11 : monthIndex - 1;
-                const cellYear = monthIndex === 0 ? year - 1 : year;
-                weeks[weekIndex].push({
-                    day,
-                    month,
-                    year: cellYear,
-                    dayOwner: "previous",
-                });
-            }
-            else if (currentMonthDay <= daysInCurrentMonth) {
-                weeks[weekIndex].push({
-                    day: currentMonthDay,
-                    month: monthIndex,
-                    year: year,
-                    dayOwner: "current",
-                });
-                currentMonthDay++;
-            }
-            else {
-                const month = monthIndex === 11 ? 0 : monthIndex + 1;
-                const cellYear = monthIndex === 11 ? year + 1 : year;
-                weeks[weekIndex].push({
-                    day: nextMonthDay,
-                    month,
-                    year: cellYear,
-                    dayOwner: "next",
-                });
-                nextMonthDay++;
-            }
-        }
-        return weeks;
-    }
-    nextMonth(viewDate, setViewDate) {
-        const nextViewDate = new Date(viewDate);
-        nextViewDate.setMonth(nextViewDate.getMonth() + 1);
-        setViewDate(nextViewDate);
-    }
-    nextWeek(viewDate, setViewDate) {
-        const nextViewDate = new Date(viewDate);
-        nextViewDate.setDate(nextViewDate.getDate() + 7);
-        setViewDate(nextViewDate);
-    }
-    nextDay(viewDate, setViewDate) {
-        const nextViewDate = new Date(viewDate);
-        nextViewDate.setDate(nextViewDate.getDate() + 1);
-        setViewDate(nextViewDate);
-    }
-    previousMonth(viewDate, setViewDate) {
-        const nextViewDate = new Date(viewDate);
-        nextViewDate.setMonth(nextViewDate.getMonth() - 1);
-        setViewDate(nextViewDate);
-    }
-    previousWeek(viewDate, setViewDate) {
-        const nextViewDate = new Date(viewDate);
-        nextViewDate.setDate(nextViewDate.getDate() - 7);
-        setViewDate(nextViewDate);
-    }
-    previousDay(viewDate, setViewDate) {
-        const nextViewDate = new Date(viewDate);
-        nextViewDate.setDate(nextViewDate.getDate() - 1);
-        setViewDate(nextViewDate);
-    }
-}
-export { ViewService };

package/dist/components/fullCalendar/dayCalendar/dayCalendarContainer/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-function DayCalendarContainer({ children }) {
-    return _jsx("div", { className: "arkynDayCalendarContainer", children: children });
-}
-export { DayCalendarContainer };

package/dist/components/fullCalendar/dayCalendar/dayCalendarEvent/index.js

@@ -1,105 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFullCalendar } from "../../_fullCalendarProvider";
-import "./styles.css";
-const SLOT_DURATION_MINUTES = 30;
-const OVERLAP_OFFSET_PX = 205;
-function DayCalendarEvent(props) {
-    const { events, viewDate } = useFullCalendar();
-    const day = viewDate.getDate();
-    const month = viewDate.getMonth();
-    const year = viewDate.getFullYear();
-    const dayEvents = events
-        .map((event, sourceIndex) => ({ event, sourceIndex }))
-        .filter(({ event }) => {
-        return (event.initialDate.getDate() === day &&
-            event.initialDate.getMonth() === month &&
-            event.initialDate.getFullYear() === year);
-    })
-        .sort((a, b) => {
-        const startA = a.event.initialDate.getTime();
-        const startB = b.event.initialDate.getTime();
-        if (startA !== startB)
-            return startA - startB;
-        const endA = a.event.endDate?.getTime() ?? startA + SLOT_DURATION_MINUTES * 60_000;
-        const endB = b.event.endDate?.getTime() ?? startB + SLOT_DURATION_MINUTES * 60_000;
-        if (endA !== endB)
-            return endA - endB;
-        return a.sourceIndex - b.sourceIndex;
-    });
-    const dayEventOrderBySourceIndex = new Map(dayEvents.map((item, orderIndex) => [item.sourceIndex, orderIndex]));
-    const filteredEvents = dayEvents.filter(({ event }) => {
-        const dayHour = Math.floor(props.timeInMinutes / 60);
-        const dayMinute = props.timeInMinutes % 60;
-        function isEventInInterval() {
-            const eventHour = event.initialDate.getHours();
-            const eventMinute = event.initialDate.getMinutes();
-            if (eventHour !== dayHour)
-                return false;
-            if (dayMinute === 0)
-                return eventMinute < 30 && eventMinute >= 0;
-            if (dayMinute === 30)
-                return eventMinute >= 30 && eventMinute < 60;
-        }
-        return (isEventInInterval() &&
-            event.initialDate.getDate() === day &&
-            event.initialDate.getMonth() === month &&
-            event.initialDate.getFullYear() === year);
-    });
-    if (filteredEvents.length === 0)
-        return _jsx(_Fragment, {});
-    function makeEventKey(index, sourceIndex) {
-        return `${day}-${month}-${year}-${sourceIndex}-${index}`;
-    }
-    function makeHour(date) {
-        const hours = date.getHours();
-        const minutes = date.getMinutes();
-        if (minutes === 0)
-            return `${hours}h`;
-        return `${hours}h${minutes}`;
-    }
-    function getEventRangeInMinutes(event) {
-        const startMinutes = event.initialDate.getHours() * 60 + event.initialDate.getMinutes();
-        const endMinutes = event.endDate
-            ? event.endDate.getHours() * 60 + event.endDate.getMinutes()
-            : startMinutes + SLOT_DURATION_MINUTES;
-        return {
-            startMinutes,
-            endMinutes: Math.max(endMinutes, startMinutes + 1),
-        };
-    }
-    function countOverlappingPreviousEvents(currentEvent, sourceIndex) {
-        const current = getEventRangeInMinutes(currentEvent);
-        const currentOrderIndex = dayEventOrderBySourceIndex.get(sourceIndex);
-        if (currentOrderIndex == null)
-            return 0;
-        return dayEvents.reduce((count, item, orderIndex) => {
-            if (orderIndex >= currentOrderIndex)
-                return count;
-            const candidate = getEventRangeInMinutes(item.event);
-            const intersects = candidate.startMinutes < current.endMinutes &&
-                candidate.endMinutes > current.startMinutes;
-            if (!intersects)
-                return count;
-            return count + 1;
-        }, 0);
-    }
-    function getEventStyle(event, sourceIndex) {
-        const { startMinutes, endMinutes } = getEventRangeInMinutes(event);
-        const startOffsetInCell = startMinutes - props.timeInMinutes;
-        const durationInMinutes = Math.max(endMinutes - startMinutes, 1);
-        const top = (startOffsetInCell / SLOT_DURATION_MINUTES) * 100;
-        const height = (durationInMinutes / SLOT_DURATION_MINUTES) * 100;
-        const overlapOffset = countOverlappingPreviousEvents(event, sourceIndex) * OVERLAP_OFFSET_PX;
-        return {
-            top: `${top}%`,
-            height: `${height}%`,
-            left: `${overlapOffset}px`,
-        };
-    }
-    function handleEventClick(event, eventData) {
-        event.stopPropagation();
-        eventData.onClick?.(eventData.data);
-    }
-    return filteredEvents.map(({ event, sourceIndex }, index) => (_jsxs("div", { className: `arkynDayCalendarEvent ${event?.scheme || "primary"}`, style: getEventStyle(event, sourceIndex), onClick: (e) => handleEventClick(e, event), children: [_jsxs("strong", { children: [makeHour(event.initialDate), " ", event?.endDate && `- ${makeHour(event.endDate)}`] }), _jsx("p", { children: event.title })] }, makeEventKey(index, sourceIndex))));
-}
-export { DayCalendarEvent };

package/dist/components/fullCalendar/dayCalendar/dayCalendarRow/index.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFullCalendar } from "../../_fullCalendarProvider";
-import { ViewService } from "../../_viewService";
-import { DayCalendarEvent } from "../dayCalendarEvent";
-import "./styles.css";
-function DayCalendarRow({ hour, timeInMinutes }) {
-    const viewService = new ViewService();
-    const { blockedTimestamps, viewDate, onClickDate } = useFullCalendar();
-    function isBlocked() {
-        return blockedTimestamps.some((timestamp) => viewDate >= timestamp.initialDate && viewDate <= timestamp.endDate);
-    }
-    function handleClick(event) {
-        event.stopPropagation();
-        if (isBlocked())
-            return;
-        if (onClickDate) {
-            const date = new Date(viewDate);
-            date.setHours(0, timeInMinutes, 0, 0);
-            onClickDate(date);
-        }
-    }
-    return (_jsxs("div", { className: `arkynDayCalendarRow ${isBlocked() ? "blocked" : ""}`, "data-time": timeInMinutes, onClick: handleClick, children: [_jsx("p", { children: viewService.formatHourLabel(hour) }), _jsx("div", { className: "arkynDayCalendarRowContent", children: _jsx(DayCalendarEvent, { timeInMinutes: timeInMinutes }) })] }));
-}
-export { DayCalendarRow };

package/dist/components/fullCalendar/dayCalendar/index.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFullCalendar } from "../_fullCalendarProvider";
-import { DayCalendarContainer } from "./dayCalendarContainer";
-import { DayCalendarRow } from "./dayCalendarRow";
-function DayCalendar() {
-    const { listHours } = useFullCalendar();
-    return (_jsx(DayCalendarContainer, { children: listHours.map((hour) => (_jsx(DayCalendarRow, { hour: hour, timeInMinutes: hour }))) }));
-}
-export { DayCalendar };

package/dist/components/fullCalendar/fullCalendarContainer/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-function FullCalendarContainer({ children }) {
-    return _jsx("div", { className: "arkynFullCalendarContainer", children: children });
-}
-export { FullCalendarContainer };

package/dist/components/fullCalendar/fullCalendarHeader/index.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { CardTabButton } from "../../cardTab/cardTabButton";
-import { CardTabContainer } from "../../cardTab/cardTabContainer";
-import { IconButton } from "../../iconButton";
-import { useFullCalendar } from "../_fullCalendarProvider";
-import "./styles.css";
-function FullCalendarHeader(props) {
-    const { setViewType, viewType } = props;
-    const fullCalendar = useFullCalendar();
-    function handlePrevious() {
-        switch (viewType) {
-            case "day":
-                return fullCalendar.previousDay();
-            case "week":
-                return fullCalendar.previousWeek();
-            case "month":
-                return fullCalendar.previousMonth();
-        }
-    }
-    function handleNext() {
-        switch (viewType) {
-            case "day":
-                return fullCalendar.nextDay();
-            case "week":
-                return fullCalendar.nextWeek();
-            case "month":
-                return fullCalendar.nextMonth();
-        }
-    }
-    return (_jsxs("div", { className: "arkynFullCalendarHeader", children: [_jsxs(CardTabContainer, { defaultValue: viewType, onChange: (value) => setViewType(value), children: [_jsx(CardTabButton, { value: "day", children: "Dia" }), _jsx(CardTabButton, { value: "week", children: "Semana" }), _jsx(CardTabButton, { value: "month", children: "M\u00EAs" })] }), _jsxs("div", { className: "arkynFullCalendarHeaderActions", children: [_jsx(IconButton, { variant: "outline", icon: ChevronLeft, "aria-label": "Handle previous", onClick: () => handlePrevious() }), _jsx("p", { children: fullCalendar.viewDate.toLocaleDateString("pt-BR", {
-                            day: "2-digit",
-                            month: "long",
-                            year: "numeric",
-                        }) }), _jsx(IconButton, { variant: "outline", icon: ChevronRight, "aria-label": "Handle next", onClick: () => handleNext() })] })] }));
-}
-export { FullCalendarHeader };

package/dist/components/fullCalendar/index.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { FullCalendarProvider } from "./_fullCalendarProvider";
-import { DayCalendar } from "./dayCalendar";
-import { FullCalendarContainer } from "./fullCalendarContainer";
-import { FullCalendarHeader } from "./fullCalendarHeader";
-import { MonthlyCalendar } from "./monthlyCalendar";
-import { WeekCalendar } from "./weekCalendar";
-/**
- * Full-featured calendar component with day, week, and month views.
- *
- * Renders a switchable calendar that supports event display, blocked time
- * ranges, and date navigation. Internal state and business logic are managed
- * by `FullCalendarProvider`, keeping the public API minimal.
- *
- * @param props FullCalendar properties.
- * @returns Calendar UI with a view switcher header and the active view grid.
- *
- * @example
- * // Basic usage with events
- * <FullCalendar
- *   defaultValue={new Date()}
- *   events={[
- *     {
- *       title: "Team standup",
- *       initialDate: new Date(2026, 5, 22, 9, 0),
- *       endDate: new Date(2026, 5, 22, 9, 30),
- *       scheme: "primary",
- *       onClick: (data) => console.log("Event clicked:", data),
- *     },
- *   ]}
- *   onChangeView={(date) => console.log("Viewing:", date)}
- *   onClickDate={(date) => console.log("Date clicked:", date)}
- * />
- *
- * @example
- * // With blocked timestamps
- * <FullCalendar
- *   defaultValue={new Date()}
- *   blockedTimestamps={[
- *     {
- *       initialDate: new Date(2026, 5, 22, 12, 0),
- *       endDate: new Date(2026, 5, 22, 13, 0),
- *     },
- *   ]}
- * />
- */
-function FullCalendar(props) {
-    const [viewType, setViewType] = useState("month");
-    return (_jsx(FullCalendarProvider, { events: props.events || [], viewValue: props.viewValue, defaultViewValue: props.defaultViewValue, onChangeView: props.onChangeView, blockedTimestamps: props.blockedTimestamps || [], onClickDate: props.onClickDate, children: _jsxs(FullCalendarContainer, { children: [_jsx(FullCalendarHeader, { viewType: viewType, setViewType: setViewType }), viewType === "day" && _jsx(DayCalendar, {}), viewType === "month" && _jsx(MonthlyCalendar, {}), viewType === "week" && _jsx(WeekCalendar, {})] }) }));
-}
-export { FullCalendar };

package/dist/components/fullCalendar/monthlyCalendar/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MonthlyCalendarTableBody } from "./monthlyCalendarTableBody";
-import { MonthlyCalendarTableContainer } from "./monthlyCalendarTableContainer";
-import { MonthlyCalendarTableHeader } from "./monthlyCalendarTableHeader";
-function MonthlyCalendar() {
-    return (_jsxs(MonthlyCalendarTableContainer, { children: [_jsx(MonthlyCalendarTableHeader, {}), _jsx(MonthlyCalendarTableBody, {})] }));
-}
-export { MonthlyCalendar };

package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/index.js

@@ -1,29 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFullCalendar } from "../../_fullCalendarProvider";
-import "./styles.css";
-function MonthlyCalendarEvent(props) {
-    const { events } = useFullCalendar();
-    const filteredEvents = events.filter((event) => {
-        return (event.initialDate.getDate() === props.day &&
-            event.initialDate.getMonth() === props.month &&
-            event.initialDate.getFullYear() === props.year);
-    });
-    if (filteredEvents.length === 0)
-        return _jsx(_Fragment, {});
-    function makeEventKey(index) {
-        return `${props.day}-${props.month}-${props.year}-${index}`;
-    }
-    function makeHour(date) {
-        const hours = date.getHours();
-        const minutes = date.getMinutes();
-        if (minutes === 0)
-            return `${hours}h`;
-        return `${hours}h${minutes}`;
-    }
-    function handleEventClick(event, eventData) {
-        event.stopPropagation();
-        eventData.onClick?.(eventData.data);
-    }
-    return filteredEvents.map((event, index) => (_jsxs("div", { className: `arkynMonthlyCalendarEvent ${event?.scheme || "primary"}`, onClick: (e) => handleEventClick(e, event), children: [_jsxs("strong", { children: [makeHour(event.initialDate), " ", event?.endDate && `- ${makeHour(event.endDate)}`] }), _jsx("p", { children: event.title })] }, makeEventKey(index))));
-}
-export { MonthlyCalendarEvent };

package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/index.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFullCalendar } from "../../_fullCalendarProvider";
-import { MonthlyCalendarTableTd } from "../monthlyCalendarTableTd";
-import "./styles.css";
-function MonthlyCalendarTableBody() {
-    const fullCalendar = useFullCalendar();
-    return (_jsx("tbody", { className: "arkynMonthlyCalendarTableBody", children: fullCalendar.listMonthlyMatrix.map((week, weekIndex) => (_jsx("tr", { children: week.map((props, dayIndex) => (_jsx(MonthlyCalendarTableTd, { ...props }, dayIndex))) }, weekIndex))) }));
-}
-export { MonthlyCalendarTableBody };

package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-function MonthlyCalendarTableContainer({ children, }) {
-    return (_jsx("div", { className: "arkynMonthlyCalendarTableContainer", children: _jsx("table", { children: children }) }));
-}
-export { MonthlyCalendarTableContainer };

package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/index.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { formatToCapitalizeFirstWordLetter } from "@arkyn/shared";
-import { useFullCalendar } from "../../_fullCalendarProvider";
-import "./styles.css";
-function MonthlyCalendarTableHeader() {
-    const { listWeek } = useFullCalendar();
-    return (_jsx("thead", { className: "arkynMonthlyCalendarTableHeader", children: _jsx("tr", { children: listWeek.map((day, index) => (_jsx("th", { children: formatToCapitalizeFirstWordLetter(day) }, index))) }) }));
-}
-export { MonthlyCalendarTableHeader };

package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/index.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFullCalendar } from "../../_fullCalendarProvider";
-import { MonthlyCalendarEvent } from "../monthlyCalendarEvent";
-import "./styles.css";
-function MonthlyCalendarTableTd(props) {
-    const { day, month, year, dayOwner } = props;
-    const { blockedTimestamps, onClickDate } = useFullCalendar();
-    function isToday() {
-        const today = new Date();
-        return (day === today.getDate() &&
-            month === today.getMonth() &&
-            year === today.getFullYear());
-    }
-    function isBlocked() {
-        const currentDate = new Date(year, month, day);
-        return blockedTimestamps.some((timestamp) => currentDate >= timestamp.initialDate &&
-            currentDate <= timestamp.endDate);
-    }
-    function handleClick(event) {
-        event.stopPropagation();
-        if (isBlocked())
-            return;
-        if (onClickDate) {
-            const date = new Date(year, month, day);
-            onClickDate(date);
-        }
-    }
-    return (_jsxs("td", { className: `arkynMonthlyCalendarTableTd ${dayOwner} ${isBlocked() ? "blocked" : ""}`, onClick: handleClick, children: [_jsx("p", { className: isToday() ? "today" : "", children: day }), _jsx("div", { className: "arkynMonthlyCalendarEventContainer", children: _jsx(MonthlyCalendarEvent, { day: day, month: month, year: year }) })] }));
-}
-export { MonthlyCalendarTableTd };

package/dist/components/fullCalendar/weekCalendar/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { WeekCalendarTableBody } from "./weekCalendarTableBody";
-import { WeekCalendarTableContainer } from "./weekCalendarTableContainer";
-import { WeekCalendarTableHeader } from "./weekCalendarTableHeader";
-function WeekCalendar() {
-    return (_jsxs(WeekCalendarTableContainer, { children: [_jsx(WeekCalendarTableHeader, {}), _jsx(WeekCalendarTableBody, {})] }));
-}
-export { WeekCalendar };

package/dist/components/fullCalendar/weekCalendar/weekCalendarEvent/index.js

@@ -1,102 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFullCalendar } from "../../_fullCalendarProvider";
-import "./styles.css";
-const SLOT_DURATION_MINUTES = 30;
-const OVERLAP_OFFSET_PX = 40;
-function WeekCalendarEvent(props) {
-    const { events } = useFullCalendar();
-    const dayEvents = events
-        .map((event, sourceIndex) => ({ event, sourceIndex }))
-        .filter(({ event }) => {
-        return (event.initialDate.getDate() === props.day &&
-            event.initialDate.getMonth() === props.month &&
-            event.initialDate.getFullYear() === props.year);
-    })
-        .sort((a, b) => {
-        const startA = a.event.initialDate.getTime();
-        const startB = b.event.initialDate.getTime();
-        if (startA !== startB)
-            return startA - startB;
-        const endA = a.event.endDate?.getTime() ?? startA + SLOT_DURATION_MINUTES * 60_000;
-        const endB = b.event.endDate?.getTime() ?? startB + SLOT_DURATION_MINUTES * 60_000;
-        if (endA !== endB)
-            return endA - endB;
-        return a.sourceIndex - b.sourceIndex;
-    });
-    const dayEventOrderBySourceIndex = new Map(dayEvents.map((item, orderIndex) => [item.sourceIndex, orderIndex]));
-    const filteredEvents = dayEvents.filter(({ event }) => {
-        const dayHour = Math.floor(props.timeInMinutes / 60);
-        const dayMinute = props.timeInMinutes % 60;
-        function isEventInInterval() {
-            const eventHour = event.initialDate.getHours();
-            const eventMinute = event.initialDate.getMinutes();
-            if (eventHour !== dayHour)
-                return false;
-            if (dayMinute === 0)
-                return eventMinute < 30 && eventMinute >= 0;
-            if (dayMinute === 30)
-                return eventMinute >= 30 && eventMinute < 60;
-        }
-        return (isEventInInterval() &&
-            event.initialDate.getDate() === props.day &&
-            event.initialDate.getMonth() === props.month &&
-            event.initialDate.getFullYear() === props.year);
-    });
-    if (filteredEvents.length === 0)
-        return _jsx(_Fragment, {});
-    function makeEventKey(index, sourceIndex) {
-        return `${props.day}-${props.month}-${props.year}-${sourceIndex}-${index}`;
-    }
-    function makeHour(date) {
-        const hours = date.getHours();
-        const minutes = date.getMinutes();
-        if (minutes === 0)
-            return `${hours}h`;
-        return `${hours}h${minutes}`;
-    }
-    function getEventRangeInMinutes(event) {
-        const startMinutes = event.initialDate.getHours() * 60 + event.initialDate.getMinutes();
-        const endMinutes = event.endDate
-            ? event.endDate.getHours() * 60 + event.endDate.getMinutes()
-            : startMinutes + SLOT_DURATION_MINUTES;
-        return {
-            startMinutes,
-            endMinutes: Math.max(endMinutes, startMinutes + 1),
-        };
-    }
-    function countOverlappingPreviousEvents(currentEvent, sourceIndex) {
-        const current = getEventRangeInMinutes(currentEvent);
-        const currentOrderIndex = dayEventOrderBySourceIndex.get(sourceIndex);
-        if (currentOrderIndex == null)
-            return 0;
-        return dayEvents.reduce((count, item, orderIndex) => {
-            if (orderIndex >= currentOrderIndex)
-                return count;
-            const candidate = getEventRangeInMinutes(item.event);
-            const intersects = candidate.startMinutes < current.endMinutes &&
-                candidate.endMinutes > current.startMinutes;
-            if (!intersects)
-                return count;
-            return count + 1;
-        }, 0);
-    }
-    function getEventStyle(event, sourceIndex) {
-        const { startMinutes, endMinutes } = getEventRangeInMinutes(event);
-        const startOffsetInCell = startMinutes - props.timeInMinutes;
-        const durationInMinutes = Math.max(endMinutes - startMinutes, 1);
-        const top = (startOffsetInCell / SLOT_DURATION_MINUTES) * 100;
-        const height = (durationInMinutes / SLOT_DURATION_MINUTES) * 100;
-        const overlapOffset = countOverlappingPreviousEvents(event, sourceIndex) * OVERLAP_OFFSET_PX;
-        return {
-            top: `${top}%`,
-            height: `${height}%`,
-            left: `${overlapOffset}px`,
-        };
-    }
-    function handleEventClick(event, eventData) {
-        event.stopPropagation();
-        eventData.onClick?.(eventData.data);
-    }
-    return filteredEvents.map(({ event, sourceIndex }, index) => (_jsxs("div", { className: `arkynWeekCalendarEvent ${event?.scheme || "primary"}`, style: getEventStyle(event, sourceIndex), onClick: (e) => handleEventClick(e, event), children: [_jsxs("strong", { children: [makeHour(event.initialDate), " ", event?.endDate && `- ${makeHour(event.endDate)}`] }), _jsx("p", { children: event.title })] }, makeEventKey(index, sourceIndex))));
-}
-export { WeekCalendarEvent };

package/dist/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFullCalendar } from "../../_fullCalendarProvider";
-import { ViewService } from "../../_viewService";
-import { WeekCalendarTableTd } from "../weekCalendarTableTd";
-import "./styles.css";
-function WeekCalendarTableBody() {
-    const fullCalendar = useFullCalendar();
-    const viewService = new ViewService();
-    return (_jsx("tbody", { className: "arkynWeekCalendarTableBody", children: fullCalendar.listWeeklyMatrix.map((hourRow) => (_jsxs("tr", { children: [_jsx("td", { className: "hourTd", children: _jsx("p", { children: viewService.formatHourLabel(hourRow[0].timeInMinutes) }) }), hourRow.map((cell, index) => (_jsx(WeekCalendarTableTd, { ...cell }, `${cell.year}-${cell.month}-${cell.day}-${cell.timeInMinutes}-${index}`)))] }, hourRow[0].timeInMinutes))) }));
-}
-export { WeekCalendarTableBody };

package/dist/components/fullCalendar/weekCalendar/weekCalendarTableContainer/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-function WeekCalendarTableContainer({ children, }) {
-    return (_jsx("div", { className: "arkynWeekCalendarTableContainer", children: _jsx("table", { children: children }) }));
-}
-export { WeekCalendarTableContainer };

package/dist/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatToCapitalizeFirstWordLetter } from "@arkyn/shared";
-import { useFullCalendar } from "../../_fullCalendarProvider";
-import "./styles.css";
-function WeekCalendarTableHeader() {
-    const { listWeek, listWeeklyMatrix } = useFullCalendar();
-    const firstHourRow = listWeeklyMatrix[0] || [];
-    return (_jsx("thead", { className: "arkynWeekCalendarTableHeader", children: _jsxs("tr", { children: [_jsx("th", {}), listWeek.map((day, index) => (_jsx("th", { children: _jsxs("div", { className: "arkynWeekCalendarTableHeaderContent", children: [_jsx("span", { children: formatToCapitalizeFirstWordLetter(day) }), _jsx("strong", { children: firstHourRow[index]?.day })] }) }, index)))] }) }));
-}
-export { WeekCalendarTableHeader };