@arkyn/components 3.0.1-beta.145 → 3.0.1-beta.146

package/dist/components/fullCalendar/index.js

@@ -0,0 +1,62 @@
+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";
+/**
+ * FullCalendar — interactive calendar with day, week, and month views.
+ *
+ * Renders a navigable calendar that displays a list of events. The active view
+ * can be switched at runtime via the built-in header controls.
+ *
+ * @param props.defaultView - Initial view to render (`"day"` | `"week"` | `"month"`). Default: `"month"`
+ * @param props.defaultValue - Initial selected date. Defaults to today.
+ * @param props.events - Array of events to display on the calendar.
+ * @param props.events[].title - Event label shown on the calendar.
+ * @param props.events[].date - Event start date/time.
+ * @param props.events[].endDate - Event end date/time (optional).
+ * @param props.events[].data - Arbitrary payload forwarded to `onClick`.
+ * @param props.events[].scheme - Color scheme for the event chip (`"primary"` | `"success"` | `"warning"` | `"danger"` | `"info"`).
+ * @param props.events[].onClick - Fires when the user clicks the event — receives `data`.
+ * @param props.onChange - Fires when the selected date changes — receives the new `Date`.
+ * @param props.onChangeView - Fires when the user navigates to a different period — receives the current `Date`.
+ *
+ * @returns FullCalendar JSX element.
+ *
+ * @example
+ * ```tsx
+ * // Basic monthly calendar
+ * <FullCalendar />
+ *
+ * // Start on week view with a pre-selected date
+ * <FullCalendar defaultView="week" defaultValue={new Date("2025-06-01")} />
+ *
+ * // With events
+ * <FullCalendar
+ *   events={[
+ *     {
+ *       title: "Team meeting",
+ *       date: new Date("2025-06-13T10:00:00"),
+ *       endDate: new Date("2025-06-13T11:00:00"),
+ *       scheme: "primary",
+ *       data: { meetingId: 42 },
+ *       onClick: ({ meetingId }) => openMeeting(meetingId),
+ *     },
+ *     {
+ *       title: "Deadline",
+ *       date: new Date("2025-06-20"),
+ *       scheme: "danger",
+ *     },
+ *   ]}
+ *   onChangeView={(date) => fetchEventsForMonth(date)}
+ * />
+ * ```
+ */
+function FullCalendar(props) {
+    const [viewType, setViewType] = useState(props.defaultView || "month");
+    return (_jsx(FullCalendarProvider, { events: props.events || [], defaultValue: props.defaultValue, onChangeView: props.onChangeView, 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.d.ts

@@ -0,0 +1,3 @@
+declare function MonthlyCalendar(): import("react/jsx-runtime").JSX.Element;
+export { MonthlyCalendar };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fullCalendar/monthlyCalendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/fullCalendar/monthlyCalendar/index.tsx"],"names":[],"mappings":"AAIA,iBAAS,eAAe,4CAOvB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,8 @@
+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.d.ts

@@ -0,0 +1,9 @@
+import "./styles.css";
+type MonthlyCalendarEventProps = {
+    day: number;
+    month: number;
+    year: number;
+};
+declare function MonthlyCalendarEvent(props: MonthlyCalendarEventProps): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+export { MonthlyCalendarEvent };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,yBAAyB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,iBAAS,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,uFAsC7D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

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

@@ -0,0 +1,25 @@
+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.date.getDate() === props.day &&
+            event.date.getMonth() === props.month &&
+            event.date.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}`;
+    }
+    return filteredEvents.map((event, index) => (_jsxs("div", { className: `arkynMonthlyCalendarEvent ${event?.scheme || "primary"}`, onClick: () => event.onClick?.(event.data), children: [_jsxs("strong", { children: [makeHour(event.date), " ", event?.endDate && `- ${makeHour(event.endDate)}`] }), _jsx("p", { children: event.title })] }, makeEventKey(index))));
+}
+export { MonthlyCalendarEvent };

package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/index.d.ts

@@ -0,0 +1,4 @@
+import "./styles.css";
+declare function MonthlyCalendarTableBody(): import("react/jsx-runtime").JSX.Element;
+export { MonthlyCalendarTableBody };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,iBAAS,wBAAwB,4CAchC;AAED,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

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

@@ -0,0 +1,9 @@
+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.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import "./styles.css";
+type MonthlyCalendarTableContainerProps = {
+    children: ReactNode;
+};
+declare function MonthlyCalendarTableContainer({ children, }: MonthlyCalendarTableContainerProps): import("react/jsx-runtime").JSX.Element;
+export { MonthlyCalendarTableContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,kCAAkC,GAAG;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,6BAA6B,CAAC,EACrC,QAAQ,GACT,EAAE,kCAAkC,2CAMpC;AAED,OAAO,EAAE,6BAA6B,EAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import "./styles.css";
+declare function MonthlyCalendarTableHeader(): import("react/jsx-runtime").JSX.Element;
+export { MonthlyCalendarTableHeader };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,iBAAS,0BAA0B,4CAYlC;AAED,OAAO,EAAE,0BAA0B,EAAE,CAAC"}

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

@@ -0,0 +1,9 @@
+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.d.ts

@@ -0,0 +1,10 @@
+import "./styles.css";
+type MonthlyCalendarTableTdProps = {
+    day: number;
+    month: number;
+    year: number;
+    dayOwner: "previous" | "current" | "next";
+};
+declare function MonthlyCalendarTableTd(props: MonthlyCalendarTableTdProps): import("react/jsx-runtime").JSX.Element;
+export { MonthlyCalendarTableTd };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,2BAA2B,GAAG;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;CAC3C,CAAC;AAEF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAoBjE;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MonthlyCalendarEvent } from "../monthlyCalendarEvent";
+import "./styles.css";
+function MonthlyCalendarTableTd(props) {
+    const { day, month, year, dayOwner } = props;
+    function isToday() {
+        const today = new Date();
+        return (day === today.getDate() &&
+            month === today.getMonth() &&
+            year === today.getFullYear());
+    }
+    return (_jsxs("td", { className: `arkynMonthlyCalendarTableTd ${dayOwner}`, 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.d.ts

@@ -0,0 +1,3 @@
+declare function WeekCalendar(): import("react/jsx-runtime").JSX.Element;
+export { WeekCalendar };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fullCalendar/weekCalendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/fullCalendar/weekCalendar/index.tsx"],"names":[],"mappings":"AAIA,iBAAS,YAAY,4CAOpB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,8 @@
+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.d.ts

@@ -0,0 +1,10 @@
+import "./styles.css";
+type WeekCalendarEventProps = {
+    day: number;
+    month: number;
+    year: number;
+    timeInMinutes: number;
+};
+declare function WeekCalendarEvent(props: WeekCalendarEventProps): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+export { WeekCalendarEvent };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fullCalendar/weekCalendar/weekCalendarEvent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/weekCalendar/weekCalendarEvent/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,sBAAsB,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAKF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,uFAuIvD;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -0,0 +1,98 @@
+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.date.getDate() === props.day &&
+            event.date.getMonth() === props.month &&
+            event.date.getFullYear() === props.year);
+    })
+        .sort((a, b) => {
+        const startA = a.event.date.getTime();
+        const startB = b.event.date.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.date.getHours();
+            const eventMinute = event.date.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.date.getDate() === props.day &&
+            event.date.getMonth() === props.month &&
+            event.date.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.date.getHours() * 60 + event.date.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`,
+        };
+    }
+    return filteredEvents.map(({ event, sourceIndex }, index) => (_jsxs("div", { className: `arkynWeekCalendarEvent ${event?.scheme || "primary"}`, style: getEventStyle(event, sourceIndex), onClick: () => event.onClick?.(event.data), children: [_jsxs("strong", { children: [makeHour(event.date), " ", event?.endDate && `- ${makeHour(event.endDate)}`] }), _jsx("p", { children: event.title })] }, makeEventKey(index, sourceIndex))));
+}
+export { WeekCalendarEvent };

package/dist/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.d.ts

@@ -0,0 +1,4 @@
+import "./styles.css";
+declare function WeekCalendarTableBody(): import("react/jsx-runtime").JSX.Element;
+export { WeekCalendarTableBody };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAC;AAEtB,iBAAS,qBAAqB,4CAsB7B;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

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

@@ -0,0 +1,11 @@
+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.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import "./styles.css";
+type WeekCalendarTableContainerProps = {
+    children: ReactNode;
+};
+declare function WeekCalendarTableContainer({ children, }: WeekCalendarTableContainerProps): import("react/jsx-runtime").JSX.Element;
+export { WeekCalendarTableContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fullCalendar/weekCalendar/weekCalendarTableContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,+BAA+B,GAAG;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,0BAA0B,CAAC,EAClC,QAAQ,GACT,EAAE,+BAA+B,2CAMjC;AAED,OAAO,EAAE,0BAA0B,EAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import "./styles.css";
+declare function WeekCalendarTableHeader(): import("react/jsx-runtime").JSX.Element;
+export { WeekCalendarTableHeader };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,iBAAS,uBAAuB,4CAmB/B;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+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 };

package/dist/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.d.ts

@@ -0,0 +1,11 @@
+import "./styles.css";
+type WeekCalendarTableTdProps = {
+    day: number;
+    month: number;
+    year: number;
+    dayOwner: "previous" | "current" | "next";
+    timeInMinutes: number;
+};
+declare function WeekCalendarTableTd(props: WeekCalendarTableTdProps): import("react/jsx-runtime").JSX.Element;
+export { WeekCalendarTableTd };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/fullCalendar/weekCalendar/weekCalendarTableTd/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,wBAAwB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IAC1C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA4B3D;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WeekCalendarEvent } from "../weekCalendarEvent";
+import "./styles.css";
+function WeekCalendarTableTd(props) {
+    const { day, month, year, dayOwner, timeInMinutes } = props;
+    function isToday() {
+        const today = new Date();
+        return (day === today.getDate() &&
+            month === today.getMonth() &&
+            year === today.getFullYear());
+    }
+    return (_jsx("td", { className: `arkynWeekCalendarTableTd ${dayOwner} ${isToday() ? "today" : ""}`, "data-day": day, "data-time": timeInMinutes, children: _jsx("div", { className: "arkynWeekCalendarTableTdContent", children: _jsx(WeekCalendarEvent, { day: day, month: month, year: year, timeInMinutes: timeInMinutes }) }) }));
+}
+export { WeekCalendarTableTd };

package/dist/index.d.ts

@@ -21,6 +21,7 @@ export { FieldError } from "./components/fieldError";
 export { FieldLabel } from "./components/fieldLabel";
 export { FieldWrapper } from "./components/fieldWrapper";
 export { FileUpload } from "./components/fileUpload";
+export { FullCalendar } from "./components/fullCalendar";
 export { GoogleAnalytics } from "./components/googleAnalytics";
 export { GoogleTagManager } from "./components/googleTagManager";
 export { IconButton } from "./components/iconButton";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG1D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/index.js

@@ -22,6 +22,7 @@ export { FieldError } from "./components/fieldError";
 export { FieldLabel } from "./components/fieldLabel";
 export { FieldWrapper } from "./components/fieldWrapper";
 export { FileUpload } from "./components/fileUpload";
+export { FullCalendar } from "./components/fullCalendar";
 export { GoogleAnalytics } from "./components/googleAnalytics";
 export { GoogleTagManager } from "./components/googleTagManager";
 export { IconButton } from "./components/iconButton";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "3.0.1-beta.145",
+  "version": "3.0.1-beta.146",
   "main": "./dist/bundle.js",
   "module": "./dist/bundle.js",
   "types": "./dist/index.d.ts",