kalendly 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,623 @@
+import React, { CSSProperties, ReactNode } from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+
+interface CalendarEvent {
+    id: string | number;
+    name: string;
+    date: string | Date;
+    description?: string;
+    color?: string;
+    [key: string]: any;
+}
+interface CalendarDate {
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    hasEvents: boolean;
+    events: CalendarEvent[];
+}
+interface CalendarState {
+    currentYear: number;
+    currentMonth: number;
+    currentDate: number;
+    selectedDate: Date | null;
+    selectedDayIndex: number | null;
+    tasks: CalendarEvent[];
+}
+interface CalendarConfig {
+    events: CalendarEvent[];
+    initialDate?: Date;
+    minYear?: number;
+    maxYear?: number;
+    weekStartsOn?: 0 | 1;
+}
+interface CalendarActions {
+    next: () => void;
+    previous: () => void;
+    jump: (year: number, month: number) => void;
+    selectDate: (date: Date) => void;
+    updateTasks: () => void;
+}
+interface PopupPosition {
+    class: 'popup-left' | 'popup-right' | 'popup-center-top' | 'popup-center-bottom';
+    style?: Record<string, string | number>;
+}
+interface CalendarViewModel extends CalendarState {
+    months: string[];
+    days: string[];
+    years: number[];
+    monthAndYearText: string;
+    scheduleDay: string;
+    calendarDates: (CalendarDate | null)[][];
+    popupPositionClass: string;
+}
+type CalendarEventHandler = (event: CalendarEvent) => void;
+interface CalendarProps {
+    events: CalendarEvent[];
+    initialDate?: Date;
+    minYear?: number;
+    maxYear?: number;
+    weekStartsOn?: 0 | 1;
+    onDateSelect?: (date: Date) => void;
+    onEventClick?: CalendarEventHandler;
+    onMonthChange?: (year: number, month: number) => void;
+}
+
+declare const MONTHS: string[];
+declare const DAYS: string[];
+/**
+ * Normalizes a date to midnight (00:00:00) for comparison purposes
+ */
+declare function normalizeDate(date: Date): Date;
+/**
+ * Checks if two dates are the same day
+ */
+declare function isSameDay(date1: Date, date2: Date): boolean;
+/**
+ * Checks if a date is today
+ */
+declare function isToday(date: Date): boolean;
+/**
+ * Generates an array of years for the year selector
+ */
+declare function generateYears(minYear?: number, maxYear?: number): number[];
+/**
+ * Gets events for a specific date
+ */
+declare function getEventsForDate(events: CalendarEvent[], date: Date): CalendarEvent[];
+/**
+ * Checks if a date has any events
+ */
+declare function hasEvents(events: CalendarEvent[], date: Date): boolean;
+/**
+ * Generates calendar dates for a given month and year
+ */
+declare function generateCalendarDates(year: number, month: number, events?: CalendarEvent[], weekStartsOn?: 0 | 1): (CalendarDate | null)[][];
+/**
+ * Gets the popup position class based on the selected day index
+ */
+declare function getPopupPositionClass(selectedDayIndex: number | null): string;
+/**
+ * Gets CSS classes for a calendar cell
+ */
+declare function getCellClasses(calendarDate: CalendarDate | null): string[];
+/**
+ * Formats a date for display
+ */
+declare function formatDateForDisplay(date: Date): string;
+/**
+ * Gets month and year text for display
+ */
+declare function getMonthYearText(year: number, month: number): string;
+
+declare class CalendarEngine {
+    private state;
+    private config;
+    private listeners;
+    constructor(config: CalendarConfig);
+    /**
+     * Subscribe to state changes
+     */
+    subscribe(listener: () => void): () => void;
+    /**
+     * Notify all listeners of state changes
+     */
+    private notify;
+    /**
+     * Get current state
+     */
+    getState(): CalendarState;
+    /**
+     * Get view model with computed properties
+     */
+    getViewModel(): CalendarViewModel;
+    /**
+     * Get actions object
+     */
+    getActions(): CalendarActions;
+    /**
+     * Navigate to next month
+     */
+    private next;
+    /**
+     * Navigate to previous month
+     */
+    private previous;
+    /**
+     * Jump to specific month and year
+     */
+    private jump;
+    /**
+     * Select a specific date
+     */
+    private selectDate;
+    /**
+     * Update tasks for the currently selected date
+     */
+    private updateTasks;
+    /**
+     * Update events configuration
+     */
+    updateEvents(events: CalendarEvent[]): void;
+    /**
+     * Handle date cell click
+     */
+    handleDateClick(date: Date, dayIndex?: number): void;
+    /**
+     * Check if date has events
+     */
+    hasEventsForDate(date: Date): boolean;
+    /**
+     * Get events for a specific date
+     */
+    getEventsForDate(date: Date): CalendarEvent[];
+    /**
+     * Clear selected date
+     */
+    clearSelection(): void;
+    /**
+     * Destroy the engine and cleanup listeners
+     */
+    destroy(): void;
+}
+
+interface ReactCalendarProps extends CalendarProps {
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+    renderEvent?: (event: CalendarEvent) => ReactNode;
+    renderNoEvents?: () => ReactNode;
+    title?: string;
+}
+type CalendarComponentProps$1 = ReactCalendarProps;
+interface DatePopupProps$1 {
+    isVisible: boolean;
+    selectedDate: Date | null;
+    events: CalendarEvent[];
+    scheduleDay: string;
+    popupPositionClass: string;
+    onClose?: () => void;
+    onEventClick?: (event: CalendarEvent) => void;
+    renderEvent?: (event: CalendarEvent) => ReactNode;
+    renderNoEvents?: () => ReactNode;
+}
+
+declare const Calendar$1: React.FC<CalendarComponentProps$1>;
+
+declare const DatePopup$1: React.FC<DatePopupProps$1>;
+
+type index$2_CalendarActions = CalendarActions;
+type index$2_CalendarConfig = CalendarConfig;
+type index$2_CalendarDate = CalendarDate;
+type index$2_CalendarEngine = CalendarEngine;
+declare const index$2_CalendarEngine: typeof CalendarEngine;
+type index$2_CalendarEvent = CalendarEvent;
+type index$2_CalendarEventHandler = CalendarEventHandler;
+type index$2_CalendarProps = CalendarProps;
+type index$2_CalendarState = CalendarState;
+type index$2_CalendarViewModel = CalendarViewModel;
+declare const index$2_DAYS: typeof DAYS;
+declare const index$2_MONTHS: typeof MONTHS;
+type index$2_PopupPosition = PopupPosition;
+type index$2_ReactCalendarProps = ReactCalendarProps;
+declare const index$2_formatDateForDisplay: typeof formatDateForDisplay;
+declare const index$2_generateCalendarDates: typeof generateCalendarDates;
+declare const index$2_generateYears: typeof generateYears;
+declare const index$2_getCellClasses: typeof getCellClasses;
+declare const index$2_getEventsForDate: typeof getEventsForDate;
+declare const index$2_getMonthYearText: typeof getMonthYearText;
+declare const index$2_getPopupPositionClass: typeof getPopupPositionClass;
+declare const index$2_hasEvents: typeof hasEvents;
+declare const index$2_isSameDay: typeof isSameDay;
+declare const index$2_isToday: typeof isToday;
+declare const index$2_normalizeDate: typeof normalizeDate;
+declare namespace index$2 {
+  export { Calendar$1 as Calendar, type index$2_CalendarActions as CalendarActions, type CalendarComponentProps$1 as CalendarComponentProps, type index$2_CalendarConfig as CalendarConfig, type index$2_CalendarDate as CalendarDate, index$2_CalendarEngine as CalendarEngine, type index$2_CalendarEvent as CalendarEvent, type index$2_CalendarEventHandler as CalendarEventHandler, type index$2_CalendarProps as CalendarProps, type index$2_CalendarState as CalendarState, type index$2_CalendarViewModel as CalendarViewModel, index$2_DAYS as DAYS, DatePopup$1 as DatePopup, type DatePopupProps$1 as DatePopupProps, index$2_MONTHS as MONTHS, type index$2_PopupPosition as PopupPosition, type index$2_ReactCalendarProps as ReactCalendarProps, index$2_formatDateForDisplay as formatDateForDisplay, index$2_generateCalendarDates as generateCalendarDates, index$2_generateYears as generateYears, index$2_getCellClasses as getCellClasses, index$2_getEventsForDate as getEventsForDate, index$2_getMonthYearText as getMonthYearText, index$2_getPopupPositionClass as getPopupPositionClass, index$2_hasEvents as hasEvents, index$2_isSameDay as isSameDay, index$2_isToday as isToday, index$2_normalizeDate as normalizeDate };
+}
+
+interface ReactNativeCalendarProps extends CalendarProps {
+    style?: ViewStyle;
+    containerStyle?: ViewStyle;
+    headerStyle?: ViewStyle;
+    headerTextStyle?: TextStyle;
+    cellStyle?: ViewStyle;
+    cellTextStyle?: TextStyle;
+    renderEvent?: (event: CalendarEvent) => ReactNode;
+    renderNoEvents?: () => ReactNode;
+    title?: string;
+    showCloseButton?: boolean;
+}
+type CalendarComponentProps = ReactNativeCalendarProps;
+interface DatePopupProps {
+    visible: boolean;
+    selectedDate: Date | null;
+    events: CalendarEvent[];
+    scheduleDay: string;
+    onClose: () => void;
+    renderEvent?: (event: CalendarEvent) => ReactNode;
+    renderNoEvents?: () => ReactNode;
+    showCloseButton?: boolean;
+}
+interface SelectProps {
+    options: Array<{
+        label: string;
+        value: number;
+    }>;
+    selectedValue: number;
+    onValueChange: (value: number) => void;
+    style?: ViewStyle;
+    textStyle?: TextStyle;
+}
+
+declare const Calendar: React.FC<CalendarComponentProps>;
+
+declare const DatePopup: React.FC<DatePopupProps>;
+
+declare const calendarStyles: {
+    container: {
+        flex: number;
+        backgroundColor: string;
+    };
+    titleContainer: {
+        paddingVertical: number;
+        alignItems: "center";
+    };
+    title: {
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+    };
+    contentContainer: {
+        marginHorizontal: number;
+        marginTop: number;
+    };
+    card: {
+        backgroundColor: string;
+        borderRadius: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        overflow: "hidden";
+    };
+    cardHeader: {
+        backgroundColor: string;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+    cardHeaderText: {
+        fontSize: number;
+        fontWeight: "500";
+        color: string;
+        textAlign: "center";
+    };
+    table: {
+        backgroundColor: string;
+    };
+    tableHeader: {
+        flexDirection: "row";
+        backgroundColor: string;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+    tableHeaderCell: {
+        flex: number;
+        paddingVertical: number;
+        borderRightWidth: number;
+        borderRightColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    tableHeaderText: {
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+    };
+    tableRow: {
+        flexDirection: "row";
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+    tableCell: {
+        flex: number;
+        height: number;
+        borderRightWidth: number;
+        borderRightColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+        position: "relative";
+    };
+    tableCellText: {
+        fontSize: number;
+        color: string;
+    };
+    cellToday: {
+        borderWidth: number;
+        borderColor: string;
+    };
+    cellTodayText: {
+        fontWeight: "bold";
+    };
+    cellWithEvents: {
+        backgroundColor: string;
+    };
+    eventIndicator: {
+        position: "absolute";
+        bottom: number;
+        width: number;
+        height: number;
+        backgroundColor: string;
+        borderRadius: number;
+    };
+    navigationContainer: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        gap: number;
+    };
+    navigationButton: {
+        flex: number;
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    navigationButtonText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "500";
+    };
+    navigationButtonPressed: {
+        backgroundColor: string;
+    };
+    navigationButtonTextPressed: {
+        color: string;
+    };
+    jumpForm: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+        paddingBottom: number;
+        gap: number;
+    };
+    jumpLabel: {
+        fontSize: number;
+        fontWeight: "300";
+        color: string;
+    };
+    jumpSelect: {
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        backgroundColor: string;
+        minWidth: number;
+    };
+    jumpSelectText: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+    };
+    popupOverlay: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+        zIndex: number;
+    };
+    popup: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        width: number;
+        maxWidth: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    popupWrapper: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+    };
+    popupBlock: {
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        marginBottom: number;
+    };
+    popupDay: {
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+        textAlign: "center";
+    };
+    eventsList: {
+        gap: number;
+    };
+    eventItem: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+    };
+    eventItemText: {
+        fontSize: number;
+        color: string;
+    };
+    noEventsMessage: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+        alignItems: "center";
+    };
+    noEventsText: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+    };
+    popupCloseButton: {
+        position: "absolute";
+        top: number;
+        right: number;
+        backgroundColor: string;
+        borderRadius: number;
+        width: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    popupCloseText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "bold";
+    };
+};
+
+declare const index$1_Calendar: typeof Calendar;
+type index$1_CalendarActions = CalendarActions;
+type index$1_CalendarComponentProps = CalendarComponentProps;
+type index$1_CalendarConfig = CalendarConfig;
+type index$1_CalendarDate = CalendarDate;
+type index$1_CalendarEngine = CalendarEngine;
+declare const index$1_CalendarEngine: typeof CalendarEngine;
+type index$1_CalendarEvent = CalendarEvent;
+type index$1_CalendarEventHandler = CalendarEventHandler;
+type index$1_CalendarProps = CalendarProps;
+type index$1_CalendarState = CalendarState;
+type index$1_CalendarViewModel = CalendarViewModel;
+declare const index$1_DAYS: typeof DAYS;
+declare const index$1_DatePopup: typeof DatePopup;
+type index$1_DatePopupProps = DatePopupProps;
+declare const index$1_MONTHS: typeof MONTHS;
+type index$1_PopupPosition = PopupPosition;
+type index$1_ReactNativeCalendarProps = ReactNativeCalendarProps;
+type index$1_SelectProps = SelectProps;
+declare const index$1_calendarStyles: typeof calendarStyles;
+declare const index$1_formatDateForDisplay: typeof formatDateForDisplay;
+declare const index$1_generateCalendarDates: typeof generateCalendarDates;
+declare const index$1_generateYears: typeof generateYears;
+declare const index$1_getCellClasses: typeof getCellClasses;
+declare const index$1_getEventsForDate: typeof getEventsForDate;
+declare const index$1_getMonthYearText: typeof getMonthYearText;
+declare const index$1_getPopupPositionClass: typeof getPopupPositionClass;
+declare const index$1_hasEvents: typeof hasEvents;
+declare const index$1_isSameDay: typeof isSameDay;
+declare const index$1_isToday: typeof isToday;
+declare const index$1_normalizeDate: typeof normalizeDate;
+declare namespace index$1 {
+  export { index$1_Calendar as Calendar, type index$1_CalendarActions as CalendarActions, type index$1_CalendarComponentProps as CalendarComponentProps, type index$1_CalendarConfig as CalendarConfig, type index$1_CalendarDate as CalendarDate, index$1_CalendarEngine as CalendarEngine, type index$1_CalendarEvent as CalendarEvent, type index$1_CalendarEventHandler as CalendarEventHandler, type index$1_CalendarProps as CalendarProps, type index$1_CalendarState as CalendarState, type index$1_CalendarViewModel as CalendarViewModel, index$1_DAYS as DAYS, index$1_DatePopup as DatePopup, type index$1_DatePopupProps as DatePopupProps, index$1_MONTHS as MONTHS, type index$1_PopupPosition as PopupPosition, type index$1_ReactNativeCalendarProps as ReactNativeCalendarProps, type index$1_SelectProps as SelectProps, index$1_calendarStyles as calendarStyles, index$1_formatDateForDisplay as formatDateForDisplay, index$1_generateCalendarDates as generateCalendarDates, index$1_generateYears as generateYears, index$1_getCellClasses as getCellClasses, index$1_getEventsForDate as getEventsForDate, index$1_getMonthYearText as getMonthYearText, index$1_getPopupPositionClass as getPopupPositionClass, index$1_hasEvents as hasEvents, index$1_isSameDay as isSameDay, index$1_isToday as isToday, index$1_normalizeDate as normalizeDate };
+}
+
+interface VanillaCalendarProps extends CalendarProps {
+    container: HTMLElement | string;
+    className?: string;
+    title?: string;
+    renderEvent?: (event: CalendarEvent) => string;
+    renderNoEvents?: () => string;
+}
+interface VanillaCalendarInstance {
+    destroy: () => void;
+    updateEvents: (events: CalendarEvent[]) => void;
+    getCurrentDate: () => Date | null;
+    goToDate: (date: Date) => void;
+    getEngine: () => CalendarEngine;
+}
+
+declare class VanillaCalendar implements VanillaCalendarInstance {
+    private engine;
+    private container;
+    private unsubscribe;
+    private props;
+    private actions;
+    constructor(props: VanillaCalendarProps);
+    private init;
+    private render;
+    private attachEventListeners;
+    updateEvents(events: CalendarEvent[]): void;
+    getCurrentDate(): Date | null;
+    goToDate(date: Date): void;
+    getEngine(): CalendarEngine;
+    destroy(): void;
+}
+declare function createCalendar(props: VanillaCalendarProps): VanillaCalendarInstance;
+
+type index_CalendarActions = CalendarActions;
+type index_CalendarConfig = CalendarConfig;
+type index_CalendarDate = CalendarDate;
+type index_CalendarEngine = CalendarEngine;
+declare const index_CalendarEngine: typeof CalendarEngine;
+type index_CalendarEvent = CalendarEvent;
+type index_CalendarEventHandler = CalendarEventHandler;
+type index_CalendarProps = CalendarProps;
+type index_CalendarState = CalendarState;
+type index_CalendarViewModel = CalendarViewModel;
+declare const index_DAYS: typeof DAYS;
+declare const index_MONTHS: typeof MONTHS;
+type index_PopupPosition = PopupPosition;
+type index_VanillaCalendar = VanillaCalendar;
+declare const index_VanillaCalendar: typeof VanillaCalendar;
+type index_VanillaCalendarInstance = VanillaCalendarInstance;
+type index_VanillaCalendarProps = VanillaCalendarProps;
+declare const index_createCalendar: typeof createCalendar;
+declare const index_formatDateForDisplay: typeof formatDateForDisplay;
+declare const index_generateCalendarDates: typeof generateCalendarDates;
+declare const index_generateYears: typeof generateYears;
+declare const index_getCellClasses: typeof getCellClasses;
+declare const index_getEventsForDate: typeof getEventsForDate;
+declare const index_getMonthYearText: typeof getMonthYearText;
+declare const index_getPopupPositionClass: typeof getPopupPositionClass;
+declare const index_hasEvents: typeof hasEvents;
+declare const index_isSameDay: typeof isSameDay;
+declare const index_isToday: typeof isToday;
+declare const index_normalizeDate: typeof normalizeDate;
+declare namespace index {
+  export { type index_CalendarActions as CalendarActions, type index_CalendarConfig as CalendarConfig, type index_CalendarDate as CalendarDate, index_CalendarEngine as CalendarEngine, type index_CalendarEvent as CalendarEvent, type index_CalendarEventHandler as CalendarEventHandler, type index_CalendarProps as CalendarProps, type index_CalendarState as CalendarState, type index_CalendarViewModel as CalendarViewModel, index_DAYS as DAYS, index_MONTHS as MONTHS, type index_PopupPosition as PopupPosition, index_VanillaCalendar as VanillaCalendar, type index_VanillaCalendarInstance as VanillaCalendarInstance, type index_VanillaCalendarProps as VanillaCalendarProps, index_createCalendar as createCalendar, index_formatDateForDisplay as formatDateForDisplay, index_generateCalendarDates as generateCalendarDates, index_generateYears as generateYears, index_getCellClasses as getCellClasses, index_getEventsForDate as getEventsForDate, index_getMonthYearText as getMonthYearText, index_getPopupPositionClass as getPopupPositionClass, index_hasEvents as hasEvents, index_isSameDay as isSameDay, index_isToday as isToday, index_normalizeDate as normalizeDate };
+}
+
+declare const version = "1.0.0";
+declare const name = "kalendly";
+
+export { type CalendarActions, type CalendarConfig, type CalendarDate, CalendarEngine, type CalendarEvent, type CalendarEventHandler, type CalendarProps, type CalendarState, type CalendarViewModel, DAYS, MONTHS, type PopupPosition, index$2 as React, Calendar$1 as ReactCalendar, index$1 as ReactNative, Calendar as ReactNativeCalendar, index as Vanilla, createCalendar as createVanillaCalendar, formatDateForDisplay, generateCalendarDates, generateYears, getCellClasses, getEventsForDate, getMonthYearText, getPopupPositionClass, hasEvents, isSameDay, isToday, name, normalizeDate, version };