@dayflow/core 2.0.7 → 3.0.0

package/dist/types/calendar.d.ts

@@ -1,26 +0,0 @@
-/**
- * Date data interface
- * Represents detailed information for a single date
- */
-export interface DayData {
-    date: Date;
-    day: number;
-    month: number;
-    year: number;
-    monthName: string;
-    shortMonthName: string;
-    isToday: boolean;
-}
-/**
- * Week data interface
- * Represents a week's data, containing date information for 7 days
- */
-export interface WeeksData {
-    days: DayData[];
-    startDate: Date;
-    monthYear: {
-        month: string;
-        monthIndex: number;
-        year: number;
-    };
-}

package/dist/types/calendarTypes.d.ts

@@ -1,68 +0,0 @@
-/**
- * Color configuration for a calendar type
- */
-export interface CalendarColors {
-    /** Event background color */
-    eventColor: string;
-    /** Selected event background color */
-    eventSelectedColor: string;
-    /** Border/line color */
-    lineColor: string;
-    /** Text color */
-    textColor: string;
-}
-/**
- * Calendar Type Definition
- * Represents a category of events (e.g., Work, Personal, Study)
- */
-export interface CalendarType {
-    /** Unique identifier (e.g., 'work', 'personal') */
-    id: string;
-    /** Display name (e.g., 'Work', 'Personal') */
-    name: string;
-    /** Optional description */
-    description?: string;
-    /** Light mode colors */
-    colors: CalendarColors;
-    /** Dark mode colors (optional, falls back to light mode if not provided) */
-    darkColors?: CalendarColors;
-    /** Optional icon (emoji or icon name) */
-    icon?: string;
-    /** Whether this is a system default type */
-    isDefault?: boolean;
-    /** Whether events of this type should be visible */
-    isVisible?: boolean;
-}
-/**
- * Theme mode
- */
-export type ThemeMode = 'light' | 'dark' | 'auto';
-/**
- * System-level theme colors
- */
-export interface ThemeColors {
-    background?: string;
-    text?: string;
-    border?: string;
-    [key: string]: string | undefined;
-}
-/**
- * Theme configuration
- */
-export interface ThemeConfig {
-    /** Current theme mode */
-    mode: ThemeMode;
-    /** System-level theme colors (optional) */
-    colors?: ThemeColors;
-}
-/**
- * Calendar configuration for the app
- */
-export interface CalendarsConfig {
-    /** Array of calendar types */
-    calendars?: CalendarType[];
-    /** Default calendar for new events */
-    defaultCalendar?: string;
-    /** Theme configuration */
-    theme?: ThemeConfig;
-}

package/dist/types/config.d.ts

@@ -1,19 +0,0 @@
-import { ViewType } from './core';
-/**
- * Drag configuration type
- * Defines configuration parameters for drag functionality
- */
-export interface DragConfig {
-    viewType: ViewType;
-    getLineColor: (color: string) => string;
-    getDynamicPadding: (drag: {
-        endHour: number;
-        startHour: number;
-    }) => string;
-    HOUR_HEIGHT: number;
-    FIRST_HOUR: number;
-    LAST_HOUR: number;
-    MIN_DURATION: number;
-    TIME_COLUMN_WIDTH: number;
-    ALL_DAY_HEIGHT: number;
-}

package/dist/types/core.d.ts

@@ -1,265 +0,0 @@
-import React from 'react';
-import { Event } from './event';
-import { ViewSwitcherMode } from '../components/common/ViewHeader';
-import { CalendarType, ThemeConfig, ThemeMode } from './calendarTypes';
-import { CalendarRegistry } from '../core/calendarRegistry';
-import { Locale } from '../locale/types';
-import { MobileEventRenderer } from './mobileEvent';
-/**
- * View type enum
- */
-export declare enum ViewType {
-    DAY = "day",
-    WEEK = "week",
-    MONTH = "month",
-    YEAR = "year"
-}
-/**
- * Plugin interface
- * Defines the basic structure of calendar plugins
- */
-export interface CalendarPlugin {
-    name: string;
-    install: (app: CalendarApp) => void;
-    config?: Record<string, unknown>;
-    api?: unknown;
-}
-/**
- * View interface
- * Defines the basic structure of calendar views
- */
-export interface CalendarView {
-    type: ViewType;
-    component: React.ComponentType<any>;
-    config?: Record<string, unknown>;
-}
-/**
- * Calendar callbacks interface
- * Defines calendar event callback functions
- */
-export interface CalendarCallbacks {
-    onViewChange?: (view: ViewType) => void | Promise<void>;
-    onEventCreate?: (event: Event) => void | Promise<void>;
-    onEventUpdate?: (event: Event) => void | Promise<void>;
-    onEventDelete?: (eventId: string) => void | Promise<void>;
-    onDateChange?: (date: Date) => void | Promise<void>;
-    onRender?: () => void | Promise<void>;
-    onVisibleMonthChange?: (date: Date) => void | Promise<void>;
-    onCalendarUpdate?: (calendar: CalendarType) => void | Promise<void>;
-    onCalendarCreate?: (calendar: CalendarType) => void | Promise<void>;
-    onCalendarDelete?: (calendarId: string) => void | Promise<void>;
-    onCalendarMerge?: (sourceId: string, targetId: string) => void | Promise<void>;
-    onEventClick?: (event: Event) => void | Promise<void>;
-    onMoreEventsClick?: (date: Date) => void | Promise<void>;
-}
-export interface CreateCalendarDialogProps {
-    onClose: () => void;
-    onCreate: (calendar: CalendarType) => void;
-    colorPickerMode?: 'blossom' | 'default';
-}
-export interface CalendarHeaderProps {
-    calendar: CalendarApp;
-    switcherMode?: ViewSwitcherMode;
-    onAddCalendar?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    onSearchChange?: (value: string) => void;
-    /** Triggered when search icon is clicked (typically on mobile) */
-    onSearchClick?: () => void;
-    searchValue?: string;
-    isSearchOpen?: boolean;
-    isEditable?: boolean;
-}
-/**
- * Sidebar render props
- */
-export interface CalendarSidebarRenderProps {
-    app: CalendarApp;
-    calendars: CalendarType[];
-    toggleCalendarVisibility: (calendarId: string, visible: boolean) => void;
-    toggleAll: (visible: boolean) => void;
-    isCollapsed: boolean;
-    setCollapsed: (collapsed: boolean) => void;
-    renderCalendarContextMenu?: (calendar: CalendarType, onClose: () => void) => React.ReactNode;
-    createCalendarMode?: 'inline' | 'modal';
-    renderCreateCalendarDialog?: (props: CreateCalendarDialogProps) => React.ReactNode;
-    editingCalendarId?: string | null;
-    setEditingCalendarId?: (id: string | null) => void;
-    onCreateCalendar?: () => void;
-    colorPickerMode?: 'blossom' | 'default';
-}
-/**
- * Sidebar config
- */
-export interface SidebarConfig {
-    enabled?: boolean;
-    width?: number | string;
-    initialCollapsed?: boolean;
-    render?: (props: CalendarSidebarRenderProps) => React.ReactNode;
-    renderCalendarContextMenu?: (calendar: CalendarType, onClose: () => void) => React.ReactNode;
-    createCalendarMode?: 'inline' | 'modal';
-    renderCreateCalendarDialog?: (props: CreateCalendarDialogProps) => React.ReactNode;
-    /** Color picker mode: 'blossom' for BlossomColorPicker, 'default' for react-color */
-    colorPickerMode?: 'blossom' | 'default';
-}
-/**
- * Calendar application configuration
- * Used to initialize CalendarApp
- */
-export interface CalendarAppConfig {
-    views: CalendarView[];
-    plugins?: CalendarPlugin[];
-    events?: Event[];
-    callbacks?: CalendarCallbacks;
-    defaultView?: ViewType;
-    initialDate?: Date;
-    switcherMode?: ViewSwitcherMode;
-    calendars?: CalendarType[];
-    defaultCalendar?: string;
-    theme?: ThemeConfig;
-    useSidebar?: boolean | SidebarConfig;
-    useEventDetailDialog?: boolean;
-    useCalendarHeader?: boolean | ((props: CalendarHeaderProps) => React.ReactNode);
-    customMobileEventRenderer?: MobileEventRenderer;
-    locale?: string | Locale;
-    readOnly?: boolean | ReadOnlyConfig;
-}
-/**
- * Read-only configuration
- */
-export interface ReadOnlyConfig {
-    draggable?: boolean;
-    viewable?: boolean;
-}
-/**
- * Calendar application state
- * Internal state of CalendarApp
- */
-export interface CalendarAppState {
-    currentView: ViewType;
-    currentDate: Date;
-    events: Event[];
-    plugins: Map<string, CalendarPlugin>;
-    views: Map<ViewType, CalendarView>;
-    switcherMode?: ViewSwitcherMode;
-    sidebar?: SidebarConfig;
-    locale: string | Locale;
-    highlightedEventId?: string | null;
-    readOnly: boolean | ReadOnlyConfig;
-}
-/**
- * Calendar application instance
- * Core interface of CalendarApp
- */
-export interface CalendarApp {
-    state: CalendarAppState;
-    getReadOnlyConfig: () => ReadOnlyConfig;
-    changeView: (view: ViewType) => void;
-    getCurrentView: () => CalendarView;
-    setCurrentDate: (date: Date) => void;
-    getCurrentDate: () => Date;
-    goToToday: () => void;
-    goToPrevious: () => void;
-    goToNext: () => void;
-    selectDate: (date: Date) => void;
-    addEvent: (event: Event) => void;
-    updateEvent: (id: string, event: Partial<Event>, isPending?: boolean) => void;
-    deleteEvent: (id: string) => void;
-    getEvents: () => Event[];
-    getAllEvents: () => Event[];
-    onEventClick: (event: Event) => void;
-    onMoreEventsClick: (date: Date) => void;
-    highlightEvent: (eventId: string | null) => void;
-    getCalendars: () => CalendarType[];
-    reorderCalendars: (fromIndex: number, toIndex: number) => void;
-    setCalendarVisibility: (calendarId: string, visible: boolean) => void;
-    setAllCalendarsVisibility: (visible: boolean) => void;
-    updateCalendar: (id: string, updates: Partial<CalendarType>) => void;
-    createCalendar: (calendar: CalendarType) => void;
-    deleteCalendar: (id: string) => void;
-    mergeCalendars: (sourceId: string, targetId: string) => void;
-    setVisibleMonth: (date: Date) => void;
-    getVisibleMonth: () => Date;
-    getPlugin: <T = unknown>(name: string) => T | undefined;
-    hasPlugin: (name: string) => boolean;
-    render: () => React.ReactElement;
-    getSidebarConfig: () => SidebarConfig;
-    getCalendarHeaderConfig: () => boolean | ((props: CalendarHeaderProps) => React.ReactNode);
-    triggerRender: () => void;
-    getCalendarRegistry: () => CalendarRegistry;
-    getUseEventDetailDialog: () => boolean;
-    getCustomMobileEventRenderer: () => MobileEventRenderer | undefined;
-    updateConfig: (config: Partial<CalendarAppConfig>) => void;
-    setTheme: (mode: ThemeMode) => void;
-    getTheme: () => ThemeMode;
-    subscribeThemeChange: (callback: (theme: ThemeMode) => void) => (() => void);
-    unsubscribeThemeChange: (callback: (theme: ThemeMode) => void) => void;
-}
-/**
- * useCalendarApp Hook return type
- * Calendar application interface provided for React components
- */
-export interface UseCalendarAppReturn {
-    app: CalendarApp;
-    currentView: ViewType;
-    currentDate: Date;
-    events: Event[];
-    changeView: (view: ViewType) => void;
-    setCurrentDate: (date: Date) => void;
-    addEvent: (event: Event) => void;
-    updateEvent: (id: string, event: Partial<Event>, isPending?: boolean) => void;
-    deleteEvent: (id: string) => void;
-    goToToday: () => void;
-    goToPrevious: () => void;
-    goToNext: () => void;
-    selectDate: (date: Date) => void;
-    getCalendars: () => CalendarType[];
-    createCalendar: (calendar: CalendarType) => void;
-    mergeCalendars: (sourceId: string, targetId: string) => void;
-    setCalendarVisibility: (calendarId: string, visible: boolean) => void;
-    setAllCalendarsVisibility: (visible: boolean) => void;
-    getAllEvents: () => Event[];
-    highlightEvent: (eventId: string | null) => void;
-    setVisibleMonth: (date: Date) => void;
-    getVisibleMonth: () => Date;
-    sidebarConfig: SidebarConfig;
-    readOnlyConfig: ReadOnlyConfig;
-}
-/**
- * Calendar configuration system type
- * Contains drag and view configurations
- */
-export interface CalendarConfig {
-    locale?: string;
-    drag: {
-        HOUR_HEIGHT: number;
-        FIRST_HOUR: number;
-        LAST_HOUR: number;
-        MIN_DURATION: number;
-        TIME_COLUMN_WIDTH: number;
-        ALL_DAY_HEIGHT: number;
-        getLineColor: (color: string) => string;
-        getDynamicPadding: (drag: {
-            endHour: number;
-            startHour: number;
-        }) => string;
-    };
-    views: {
-        day: Record<string, unknown>;
-        week: Record<string, unknown>;
-        month: Record<string, unknown>;
-    };
-}
-export interface UseCalendarReturn {
-    view: ViewType;
-    currentDate: Date;
-    events: Event[];
-    currentWeekStart: Date;
-    changeView: (view: ViewType) => void;
-    goToToday: () => void;
-    goToPrevious: () => void;
-    goToNext: () => void;
-    selectDate: (date: Date) => void;
-    updateEvent: (eventId: string, updates: Partial<Event>, isPending?: boolean) => void;
-    deleteEvent: (eventId: string) => void;
-    addEvent: (event: Omit<Event, 'id'>) => void;
-    setEvents: (events: Event[] | ((prev: Event[]) => Event[])) => void;
-}

package/dist/types/dragIndicator.d.ts

@@ -1,160 +0,0 @@
-import { DragConfig, CalendarApp } from '../types';
-import { EventLayout } from './layout';
-import { Event } from './event';
-import { UseDragCommonReturn, UseDragManagerReturn, UseDragStateReturn } from './hook';
-/**
- * Drag mode type
- */
-export type Mode = 'create' | 'move' | 'resize' | null;
-/**
- * Drag reference interface
- * Stores state information for drag operations
- */
-export interface DragRef {
-    active: boolean;
-    mode: Mode;
-    eventId: string | null;
-    dayIndex: number;
-    startX: number;
-    startY: number;
-    startHour: number;
-    endHour: number;
-    originalDay: number;
-    originalStartHour: number;
-    originalEndHour: number;
-    resizeDirection: string | null;
-    hourOffset: number | null;
-    duration: number;
-    lastRawMouseHour: number | null;
-    lastUpdateTime: number;
-    initialMouseY: number;
-    lastClientY: number;
-    allDay: boolean;
-    eventDate?: Date;
-}
-/**
- * Event detail position interface
- * Used to position event detail popup
- */
-export interface EventDetailPosition {
-    top: number;
-    left: number;
-    eventHeight: number;
-    eventMiddleY: number;
-    isSunday?: boolean;
-}
-export interface DragIndicatorProps {
-    drag: DragRef;
-    color?: string;
-    title?: string;
-    layout?: EventLayout | null;
-    allDay: boolean;
-    formatTime: (hour: number) => string;
-    getLineColor: (color: string) => string;
-    getDynamicPadding: (drag: DragRef) => string;
-    locale?: string;
-    isMobile?: boolean;
-}
-export interface DragIndicatorRenderer {
-    renderAllDayContent: (props: DragIndicatorProps) => React.ReactNode;
-    renderRegularContent: (props: DragIndicatorProps) => React.ReactNode;
-    renderDefaultContent: (props: DragIndicatorProps) => React.ReactNode;
-}
-export interface UnifiedDragRef extends DragRef {
-    targetDate?: Date | null;
-    originalDate?: Date | null;
-    originalEvent?: Event | null;
-    dragOffset?: number;
-    originalStartDate?: Date | null;
-    originalEndDate?: Date | null;
-    eventDate?: Date;
-    originalStartTime?: {
-        hour: number;
-        minute: number;
-        second: number;
-    } | null;
-    originalEndTime?: {
-        hour: number;
-        minute: number;
-        second: number;
-    } | null;
-    sourceElement?: HTMLElement | null;
-    indicatorVisible?: boolean;
-    eventDurationDays?: number;
-    currentSegmentDays?: number;
-    startDragDayIndex?: number;
-    calendarId?: string;
-    title?: string;
-}
-export interface useDragProps extends Partial<DragConfig> {
-    calendarRef: React.RefObject<HTMLDivElement | null>;
-    allDayRowRef?: React.RefObject<HTMLDivElement | null>;
-    onEventsUpdate: (updateFunc: (events: Event[]) => Event[], isResizing?: boolean) => void;
-    onEventCreate: (event: Event) => void;
-    onEventEdit?: (event: Event) => void;
-    calculateNewEventLayout?: (dayIndex: number, startHour: number, endHour: number) => EventLayout | null;
-    calculateDragLayout?: (event: Event, targetDay: number, targetStartHour: number, targetEndHour: number) => EventLayout | null;
-    currentWeekStart: Date;
-    events: Event[];
-    renderer?: DragIndicatorRenderer;
-    app?: CalendarApp;
-    isMobile?: boolean;
-}
-export type MonthDragState = {
-    active: boolean;
-    mode: 'create' | 'move' | 'resize' | null;
-    eventId: string | null;
-    targetDate: Date | null;
-    startDate: Date | null;
-    endDate: Date | null;
-};
-export type WeekDayDragState = {
-    active: boolean;
-    mode: 'create' | 'move' | 'resize' | null;
-    eventId: string | null;
-    dayIndex: number;
-    startHour: number;
-    endHour: number;
-    allDay: boolean;
-};
-export interface useDragReturn {
-    createDragIndicator: (drag: UnifiedDragRef, color?: string, title?: string, layout?: EventLayout | null, sourceElement?: HTMLElement) => void;
-    updateDragIndicator: (...args: (number | boolean | EventLayout | null | undefined)[]) => void;
-    removeDragIndicator: () => void;
-    handleCreateAllDayEvent?: (e: React.MouseEvent, dayIndex: number) => void;
-    handleCreateStart: (e: React.MouseEvent | React.TouchEvent, ...args: (Date | number)[]) => void;
-    handleMoveStart: (e: React.MouseEvent | React.TouchEvent, event: Event) => void;
-    handleResizeStart: (e: React.MouseEvent | React.TouchEvent, event: Event, direction: string) => void;
-    dragState: MonthDragState | WeekDayDragState;
-    isDragging: boolean;
-    pixelYToHour?: (y: number) => number;
-    getColumnDayIndex?: (x: number) => number;
-}
-/**
- * Month view event drag state (alias for MonthDragState, maintains backward compatibility)
- */
-export type MonthEventDragState = MonthDragState;
-export interface UseMonthDragReturn {
-    daysDifference: (date1: Date, date2: Date) => number;
-    addDaysToDate: (date: Date, days: number) => Date;
-    getTargetDateFromPosition: (clientX: number, clientY: number) => Date | null;
-}
-export interface UseMonthDragParams {
-    options: useDragProps;
-    common: UseDragCommonReturn;
-    state: UseDragStateReturn;
-    manager: UseDragManagerReturn;
-}
-export interface UseWeekDayDragReturn {
-    handleCreateAllDayEvent: (e: React.MouseEvent, dayIndex: number) => void;
-    pixelYToHour: (y: number) => number;
-    getColumnDayIndex: (x: number) => number;
-}
-export interface UseWeekDayDragParams {
-    options: useDragProps;
-    common: UseDragCommonReturn;
-    state: UseDragStateReturn;
-    manager: UseDragManagerReturn;
-    handleDragMove: (e: MouseEvent) => void;
-    handleDragEnd: (e: MouseEvent) => void;
-}

package/dist/types/event.d.ts

@@ -1,18 +0,0 @@
-import { Temporal } from 'temporal-polyfill';
-import { ReactNode } from 'react';
-/**
- * Calendar event interface (using Temporal API)
- * Unified event data structure supporting single-day, cross-day, and all-day events
- */
-export interface Event {
-    id: string;
-    title: string;
-    description?: string;
-    start: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime;
-    end: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime;
-    allDay?: boolean;
-    icon?: boolean | ReactNode;
-    calendarId?: string;
-    meta?: Record<string, any>;
-    day?: number;
-}

package/dist/types/eventDetail.d.ts

@@ -1,74 +0,0 @@
-import { Event } from './event';
-import { EventDetailPosition } from './dragIndicator';
-import { CalendarApp } from '../types';
-export type { EventDetailPosition } from './dragIndicator';
-/**
- * Event detail panel Props
- */
-export interface EventDetailPanelProps {
-    /** Current event data */
-    event: Event;
-    /** Panel position information */
-    position: EventDetailPosition;
-    /** Panel DOM reference */
-    panelRef: React.RefObject<HTMLDivElement>;
-    /** Whether the event is all-day */
-    isAllDay: boolean;
-    /** Event visibility state */
-    eventVisibility: 'visible' | 'sticky-top' | 'sticky-bottom';
-    /** Calendar container reference */
-    calendarRef: React.RefObject<HTMLDivElement>;
-    /** Selected event element reference */
-    selectedEventElementRef: React.RefObject<HTMLDivElement>;
-    /** Event update callback */
-    onEventUpdate: (updatedEvent: Event) => void;
-    /** Event delete callback */
-    onEventDelete: (eventId: string) => void;
-    /** Close panel callback (optional) */
-    onClose?: () => void;
-}
-/**
- * Custom event detail panel renderer (full panel including positioning and styling)
- */
-export type EventDetailPanelRenderer = React.ComponentType<EventDetailPanelProps>;
-/**
- * Event detail content Props (excluding panel container, content only)
- */
-export interface EventDetailContentProps {
-    /** Current event data */
-    event: Event;
-    /** Whether the event is all-day */
-    isAllDay: boolean;
-    /** Event update callback */
-    onEventUpdate: (updatedEvent: Event) => void;
-    /** Event delete callback */
-    onEventDelete: (eventId: string) => void;
-    /** Close panel callback (optional) */
-    onClose?: () => void;
-}
-/**
- * Custom event detail content renderer (content only, will be wrapped in default panel)
- */
-export type EventDetailContentRenderer = React.ComponentType<EventDetailContentProps>;
-/**
- * Event detail dialog Props
- */
-export interface EventDetailDialogProps {
-    /** Current event data */
-    event: Event;
-    /** Whether the dialog is open */
-    isOpen: boolean;
-    /** Whether the event is all-day */
-    isAllDay: boolean;
-    /** Event update callback */
-    onEventUpdate: (updatedEvent: Event) => void;
-    /** Event delete callback */
-    onEventDelete: (eventId: string) => void;
-    /** Close dialog callback */
-    onClose: () => void;
-    app?: CalendarApp;
-}
-/**
- * Custom event detail dialog renderer (Dialog/Modal mode)
- */
-export type EventDetailDialogRenderer = React.ComponentType<EventDetailDialogProps>;