@dayflow/core 2.0.6 → 2.0.7

package/dist/locale/types.d.ts

@@ -1,5 +1,5 @@
 export type LocaleCode = string;
-export type TranslationKey = 'allDay' | 'noEvents' | 'more' | 'eventTitle' | 'dateRange' | 'timeRange' | 'note' | 'addNotePlaceholder' | 'setAsAllDay' | 'setAsTimed' | 'delete' | 'confirm' | 'cancel' | 'today' | 'day' | 'week' | 'month' | 'year' | 'newEvent' | 'newAllDayEvent' | 'newCalendarEvent' | 'newAllDayCalendarEvent' | 'save' | 'deleteCalendar' | 'deleteCalendarMessage' | 'merge' | 'confirmDeleteTitle' | 'confirmDeleteMessage' | 'mergeConfirmTitle' | 'mergeConfirmMessage' | 'expandSidebar' | 'collapseSidebar' | 'calendars' | 'createCalendar' | 'calendarNamePlaceholder' | 'customColor' | 'create' | 'calendarOptions' | 'untitled' | 'search' | 'noResults' | 'calendar' | 'starts' | 'ends' | 'notes' | 'titlePlaceholder' | 'notesPlaceholder' | 'editEvent' | 'done' | 'quickCreateEvent' | 'quickCreatePlaceholder' | 'noSuggestions' | 'newCalendar' | 'refreshAll' | 'tomorrow' | 'importCalendar' | 'exportCalendar' | 'addSchedule' | 'importCalendarMessage' | 'ok';
+export type TranslationKey = 'allDay' | 'noEvents' | 'more' | 'eventTitle' | 'dateRange' | 'timeRange' | 'note' | 'addNotePlaceholder' | 'setAsAllDay' | 'setAsTimed' | 'delete' | 'confirm' | 'cancel' | 'today' | 'day' | 'week' | 'month' | 'year' | 'newEvent' | 'newAllDayEvent' | 'newCalendarEvent' | 'newAllDayCalendarEvent' | 'save' | 'deleteCalendar' | 'deleteCalendarMessage' | 'merge' | 'confirmDeleteTitle' | 'confirmDeleteMessage' | 'mergeConfirmTitle' | 'mergeConfirmMessage' | 'expandSidebar' | 'collapseSidebar' | 'calendars' | 'createCalendar' | 'calendarNamePlaceholder' | 'customColor' | 'create' | 'calendarOptions' | 'untitled' | 'search' | 'noResults' | 'calendar' | 'starts' | 'ends' | 'notes' | 'titlePlaceholder' | 'notesPlaceholder' | 'editEvent' | 'done' | 'quickCreateEvent' | 'quickCreatePlaceholder' | 'noSuggestions' | 'newCalendar' | 'refreshAll' | 'tomorrow' | 'importCalendar' | 'exportCalendar' | 'addSchedule' | 'importCalendarMessage' | 'ok' | 'cut' | 'copy' | 'pasteHere' | 'eventSummary';
 export type LocaleDict = Partial<Record<TranslationKey, string>>;
 export type LocaleMessages = Partial<Record<TranslationKey, string>>;
 export interface Locale {

package/dist/styles.css

@@ -539,6 +539,9 @@
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
+  .ml-3 {
+    margin-left: calc(var(--spacing) * 3);
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -810,9 +813,6 @@
   .flex-shrink-0 {
     flex-shrink: 0;
   }
-  .shrink {
-    flex-shrink: 1;
-  }
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -1051,13 +1051,6 @@
       margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
-  .space-x-3 {
-    :where(& > :not(:last-child)) {
-      --tw-space-x-reverse: 0;
-      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
-      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
-    }
-  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1069,6 +1062,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-visible {
+    overflow: visible;
+  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -1849,6 +1845,9 @@
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-60 {
+    opacity: 60%;
+  }
   .opacity-80 {
     opacity: 80%;
   }
@@ -2408,6 +2407,11 @@
       background-color: var(--color-destructive);
     }
   }
+  .focus\:bg-primary {
+    &:focus {
+      background-color: var(--color-primary);
+    }
+  }
   .focus\:bg-slate-100 {
     &:focus {
       background-color: var(--color-slate-100);
@@ -2418,9 +2422,9 @@
       color: var(--color-destructive-foreground);
     }
   }
-  .focus\:text-slate-900 {
+  .focus\:text-white {
     &:focus {
-      color: var(--color-slate-900);
+      color: var(--color-white);
     }
   }
   .focus\:ring-1 {
@@ -2519,16 +2523,6 @@
       opacity: 50%;
     }
   }
-  .data-disabled\:pointer-events-none {
-    &[data-disabled] {
-      pointer-events: none;
-    }
-  }
-  .data-disabled\:opacity-50 {
-    &[data-disabled] {
-      opacity: 50%;
-    }
-  }
   .sm\:top-6 {
     @media (width >= 40rem) {
       top: calc(var(--spacing) * 6);
@@ -3119,6 +3113,15 @@
       }
     }
   }
+  .dark\:hover\:bg-primary {
+    .dark & {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-primary);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-primary\/20 {
     .dark & {
       &:hover {
@@ -3231,10 +3234,10 @@
       }
     }
   }
-  .dark\:focus\:border-primary {
+  .dark\:focus\:bg-primary {
     .dark & {
       &:focus {
-        border-color: var(--color-primary);
+        background-color: var(--color-primary);
       }
     }
   }
@@ -3245,17 +3248,10 @@
       }
     }
   }
-  .dark\:focus\:text-slate-50 {
-    .dark & {
-      &:focus {
-        color: var(--color-slate-50);
-      }
-    }
-  }
-  .dark\:focus\:ring-primary {
+  .dark\:focus\:text-white {
     .dark & {
       &:focus {
-        --tw-ring-color: var(--color-primary);
+        color: var(--color-white);
       }
     }
   }

package/dist/types/factory.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarView, ViewType, UseCalendarAppReturn } from './core';
+import { CalendarView, ViewType, CalendarApp } from './core';
 import { Event } from './event';
 import { EventLayout } from './layout';
 import { EventDetailContentRenderer, EventDetailDialogRenderer } from './eventDetail';
@@ -9,16 +9,25 @@ import { ViewSwitcherMode } from '../components/common/ViewHeader';
  * Base properties for all view components
  */
 export interface BaseViewProps {
-    app: UseCalendarAppReturn['app'];
-    currentDate: Date;
-    currentView: ViewType;
-    events: Event[];
-    onEventUpdate: (event: Event) => void;
-    onEventDelete: (eventId: string) => void;
-    onEventCreate: (event: Event) => void;
-    onDateChange: (date: Date) => void;
-    onViewChange: (view: ViewType) => void;
-    config: Record<string, any>;
+    app: CalendarApp;
+    currentDate?: Date;
+    currentView?: ViewType;
+    events?: Event[];
+    onEventUpdate?: (event: Event) => void;
+    onEventDelete?: (eventId: string) => void;
+    onEventCreate?: (event: Event) => void;
+    onDateChange?: (date: Date) => void;
+    onViewChange?: (view: ViewType) => void;
+    config?: Record<string, any>;
+    selectedEventId?: string | null;
+    onEventSelect?: (eventId: string | null) => void;
+    detailPanelEventId?: string | null;
+    onDetailPanelToggle?: (eventId: string | null) => void;
+    customDetailPanelContent?: EventDetailContentRenderer;
+    customEventDetailDialog?: EventDetailDialogRenderer;
+    calendarRef: React.RefObject<HTMLDivElement>;
+    switcherMode?: ViewSwitcherMode;
+    meta?: Record<string, any>;
 }
 /**
  * Day view specific Props
@@ -27,8 +36,6 @@ export interface DayViewProps extends BaseViewProps {
     showMiniCalendar?: boolean;
     showAllDay?: boolean;
     scrollToCurrentTime?: boolean;
-    selectedEvent?: Event | null;
-    onEventSelect?: (event: Event | null) => void;
 }
 /**
  * Week view specific Props
@@ -107,24 +114,18 @@ export interface YearViewConfig extends ViewFactoryConfig {
  * View adapter Props
  * Adapter properties for wrapping original components
  */
-export interface ViewAdapterProps {
+export interface ViewAdapterProps extends BaseViewProps {
     viewType: ViewType;
     originalComponent: React.ComponentType<any>;
-    app: UseCalendarAppReturn['app'];
     config: ViewFactoryConfig;
     className?: string;
-    customDetailPanelContent?: EventDetailContentRenderer;
-    customEventDetailDialog?: EventDetailDialogRenderer;
-    calendarRef: React.RefObject<HTMLDivElement>;
-    switcherMode?: ViewSwitcherMode;
-    meta?: Record<string, any>;
 }
 /**
  * Drag integration Props
  * Properties for integrating drag functionality into views
  */
 export interface DragIntegrationProps {
-    app: UseCalendarAppReturn['app'];
+    app: CalendarApp;
     viewType: ViewType;
     calendarRef: React.RefObject<HTMLDivElement>;
     allDayRowRef?: React.RefObject<HTMLDivElement>;
@@ -140,7 +141,7 @@ export interface DragIntegrationProps {
  * Properties for integrating virtual scroll functionality into views
  */
 export interface VirtualScrollIntegrationProps {
-    app: UseCalendarAppReturn['app'];
+    app: CalendarApp;
     currentDate: Date;
     weekHeight?: number;
     onCurrentMonthChange?: (month: string, year: number) => void;

package/dist/utils/clipboardStore.d.ts

@@ -0,0 +1,10 @@
+import { Event } from '@/types';
+declare class ClipboardStore {
+    private lastCopiedEvent;
+    setEvent(event: Event): void;
+    getEvent(): Event | null;
+    hasEvent(): boolean;
+    clear(): void;
+}
+export declare const clipboardStore: ClipboardStore;
+export {};

package/dist/utils/temporal.d.ts

@@ -7,11 +7,11 @@ import { Temporal } from 'temporal-polyfill';
  * Check if value is Temporal.PlainDate
  * Uses multiple methods to check, handling polyfill and serialization issues
  */
-export declare function isPlainDate(date: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime): date is Temporal.PlainDate;
+export declare function isPlainDate(date: any): date is Temporal.PlainDate;
 /**
  * Check if value is Temporal.ZonedDateTime
  */
-export declare function isZonedDateTime(date: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime): date is Temporal.ZonedDateTime;
+export declare function isZonedDateTime(date: any): date is Temporal.ZonedDateTime;
 /**
  * Check if value is Date object
  */
@@ -43,18 +43,18 @@ export declare function zonedDateTimeToDate(zdt: Temporal.ZonedDateTime): Date;
  */
 export declare function plainDateToDate(plainDate: Temporal.PlainDate, timeZone?: string): Date;
 /**
- * Convert Temporal (PlainDate | ZonedDateTime) to Date
- * @param temporal Temporal date-time object
+ * Convert Temporal (PlainDate | PlainDateTime | ZonedDateTime) or Date to Date
+ * @param temporal Temporal date-time object or native Date
  * @param timeZone Timezone (optional, only used for PlainDate)
  * @returns Date object
  */
-export declare function temporalToDate(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime, timeZone?: string): Date;
+export declare function temporalToDate(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime | Date, timeZone?: string): Date;
 /**
  * Extract hour number (with decimals) from Temporal object
  * @param temporal Temporal time object
  * @returns Hour number (0-24, supports decimals), returns 0 if PlainDate
  */
-export declare function extractHourFromTemporal(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime): number;
+export declare function extractHourFromTemporal(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime | Date): number;
 /**
  * Create new Temporal object with specified hour
  * @param temporal Base Temporal object
@@ -65,11 +65,11 @@ export declare function createTemporalWithHour(temporal: Temporal.PlainDate | Te
 /**
  * Check if two Temporal dates are on the same day
  */
-export declare function isSamePlainDate(date1: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime, date2: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime): boolean;
+export declare function isSamePlainDate(date1: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime | Date, date2: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime | Date): boolean;
 /**
  * Check if event spans multiple days
  */
-export declare function isMultiDayTemporalEvent(start: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime, end: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime): boolean;
+export declare function isMultiDayTemporalEvent(start: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime | Date, end: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime | Date): boolean;
 /**
  * Get start time of Temporal date (00:00:00)
  */

package/dist/utils/temporalTypeGuards.d.ts

@@ -8,20 +8,20 @@ import { Temporal } from 'temporal-polyfill';
 /**
  * Check if temporal is PlainDate (date only, no time)
  */
-export declare function isPlainDate(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime): temporal is Temporal.PlainDate;
+export declare function isPlainDate(temporal: any): temporal is Temporal.PlainDate;
 /**
  * Check if temporal is PlainDateTime (date + time, no timezone)
  */
-export declare function isPlainDateTime(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime): temporal is Temporal.PlainDateTime;
+export declare function isPlainDateTime(temporal: any): temporal is Temporal.PlainDateTime;
 /**
  * Check if temporal is ZonedDateTime (date + time + timezone)
  */
-export declare function isZonedDateTime(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime): temporal is Temporal.ZonedDateTime;
+export declare function isZonedDateTime(temporal: any): temporal is Temporal.ZonedDateTime;
 /**
- * Convert any Temporal type to Date (for internal processing)
- * Handles all three Temporal types uniformly
+ * Convert any Temporal type or Date to Date (for internal processing)
+ * Handles all three Temporal types and native Date uniformly
  */
-export declare function temporalToDate(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime): Date;
+export declare function temporalToDate(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime | Date): Date;
 /**
  * Convert Date to PlainDate (for all-day events)
  */
@@ -46,7 +46,7 @@ export declare function plainDateToDate(pd: Temporal.PlainDate): Date;
  * Extract hour from any Temporal type (with decimal for minutes)
  * @returns Hour number (0-24, with decimals, e.g., 14.5 = 14:30)
  */
-export declare function extractHourFromTemporal(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime): number;
+export declare function extractHourFromTemporal(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime | Date): number;
 /**
  * Create a new Temporal with specified hour (supports PlainDateTime and ZonedDateTime)
  * @param temporal Base temporal object
@@ -56,8 +56,8 @@ export declare function setHourInTemporal(temporal: Temporal.PlainDateTime | Tem
 /**
  * Check if two Temporal objects represent the same day
  */
-export declare function isSameTemporal(t1: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime, t2: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime): boolean;
+export declare function isSameTemporal(t1: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime | Date, t2: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime | Date): boolean;
 /**
- * Get PlainDate from any Temporal type
+ * Get PlainDate from any Temporal type or Date
  */
-export declare function getPlainDate(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime): Temporal.PlainDate;
+export declare function getPlainDate(temporal: Temporal.PlainDate | Temporal.PlainDateTime | Temporal.ZonedDateTime | Date): Temporal.PlainDate;

package/dist/views/DayView.d.ts

@@ -1,13 +1,4 @@
 import React from 'react';
-import { CalendarApp } from '@/core';
-import { EventDetailContentRenderer, EventDetailDialogRenderer } from '@/types';
-import { ViewSwitcherMode } from '@/components/common/ViewHeader';
-interface DayViewProps {
-    app: CalendarApp;
-    customDetailPanelContent?: EventDetailContentRenderer;
-    customEventDetailDialog?: EventDetailDialogRenderer;
-    calendarRef: React.RefObject<HTMLDivElement>;
-    switcherMode?: ViewSwitcherMode;
-}
+import { DayViewProps } from '@/types';
 declare const DayView: React.FC<DayViewProps>;
 export default DayView;

package/dist/views/MonthView.d.ts

@@ -1,11 +1,4 @@
 import React from 'react';
-import { CalendarApp } from '@/core';
-import { EventDetailContentRenderer, EventDetailDialogRenderer } from '@/types';
-interface MonthViewProps {
-    app: CalendarApp;
-    customDetailPanelContent?: EventDetailContentRenderer;
-    customEventDetailDialog?: EventDetailDialogRenderer;
-    calendarRef: React.RefObject<HTMLDivElement>;
-}
+import { MonthViewProps } from '@/types';
 declare const MonthView: React.FC<MonthViewProps>;
 export default MonthView;

package/dist/views/WeekView.d.ts

@@ -1,11 +1,4 @@
 import React from 'react';
-import { CalendarApp } from '@/core';
-import { EventDetailContentRenderer, EventDetailDialogRenderer } from '@/types';
-interface WeekViewProps {
-    app: CalendarApp;
-    customDetailPanelContent?: EventDetailContentRenderer;
-    customEventDetailDialog?: EventDetailDialogRenderer;
-    calendarRef: React.RefObject<HTMLDivElement>;
-}
+import { WeekViewProps } from '@/types';
 declare const WeekView: React.FC<WeekViewProps>;
 export default WeekView;

package/dist/views/YearView.d.ts

@@ -1,12 +1,15 @@
 import React from 'react';
-import { CalendarApp } from '@/core';
-import { EventDetailContentRenderer, EventDetailDialogRenderer } from '@/types';
+import { EventDetailContentRenderer, EventDetailDialogRenderer, CalendarApp } from '@/types';
 interface YearViewProps {
     app: CalendarApp;
     calendarRef: React.RefObject<HTMLDivElement>;
     customDetailPanelContent?: EventDetailContentRenderer;
     customEventDetailDialog?: EventDetailDialogRenderer;
     config?: any;
+    selectedEventId?: string | null;
+    onEventSelect?: (eventId: string | null) => void;
+    detailPanelEventId?: string | null;
+    onDetailPanelToggle?: (eventId: string | null) => void;
 }
 declare const YearView: React.FC<YearViewProps>;
 export default YearView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dayflow/core",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "A flexible and feature-rich calendar component library for React applications with drag-and-drop support, multiple views (Day, Week, Month, Year), and plugin architecture",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",