npm - @innosolutions/inno-calendar - Versions diffs - 1.0.21 → 1.0.22 - Mend

@innosolutions/inno-calendar 1.0.21 → 1.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/dist/{tailwind-calendar-Y9dn5uKm.js.map → tailwind-calendar-DtZENWzv.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tailwind-calendar-Y9dn5uKm.js","sources":["../src/presets/default/default-calendar.tsx","../src/presets/tailwind/tailwind-calendar.tsx"],"sourcesContent":["/*\r\n DefaultCalendar - Pre-styled Calendar Preset\r\n \r\n A fully styled calendar using CSS custom properties for theming.\r\n * Designed for projects that don't use TailwindCSS but want a complete solution.\r\n \r\n CSS Custom Properties (override these for theming):\r\n * - --ic-bg: Background color\r\n * - --ic-bg-muted: Muted background\r\n * - --ic-text: Primary text color\r\n * - --ic-text-muted: Secondary text color\r\n * - --ic-border: Border color\r\n * - --ic-primary: Primary/accent color\r\n * - --ic-primary-foreground: Text on primary background\r\n * - --ic-radius: Border radius\r\n \r\n @example\r\n * ```tsx\r\n * import { DefaultCalendar } from '@inno/calendar/presets';\r\n \r\n function MyAgenda() {\r\n * return (\r\n * <div style={{ '--ic-primary': '#6366f1' }}>\r\n * <DefaultCalendar\r\n * events={myEvents}\r\n * onEventClick={(event) => console.log('Clicked:', event)}\r\n * />\r\n * </div>\r\n * );\r\n * }\r\n * ```\r\n /\r\n\r\nimport { useState, useCallback, useMemo, type ReactNode, type CSSProperties } from 'react';\r\nimport type {\r\n CalendarEvent,\r\n TCalendarView,\r\n ICalendarPreferences,\r\n ICalendarFilters,\r\n IResource,\r\n IScheduleType,\r\n ISelectionResult,\r\n TBadgeVariant,\r\n} from '../../core/types';\r\nimport { DEFAULT_PREFERENCES } from '../../core/constants';\r\nimport { navigateNext, navigatePrev, navigateToday } from '../../core/utils/grid-utils';\r\nimport { CalendarHeader } from '../../components/header/calendar-header';\r\nimport { DayView } from '../../components/views/day-view';\r\nimport { WeekView } from '../../components/views/week-view';\r\nimport { MonthView } from '../../components/views/month-view';\r\nimport { AgendaView } from '../../components/views/agenda-view';\r\n\r\n// ============================================================================\r\n// STYLES (CSS-in-JS for zero-config usage)\r\n// ============================================================================\r\n\r\nconst baseStyles: CSSProperties = {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: '100%',\r\n minHeight: '400px',\r\n backgroundColor: 'var(--ic-bg, #ffffff)',\r\n border: '1px solid var(--ic-border, #e5e7eb)',\r\n borderRadius: 'var(--ic-radius, 0.5rem)',\r\n overflow: 'hidden',\r\n fontFamily:\r\n 'var(--ic-font-family, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif)',\r\n fontSize: 'var(--ic-font-size, 0.875rem)',\r\n color: 'var(--ic-text, #111827)',\r\n};\r\n\r\nconst headerStyles: CSSProperties = {\r\n borderBottom: '1px solid var(--ic-border, #e5e7eb)',\r\n};\r\n\r\nconst contentStyles: CSSProperties = {\r\n flex: 1,\r\n overflow: 'auto',\r\n};\r\n\r\nconst fallbackViewStyles: CSSProperties = {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n height: '16rem',\r\n color: 'var(--ic-text-muted, #6b7280)',\r\n};\r\n\r\n// ============================================================================\r\n// TYPES\r\n// ============================================================================\r\n\r\nexport interface DefaultCalendarProps<\r\n TEventData = Record<string, unknown>,\r\n TScheduleTypeData = Record<string, unknown>,\r\n TResourceData = Record<string, unknown>,\r\n> {\r\n /* Events to display /\r\n events: CalendarEvent<TEventData>[];\r\n /* Available resources /\r\n resources?: IResource<TResourceData>[];\r\n /* Available schedule types /\r\n scheduleTypes?: IScheduleType<TScheduleTypeData>[];\r\n /* Initial view /\r\n initialView?: TCalendarView;\r\n /* Initial date /\r\n initialDate?: Date;\r\n /* Initial filters /\r\n initialFilters?: ICalendarFilters;\r\n /* Preferences /\r\n preferences?: Partial<ICalendarPreferences>;\r\n /* Badge variant for events (dot, colored, mixed) /\r\n badgeVariant?: TBadgeVariant;\r\n /* Hide the header /\r\n hideHeader?: boolean;\r\n /* Available views to show in view switcher /\r\n availableViews?: TCalendarView[];\r\n /* Event click handler /\r\n onEventClick?: (event: CalendarEvent<TEventData>) => void;\r\n /* Slot selection handler /\r\n onSlotSelect?: (selection: ISelectionResult) => void;\r\n /* View change handler /\r\n onViewChange?: (view: TCalendarView) => void;\r\n /* Date change handler /\r\n onDateChange?: (date: Date) => void;\r\n /* Additional CSS class /\r\n className?: string;\r\n /* Custom style overrides /\r\n style?: CSSProperties;\r\n /* Custom header actions /\r\n headerActions?: ReactNode;\r\n /* Empty state for agenda view /\r\n emptyState?: ReactNode;\r\n /* Children (for header slot) /\r\n children?: ReactNode;\r\n}\r\n\r\n// ============================================================================\r\n// COMPONENT\r\n// ============================================================================\r\n\r\nexport function DefaultCalendar<\r\n TEventData = Record<string, unknown>,\r\n TScheduleTypeData = Record<string, unknown>,\r\n TResourceData = Record<string, unknown>,\r\n>({\r\n events,\r\n resources: _resources,\r\n scheduleTypes: _scheduleTypes,\r\n initialView = 'week',\r\n initialDate,\r\n initialFilters: _initialFilters,\r\n preferences: userPreferences,\r\n badgeVariant = 'colored',\r\n hideHeader = false,\r\n availableViews = ['day', 'week', 'month', 'agenda'],\r\n onEventClick,\r\n onSlotSelect,\r\n onViewChange,\r\n onDateChange,\r\n className = '',\r\n style,\r\n headerActions,\r\n emptyState,\r\n children: _children,\r\n}: DefaultCalendarProps<TEventData, TScheduleTypeData, TResourceData>) {\r\n // ========================================================================\r\n // STATE\r\n // ========================================================================\r\n\r\n const [view, setView] = useState<TCalendarView>(initialView);\r\n const [date, setDate] = useState<Date>(initialDate ?? new Date());\r\n\r\n // Merge user preferences with defaults\r\n const preferences: ICalendarPreferences = useMemo(\r\n () => ({\r\n ...DEFAULT_PREFERENCES,\r\n ...userPreferences,\r\n }),\r\n [userPreferences],\r\n );\r\n\r\n // ========================================================================\r\n // HANDLERS\r\n // ========================================================================\r\n\r\n const handleViewChange = useCallback(\r\n (newView: TCalendarView) => {\r\n setView(newView);\r\n onViewChange?.(newView);\r\n },\r\n [onViewChange],\r\n );\r\n\r\n const handleDateChange = useCallback(\r\n (newDate: Date) => {\r\n setDate(newDate);\r\n onDateChange?.(newDate);\r\n },\r\n [onDateChange],\r\n );\r\n\r\n const handleNavigatePrev = useCallback(() => {\r\n const newDate = navigatePrev(date, view);\r\n handleDateChange(newDate);\r\n }, [date, view, handleDateChange]);\r\n\r\n const handleNavigateNext = useCallback(() => {\r\n const newDate = navigateNext(date, view);\r\n handleDateChange(newDate);\r\n }, [date, view, handleDateChange]);\r\n\r\n const handleNavigateToday = useCallback(() => {\r\n const newDate = navigateToday();\r\n handleDateChange(newDate);\r\n }, [handleDateChange]);\r\n\r\n const handleDayClick = useCallback(\r\n (clickedDate: Date) => {\r\n // Navigate to day view when clicking a day in month view\r\n handleDateChange(clickedDate);\r\n handleViewChange('day');\r\n },\r\n [handleDateChange, handleViewChange],\r\n );\r\n\r\n // ========================================================================\r\n // VIEW RENDERING\r\n // ========================================================================\r\n\r\n // Build visible hours from preferences\r\n const visibleHours = useMemo(\r\n () => ({\r\n startHour: preferences.startHour,\r\n endHour: preferences.endHour,\r\n }),\r\n [preferences.startHour, preferences.endHour],\r\n );\r\n\r\n // Week starts on (convert from 0-6 to 0 \| 1)\r\n const weekStartsOn: 0 \| 1 = preferences.firstDayOfWeek === 0 ? 0 : 1;\r\n\r\n const renderView = () => {\r\n switch (view) {\r\n case 'day':\r\n return (\r\n <DayView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n visibleHours={visibleHours}\r\n slotDuration={preferences.slotDuration}\r\n {...(onEventClick && { onEventClick })}\r\n {...(onSlotSelect && { onSlotSelect })}\r\n />\r\n );\r\n\r\n case 'week':\r\n return (\r\n <WeekView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n weekStartsOn={weekStartsOn}\r\n visibleHours={visibleHours}\r\n slotDuration={preferences.slotDuration}\r\n onDayClick={handleDayClick}\r\n {...(onEventClick && { onEventClick })}\r\n {...(onSlotSelect && { onSlotSelect })}\r\n />\r\n );\r\n\r\n case 'month':\r\n return (\r\n <MonthView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n weekStartsOn={weekStartsOn}\r\n onDayClick={handleDayClick}\r\n {...(onEventClick && { onEventClick })}\r\n {...(onSlotSelect && { onSlotSelect })}\r\n />\r\n );\r\n\r\n case 'agenda':\r\n return (\r\n <AgendaView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n {...(onEventClick && { onEventClick })}\r\n {...(emptyState && { emptyState })}\r\n />\r\n );\r\n\r\n default:\r\n return (\r\n <div style={fallbackViewStyles}>\r\n View "{view}" is not yet implemented\r\n </div>\r\n );\r\n }\r\n };\r\n\r\n // ========================================================================\r\n // RENDER\r\n // ========================================================================\r\n\r\n return (\r\n <div className={className} style={{ ...baseStyles, ...style }}>\r\n {/ Header /}\r\n {!hideHeader && (\r\n <div style={headerStyles}>\r\n <CalendarHeader\r\n view={view}\r\n currentDate={date}\r\n availableViews={availableViews}\r\n onViewChange={handleViewChange}\r\n onNavigate={(direction) => {\r\n if (direction === 'prev') handleNavigatePrev();\r\n else if (direction === 'next') handleNavigateNext();\r\n else handleNavigateToday();\r\n }}\r\n actions={headerActions}\r\n className=\"p-3\"\r\n />\r\n </div>\r\n )}\r\n\r\n {/ Calendar View /}\r\n <div style={contentStyles}>{renderView()}</div>\r\n </div>\r\n );\r\n}\r\n","/\r\n TailwindCalendar - Tailwind-Optimized Calendar Preset\r\n \r\n A fully featured, ready-to-use calendar component designed for TailwindCSS projects.\r\n * Composes all calendar components into a cohesive experience.\r\n \r\n Features:\r\n * - Full customization via render props (renderEvent, renderEventPopover, renderFilterSidebar)\r\n * - All visual components can be replaced while keeping state management\r\n * - Matches production quality when used with custom components\r\n \r\n @example\r\n * ```tsx\r\n * import { TailwindCalendar } from '@inno/calendar/presets';\r\n \r\n function MyAgenda() {\r\n * return (\r\n * <TailwindCalendar\r\n * events={myEvents}\r\n * onEventClick={(event) => console.log('Clicked:', event)}\r\n * onSlotSelect={(selection) => console.log('Selected:', selection)}\r\n * // Custom components for production quality\r\n * renderEvent={(event) => <MyEventCard event={event} />}\r\n * renderEventPopover={(event, onClose) => <MyEventPopover event={event} onClose={onClose} />}\r\n * renderFilterSidebar={(props) => <MyFilterSidebar {...props} />}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n /\r\n\r\nimport { useState, useCallback, useMemo, type ReactNode } from 'react';\r\nimport type {\r\n CalendarEvent,\r\n TCalendarView,\r\n ICalendarPreferences,\r\n ICalendarFilters,\r\n IResource,\r\n IScheduleType,\r\n ISelectionResult,\r\n TBadgeVariant,\r\n IEventPosition,\r\n} from '../../core/types';\r\nimport { DEFAULT_PREFERENCES } from '../../core/constants';\r\nimport { navigateNext, navigatePrev, navigateToday } from '../../core/utils/grid-utils';\r\nimport { CalendarHeader } from '../../components/header/calendar-header';\r\nimport { DayView } from '../../components/views/day-view';\r\nimport { WeekView } from '../../components/views/week-view';\r\nimport { MonthView } from '../../components/views/month-view';\r\nimport { AgendaView } from '../../components/views/agenda-view';\r\nimport { cn } from '../../lib/utils';\r\n\r\n// ============================================================================\r\n// RENDER PROP TYPES\r\n// ============================================================================\r\n\r\n/\r\n Props for custom event rendering\r\n /\r\nexport interface RenderEventProps<TEventData = Record<string, unknown>> {\r\n event: CalendarEvent<TEventData>;\r\n view: TCalendarView;\r\n variant: 'full' \| 'compact' \| 'dot' \| 'block';\r\n position?: IEventPosition;\r\n badgeVariant: TBadgeVariant;\r\n onClick?: () => void;\r\n}\r\n\r\n/\r\n Props for custom event popover rendering\r\n /\r\nexport interface RenderEventPopoverProps<TEventData = Record<string, unknown>> {\r\n event: CalendarEvent<TEventData>;\r\n onClose: () => void;\r\n}\r\n\r\n/\r\n Props for custom filter sidebar rendering\r\n /\r\nexport interface RenderFilterSidebarProps<TScheduleTypeData = Record<string, unknown>> {\r\n scheduleTypes: IScheduleType<TScheduleTypeData>[];\r\n selectedScheduleTypeIds: number[];\r\n onScheduleTypeChange: (ids: number[]) => void;\r\n selectedParticipantIds: string[];\r\n onParticipantChange: (ids: string[]) => void;\r\n onClearAll?: () => void;\r\n}\r\n\r\n/\r\n Props for custom header rendering\r\n /\r\nexport interface RenderHeaderProps {\r\n view: TCalendarView;\r\n currentDate: Date;\r\n availableViews: TCalendarView[];\r\n onViewChange: (view: TCalendarView) => void;\r\n onNavigate: (direction: 'prev' \| 'next' \| 'today') => void;\r\n onNavigatePrev?: () => void;\r\n onNavigateNext?: () => void;\r\n onNavigateToday?: () => void;\r\n onAddEvent?: () => void;\r\n actions?: ReactNode;\r\n className?: string;\r\n}\r\n\r\n// ============================================================================\r\n// COMPONENT PROPS\r\n// ============================================================================\r\n\r\nexport interface TailwindCalendarProps<\r\n TEventData = Record<string, unknown>,\r\n TScheduleTypeData = Record<string, unknown>,\r\n TResourceData = Record<string, unknown>,\r\n> {\r\n /* Events to display /\r\n events: CalendarEvent<TEventData>[];\r\n /* Available resources /\r\n resources?: IResource<TResourceData>[];\r\n /* Available schedule types /\r\n scheduleTypes?: IScheduleType<TScheduleTypeData>[];\r\n /* Initial view /\r\n initialView?: TCalendarView;\r\n /* Initial date /\r\n initialDate?: Date;\r\n /* Initial filters /\r\n initialFilters?: ICalendarFilters;\r\n /* Preferences /\r\n preferences?: Partial<ICalendarPreferences>;\r\n /* Badge variant for events (dot, colored, mixed) /\r\n badgeVariant?: TBadgeVariant;\r\n /* Hide the header /\r\n hideHeader?: boolean;\r\n /* Show filter sidebar /\r\n showFilterSidebar?: boolean;\r\n /* Available views to show in view switcher /\r\n availableViews?: TCalendarView[];\r\n\r\n // ========================================================================\r\n // CALLBACKS\r\n // ========================================================================\r\n\r\n /* Event click handler /\r\n onEventClick?: (event: CalendarEvent<TEventData>) => void;\r\n /* Slot selection handler /\r\n onSlotSelect?: (selection: ISelectionResult) => void;\r\n /* View change handler /\r\n onViewChange?: (view: TCalendarView) => void;\r\n /* Date change handler /\r\n onDateChange?: (date: Date) => void;\r\n /* Add event handler (for header button) /\r\n onAddEvent?: () => void;\r\n /* Filter change handler /\r\n onFiltersChange?: (filters: ICalendarFilters) => void;\r\n\r\n // ========================================================================\r\n // RENDER PROPS (for custom components)\r\n // ========================================================================\r\n\r\n /\r\n Custom event renderer\r\n * Use this to inject your own EventCard component\r\n /\r\n renderEvent?: (props: RenderEventProps<TEventData>) => ReactNode;\r\n\r\n /\r\n Custom event popover renderer\r\n * Use this to inject your own EventPopover component\r\n * If not provided, a basic popover is shown\r\n /\r\n renderEventPopover?: (props: RenderEventPopoverProps<TEventData>) => ReactNode;\r\n\r\n /\r\n Custom filter sidebar renderer\r\n * Use this to inject your own CalendarFilterSidebar component\r\n /\r\n renderFilterSidebar?: (props: RenderFilterSidebarProps<TScheduleTypeData>) => ReactNode;\r\n\r\n /\r\n Custom header renderer\r\n * Use this to inject your own CalendarHeader component\r\n /\r\n renderHeader?: (props: RenderHeaderProps) => ReactNode;\r\n\r\n // ========================================================================\r\n // HEADER SLOTS\r\n // ========================================================================\r\n\r\n /* Settings popover content (for default header) /\r\n settingsContent?: ReactNode;\r\n /* Filter row content (for default header) /\r\n filterContent?: ReactNode;\r\n /* Whether to show the settings button (default: true) /\r\n showSettings?: boolean;\r\n /* Whether to show timeline view options (default: false) /\r\n showTimelineViews?: boolean;\r\n\r\n // ========================================================================\r\n // STYLING\r\n // ========================================================================\r\n\r\n /* Additional CSS class /\r\n className?: string;\r\n /* Custom header actions (shown in default header) /\r\n headerActions?: ReactNode;\r\n /* Empty state for agenda view /\r\n emptyState?: ReactNode;\r\n /* Children (for header slot) /\r\n children?: ReactNode;\r\n}\r\n\r\n// ============================================================================\r\n// COMPONENT\r\n// ============================================================================\r\n\r\nexport function TailwindCalendar<\r\n TEventData = Record<string, unknown>,\r\n TScheduleTypeData = Record<string, unknown>,\r\n TResourceData = Record<string, unknown>,\r\n>({\r\n events,\r\n resources: _resources,\r\n scheduleTypes = [],\r\n initialView = 'week',\r\n initialDate,\r\n initialFilters: _initialFilters,\r\n preferences: userPreferences,\r\n badgeVariant = 'colored',\r\n hideHeader = false,\r\n showFilterSidebar = false,\r\n availableViews = ['day', 'week', 'month', 'agenda'],\r\n onEventClick,\r\n onSlotSelect,\r\n onViewChange,\r\n onDateChange,\r\n onAddEvent,\r\n onFiltersChange,\r\n renderEvent,\r\n renderEventPopover: _renderEventPopover,\r\n renderFilterSidebar,\r\n renderHeader,\r\n settingsContent,\r\n filterContent,\r\n showSettings = true,\r\n showTimelineViews = false,\r\n className,\r\n headerActions,\r\n emptyState,\r\n children: _children,\r\n}: TailwindCalendarProps<TEventData, TScheduleTypeData, TResourceData>) {\r\n // ========================================================================\r\n // STATE\r\n // ========================================================================\r\n\r\n const [view, setView] = useState<TCalendarView>(initialView);\r\n const [date, setDate] = useState<Date>(initialDate ?? new Date());\r\n\r\n // Filter state (for filter sidebar)\r\n const [selectedScheduleTypeIds, setSelectedScheduleTypeIds] = useState<number[]>([]);\r\n const [selectedParticipantIds, setSelectedParticipantIds] = useState<string[]>([]);\r\n\r\n // Merge user preferences with defaults\r\n const preferences: ICalendarPreferences = useMemo(\r\n () => ({\r\n ...DEFAULT_PREFERENCES,\r\n ...userPreferences,\r\n }),\r\n [userPreferences],\r\n );\r\n\r\n // ========================================================================\r\n // HANDLERS\r\n // ========================================================================\r\n\r\n const handleViewChange = useCallback(\r\n (newView: TCalendarView) => {\r\n setView(newView);\r\n onViewChange?.(newView);\r\n },\r\n [onViewChange],\r\n );\r\n\r\n const handleDateChange = useCallback(\r\n (newDate: Date) => {\r\n setDate(newDate);\r\n onDateChange?.(newDate);\r\n },\r\n [onDateChange],\r\n );\r\n\r\n const handleNavigatePrev = useCallback(() => {\r\n const newDate = navigatePrev(date, view);\r\n handleDateChange(newDate);\r\n }, [date, view, handleDateChange]);\r\n\r\n const handleNavigateNext = useCallback(() => {\r\n const newDate = navigateNext(date, view);\r\n handleDateChange(newDate);\r\n }, [date, view, handleDateChange]);\r\n\r\n const handleNavigateToday = useCallback(() => {\r\n const newDate = navigateToday();\r\n handleDateChange(newDate);\r\n }, [handleDateChange]);\r\n\r\n const handleDayClick = useCallback(\r\n (clickedDate: Date) => {\r\n // Navigate to day view when clicking a day in month view\r\n handleDateChange(clickedDate);\r\n handleViewChange('day');\r\n },\r\n [handleDateChange, handleViewChange],\r\n );\r\n\r\n // ========================================================================\r\n // VIEW RENDERING\r\n // ========================================================================\r\n\r\n // Visible hours - show all hours (0-24) so users can see the full day\r\n // The working hours determine which slots have striped (disabled) appearance\r\n const visibleHours = useMemo(\r\n () => ({\r\n startHour: 0,\r\n endHour: 24,\r\n }),\r\n [],\r\n );\r\n\r\n // Week starts on (convert from 0-6 to 0 \| 1)\r\n const weekStartsOn: 0 \| 1 = preferences.firstDayOfWeek === 0 ? 0 : 1;\r\n\r\n // Build working hours from preferences (for time grid views)\r\n // Working hours determine which slots are clickable and don't have striped pattern\r\n // Non-working hours get diagonal stripes and are disabled\r\n const workingHours = useMemo(() => {\r\n const hours: Record<number, { enabled: boolean; from: number; to: number }> = {};\r\n for (let i = 0; i <= 6; i++) {\r\n const isWeekend = i === 0 \|\| i === 6;\r\n // Weekdays: use preferences, Weekends: use preferences if showWeekends, otherwise disabled\r\n if (!isWeekend) {\r\n // Weekdays (Mon-Fri): always have working hours from preferences\r\n hours[i] = { enabled: true, from: preferences.startHour, to: preferences.endHour };\r\n } else if (preferences.showWeekends) {\r\n // Weekends with showWeekends: Saturday half-day (8-12), Sunday disabled\r\n if (i === 6) {\r\n // Saturday - half day (matching agenda-v2)\r\n hours[i] = { enabled: true, from: 8, to: 12 };\r\n } else {\r\n // Sunday - disabled\r\n hours[i] = { enabled: false, from: 0, to: 0 };\r\n }\r\n } else {\r\n // Weekends without showWeekends: both disabled\r\n hours[i] = { enabled: false, from: 0, to: 0 };\r\n }\r\n }\r\n return hours;\r\n }, [preferences.startHour, preferences.endHour, preferences.showWeekends]);\r\n\r\n // Handle filter changes\r\n const handleScheduleTypeFilterChange = useCallback(\r\n (ids: number[]) => {\r\n setSelectedScheduleTypeIds(ids);\r\n onFiltersChange?.({\r\n scheduleTypeIds: ids,\r\n participantIds: selectedParticipantIds,\r\n });\r\n },\r\n [onFiltersChange, selectedParticipantIds],\r\n );\r\n\r\n const handleParticipantFilterChange = useCallback(\r\n (ids: string[]) => {\r\n setSelectedParticipantIds(ids);\r\n onFiltersChange?.({\r\n scheduleTypeIds: selectedScheduleTypeIds,\r\n participantIds: ids,\r\n });\r\n },\r\n [onFiltersChange, selectedScheduleTypeIds],\r\n );\r\n\r\n // Create render event adapters for different view types\r\n // Each view has a slightly different renderEvent signature\r\n\r\n const dayWeekRenderEvent = useMemo(() => {\r\n if (!renderEvent) return undefined;\r\n return (props: { event: CalendarEvent<TEventData>; position: { top: number; height: number; left: number; width: number } }) => {\r\n return renderEvent({\r\n event: props.event,\r\n view,\r\n variant: 'full',\r\n position: { ...props.position, zIndex: 1 },\r\n badgeVariant,\r\n ...(onEventClick && { onClick: () => onEventClick(props.event) }),\r\n });\r\n };\r\n }, [renderEvent, view, badgeVariant, onEventClick]);\r\n\r\n const monthRenderEvent = useMemo(() => {\r\n if (!renderEvent) return undefined;\r\n return (props: { event: CalendarEvent<TEventData>; variant: 'compact' }) => {\r\n return renderEvent({\r\n event: props.event,\r\n view: 'month',\r\n variant: props.variant,\r\n badgeVariant,\r\n ...(onEventClick && { onClick: () => onEventClick(props.event) }),\r\n });\r\n };\r\n }, [renderEvent, badgeVariant, onEventClick]);\r\n\r\n const agendaRenderEvent = useMemo(() => {\r\n if (!renderEvent) return undefined;\r\n return (props: { event: CalendarEvent<TEventData> }) => {\r\n return renderEvent({\r\n event: props.event,\r\n view: 'agenda',\r\n variant: 'block',\r\n badgeVariant,\r\n ...(onEventClick && { onClick: () => onEventClick(props.event) }),\r\n });\r\n };\r\n }, [renderEvent, badgeVariant, onEventClick]);\r\n\r\n const renderView = () => {\r\n switch (view) {\r\n case 'day':\r\n return (\r\n <DayView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n visibleHours={visibleHours}\r\n workingHours={workingHours}\r\n slotDuration={preferences.slotDuration}\r\n {...(onEventClick && { onEventClick })}\r\n {...(onSlotSelect && { onSlotSelect })}\r\n {...(dayWeekRenderEvent && { renderEvent: dayWeekRenderEvent })}\r\n />\r\n );\r\n\r\n case 'week':\r\n return (\r\n <WeekView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n weekStartsOn={weekStartsOn}\r\n visibleHours={visibleHours}\r\n workingHours={workingHours}\r\n slotDuration={preferences.slotDuration}\r\n onDayClick={handleDayClick}\r\n {...(onEventClick && { onEventClick })}\r\n {...(onSlotSelect && { onSlotSelect })}\r\n {...(dayWeekRenderEvent && { renderEvent: dayWeekRenderEvent })}\r\n />\r\n );\r\n\r\n case 'month':\r\n return (\r\n <MonthView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n weekStartsOn={weekStartsOn}\r\n onDayClick={handleDayClick}\r\n {...(onEventClick && { onEventClick })}\r\n {...(onSlotSelect && { onSlotSelect })}\r\n {...(monthRenderEvent && { renderEvent: monthRenderEvent })}\r\n />\r\n );\r\n\r\n case 'agenda':\r\n return (\r\n <AgendaView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n {...(onEventClick && { onEventClick })}\r\n {...(emptyState && { emptyState })}\r\n {...(agendaRenderEvent && { renderEvent: agendaRenderEvent })}\r\n />\r\n );\r\n\r\n default:\r\n return (\r\n <div className=\"flex items-center justify-center h-64 text-gray-500\">\r\n View "{view}" is not yet implemented\r\n </div>\r\n );\r\n }\r\n };\r\n\r\n // ========================================================================\r\n // RENDER\r\n // ========================================================================\r\n\r\n // Header navigation handler\r\n const handleNavigate = useCallback(\r\n (direction: 'prev' \| 'next' \| 'today') => {\r\n if (direction === 'prev') handleNavigatePrev();\r\n else if (direction === 'next') handleNavigateNext();\r\n else handleNavigateToday();\r\n },\r\n [handleNavigatePrev, handleNavigateNext, handleNavigateToday],\r\n );\r\n\r\n // Default header props (conditionally add optional props)\r\n const headerProps: RenderHeaderProps = {\r\n view,\r\n currentDate: date,\r\n availableViews,\r\n onViewChange: handleViewChange,\r\n onNavigate: handleNavigate,\r\n onNavigatePrev: handleNavigatePrev,\r\n onNavigateNext: handleNavigateNext,\r\n onNavigateToday: handleNavigateToday,\r\n ...(onAddEvent && { onAddEvent }),\r\n ...(headerActions && { actions: headerActions }),\r\n className: 'border-b border-gray-200 p-3',\r\n };\r\n\r\n // Calendar header props (includes events for count display + slots)\r\n const calendarHeaderProps = {\r\n ...headerProps,\r\n events,\r\n weekStartsOn,\r\n settingsContent,\r\n filterContent,\r\n showSettings,\r\n showTimelineViews,\r\n };\r\n\r\n // Clear all filters handler\r\n const handleClearAllFilters = useCallback(() => {\r\n setSelectedScheduleTypeIds([]);\r\n setSelectedParticipantIds([]);\r\n onFiltersChange?.({\r\n scheduleTypeIds: [],\r\n participantIds: [],\r\n });\r\n }, [onFiltersChange]);\r\n\r\n return (\r\n <div\r\n className={cn(\r\n 'flex h-full bg-white border border-gray-200 rounded-lg',\r\n className,\r\n )}\r\n >\r\n {/ Filter Sidebar /}\r\n {showFilterSidebar && (\r\n <div className=\"w-64 border-r border-gray-200 flex-shrink-0\">\r\n {renderFilterSidebar ? (\r\n renderFilterSidebar({\r\n scheduleTypes,\r\n selectedScheduleTypeIds,\r\n selectedParticipantIds,\r\n onScheduleTypeChange: handleScheduleTypeFilterChange,\r\n onParticipantChange: handleParticipantFilterChange,\r\n onClearAll: handleClearAllFilters,\r\n })\r\n ) : (\r\n <div className=\"p-4 text-sm text-gray-500\">\r\n Filter sidebar not configured\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/ Main Calendar Area /}\r\n <div className=\"flex flex-col flex-1 min-w-0\">\r\n {/ Header /}\r\n {!hideHeader && (\r\n renderHeader ? (\r\n renderHeader(headerProps)\r\n ) : (\r\n <CalendarHeader\r\n {...calendarHeaderProps}\r\n />\r\n )\r\n )}\r\n\r\n {/ Calendar View */}\r\n <div className=\"flex-1 overflow-auto\">{renderView()}</div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["baseStyles","headerStyles","contentStyles","fallbackViewStyles","DefaultCalendar","events","_resources","_scheduleTypes","initialView","initialDate","_initialFilters","userPreferences","badgeVariant","hideHeader","availableViews","onEventClick","onSlotSelect","onViewChange","onDateChange","className","style","headerActions","emptyState","_children","view","setView","useState","date","setDate","preferences","useMemo","DEFAULT_PREFERENCES","handleViewChange","useCallback","newView","handleDateChange","newDate","handleNavigatePrev","navigatePrev","handleNavigateNext","navigateNext","handleNavigateToday","navigateToday","handleDayClick","clickedDate","visibleHours","weekStartsOn","renderView","jsx","DayView","WeekView","MonthView","AgendaView","jsxs","CalendarHeader","direction","TailwindCalendar","scheduleTypes","showFilterSidebar","onAddEvent","onFiltersChange","renderEvent","_renderEventPopover","renderFilterSidebar","renderHeader","settingsContent","filterContent","showSettings","showTimelineViews","selectedScheduleTypeIds","setSelectedScheduleTypeIds","selectedParticipantIds","setSelectedParticipantIds","workingHours","hours","i","handleScheduleTypeFilterChange","ids","handleParticipantFilterChange","dayWeekRenderEvent","props","monthRenderEvent","agendaRenderEvent","handleNavigate","headerProps","calendarHeaderProps","handleClearAllFilters","cn"],"mappings":";;;;;AAwDA,MAAMA,KAA4B;AAAA,EAChC,SAAS;AAAA,EACT,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,EACV,YACE;AAAA,EACF,UAAU;AAAA,EACV,OAAO;AACT,GAEMC,KAA8B;AAAA,EAClC,cAAc;AAChB,GAEMC,KAA+B;AAAA,EACnC,MAAM;AAAA,EACN,UAAU;AACZ,GAEMC,KAAoC;AAAA,EACxC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,OAAO;AACT;AAuDO,SAASC,GAId;AAAA,EACA,QAAAC;AAAA,EACA,WAAWC;AAAA,EACX,eAAeC;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,aAAAC;AAAA,EACA,gBAAgBC;AAAA,EAChB,aAAaC;AAAA,EACb,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB,CAAC,OAAO,QAAQ,SAAS,QAAQ;AAAA,EAClD,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AACZ,GAAuE;AAKrE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAwBlB,CAAW,GACrD,CAACmB,GAAMC,CAAO,IAAIF,EAAejB,KAAe,oBAAI,MAAM,GAG1DoB,IAAoCC;AAAA,IACxC,OAAO;AAAA,MACL,GAAGC;AAAA,MACH,GAAGpB;AAAA,IAAA;AAAA,IAEL,CAACA,CAAe;AAAA,EAAA,GAOZqB,IAAmBC;AAAA,IACvB,CAACC,MAA2B;AAC1B,MAAAT,EAAQS,CAAO,GACfjB,IAAeiB,CAAO;AAAA,IACxB;AAAA,IACA,CAACjB,CAAY;AAAA,EAAA,GAGTkB,IAAmBF;AAAA,IACvB,CAACG,MAAkB;AACjB,MAAAR,EAAQQ,CAAO,GACflB,IAAekB,CAAO;AAAA,IACxB;AAAA,IACA,CAAClB,CAAY;AAAA,EAAA,GAGTmB,IAAqBJ,EAAY,MAAM;AAC3C,UAAMG,IAAUE,GAAaX,GAAMH,CAAI;AACvC,IAAAW,EAAiBC,CAAO;AAAA,EAC1B,GAAG,CAACT,GAAMH,GAAMW,CAAgB,CAAC,GAE3BI,IAAqBN,EAAY,MAAM;AAC3C,UAAMG,IAAUI,GAAab,GAAMH,CAAI;AACvC,IAAAW,EAAiBC,CAAO;AAAA,EAC1B,GAAG,CAACT,GAAMH,GAAMW,CAAgB,CAAC,GAE3BM,IAAsBR,EAAY,MAAM;AAC5C,UAAMG,IAAUM,GAAA;AAChB,IAAAP,EAAiBC,CAAO;AAAA,EAC1B,GAAG,CAACD,CAAgB,CAAC,GAEfQ,IAAiBV;AAAA,IACrB,CAACW,MAAsB;AAErB,MAAAT,EAAiBS,CAAW,GAC5BZ,EAAiB,KAAK;AAAA,IACxB;AAAA,IACA,CAACG,GAAkBH,CAAgB;AAAA,EAAA,GAQ/Ba,IAAef;AAAA,IACnB,OAAO;AAAA,MACL,WAAWD,EAAY;AAAA,MACvB,SAASA,EAAY;AAAA,IAAA;AAAA,IAEvB,CAACA,EAAY,WAAWA,EAAY,OAAO;AAAA,EAAA,GAIvCiB,IAAsBjB,EAAY,mBAAmB,IAAI,IAAI,GAE7DkB,IAAa,MAAM;AACvB,YAAQvB,GAAA;AAAA,MACN,KAAK;AACH,eACE,gBAAAwB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,QAAA5C;AAAA,YACA,MAAAsB;AAAA,YACA,cAAAf;AAAA,YACA,cAAAiC;AAAA,YACA,cAAchB,EAAY;AAAA,YACzB,GAAId,KAAgB,EAAE,cAAAA,EAAA;AAAA,YACtB,GAAIC,KAAgB,EAAE,cAAAA,EAAA;AAAA,UAAa;AAAA,QAAA;AAAA,MAI1C,KAAK;AACH,eACE,gBAAAgC;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,QAAA7C;AAAA,YACA,MAAAsB;AAAA,YACA,cAAAf;AAAA,YACA,cAAAkC;AAAA,YACA,cAAAD;AAAA,YACA,cAAchB,EAAY;AAAA,YAC1B,YAAYc;AAAA,YACX,GAAI5B,KAAgB,EAAE,cAAAA,EAAA;AAAA,YACtB,GAAIC,KAAgB,EAAE,cAAAA,EAAA;AAAA,UAAa;AAAA,QAAA;AAAA,MAI1C,KAAK;AACH,eACE,gBAAAgC;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,QAAA9C;AAAA,YACA,MAAAsB;AAAA,YACA,cAAAf;AAAA,YACA,cAAAkC;AAAA,YACA,YAAYH;AAAA,YACX,GAAI5B,KAAgB,EAAE,cAAAA,EAAA;AAAA,YACtB,GAAIC,KAAgB,EAAE,cAAAA,EAAA;AAAA,UAAa;AAAA,QAAA;AAAA,MAI1C,KAAK;AACH,eACE,gBAAAgC;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAA/C;AAAA,YACA,MAAAsB;AAAA,YACA,cAAAf;AAAA,YACC,GAAIG,KAAgB,EAAE,cAAAA,EAAA;AAAA,YACtB,GAAIO,KAAc,EAAE,YAAAA,EAAA;AAAA,UAAW;AAAA,QAAA;AAAA,MAItC;AACE,eACE,gBAAA+B,EAAC,OAAA,EAAI,OAAOlD,IAAoB,UAAA;AAAA,UAAA;AAAA,UAClBqB;AAAA,UAAK;AAAA,QAAA,GACnB;AAAA,IAAA;AAAA,EAGR;AAMA,SACE,gBAAA6B,EAAC,SAAI,WAAAlC,GAAsB,OAAO,EAAE,GAAGnB,IAAY,GAAGoB,EAAA,GAEnD,UAAA;AAAA,IAAA,CAACP,KACA,gBAAAmC,EAAC,OAAA,EAAI,OAAO/C,IACV,UAAA,gBAAA+C;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAA9B;AAAA,QACA,aAAaG;AAAA,QACb,gBAAAb;AAAA,QACA,cAAckB;AAAA,QACd,YAAY,CAACuB,MAAc;AACzB,UAAIA,MAAc,SAAQlB,EAAA,IACjBkB,MAAc,SAAQhB,EAAA,IAC1BE,EAAA;AAAA,QACP;AAAA,QACA,SAASpB;AAAA,QACT,WAAU;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IAIF,gBAAA2B,EAAC,OAAA,EAAI,OAAO9C,IAAgB,cAAW,CAAE;AAAA,EAAA,GAC3C;AAEJ;ACxHO,SAASsD,GAId;AAAA,EACA,QAAAnD;AAAA,EACA,WAAWC;AAAA,EACX,eAAAmD,IAAgB,CAAA;AAAA,EAChB,aAAAjD,IAAc;AAAA,EACd,aAAAC;AAAA,EACA,gBAAgBC;AAAA,EAChB,aAAaC;AAAA,EACb,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AAAA,EACb,mBAAA6C,IAAoB;AAAA,EACpB,gBAAA5C,IAAiB,CAAC,OAAO,QAAQ,SAAS,QAAQ;AAAA,EAClD,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAyC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAoBC;AAAA,EACpB,qBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,mBAAAC,IAAoB;AAAA,EACpB,WAAAjD;AAAA,EACA,eAAAE;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AACZ,GAAwE;AAKtE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAwBlB,CAAW,GACrD,CAACmB,GAAMC,CAAO,IAAIF,EAAejB,KAAe,oBAAI,MAAM,GAG1D,CAAC4D,GAAyBC,CAA0B,IAAI5C,EAAmB,CAAA,CAAE,GAC7E,CAAC6C,GAAwBC,CAAyB,IAAI9C,EAAmB,CAAA,CAAE,GAG3EG,IAAoCC;AAAA,IACxC,OAAO;AAAA,MACL,GAAGC;AAAA,MACH,GAAGpB;AAAA,IAAA;AAAA,IAEL,CAACA,CAAe;AAAA,EAAA,GAOZqB,IAAmBC;AAAA,IACvB,CAACC,MAA2B;AAC1B,MAAAT,EAAQS,CAAO,GACfjB,IAAeiB,CAAO;AAAA,IACxB;AAAA,IACA,CAACjB,CAAY;AAAA,EAAA,GAGTkB,IAAmBF;AAAA,IACvB,CAACG,MAAkB;AACjB,MAAAR,EAAQQ,CAAO,GACflB,IAAekB,CAAO;AAAA,IACxB;AAAA,IACA,CAAClB,CAAY;AAAA,EAAA,GAGTmB,IAAqBJ,EAAY,MAAM;AAC3C,UAAMG,IAAUE,GAAaX,GAAMH,CAAI;AACvC,IAAAW,EAAiBC,CAAO;AAAA,EAC1B,GAAG,CAACT,GAAMH,GAAMW,CAAgB,CAAC,GAE3BI,IAAqBN,EAAY,MAAM;AAC3C,UAAMG,IAAUI,GAAab,GAAMH,CAAI;AACvC,IAAAW,EAAiBC,CAAO;AAAA,EAC1B,GAAG,CAACT,GAAMH,GAAMW,CAAgB,CAAC,GAE3BM,IAAsBR,EAAY,MAAM;AAC5C,UAAMG,IAAUM,GAAA;AAChB,IAAAP,EAAiBC,CAAO;AAAA,EAC1B,GAAG,CAACD,CAAgB,CAAC,GAEfQ,IAAiBV;AAAA,IACrB,CAACW,MAAsB;AAErB,MAAAT,EAAiBS,CAAW,GAC5BZ,EAAiB,KAAK;AAAA,IACxB;AAAA,IACA,CAACG,GAAkBH,CAAgB;AAAA,EAAA,GAS/Ba,IAAef;AAAA,IACnB,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,IAEX,CAAA;AAAA,EAAC,GAIGgB,IAAsBjB,EAAY,mBAAmB,IAAI,IAAI,GAK7D4C,IAAe3C,EAAQ,MAAM;AACjC,UAAM4C,IAAwE,CAAA;AAC9E,aAASC,IAAI,GAAGA,KAAK,GAAGA;AAGtB,MAFkBA,MAAM,KAAKA,MAAM,IAKxB9C,EAAY,eAEjB8C,MAAM,IAERD,EAAMC,CAAC,IAAI,EAAE,SAAS,IAAM,MAAM,GAAG,IAAI,GAAA,IAGzCD,EAAMC,CAAC,IAAI,EAAE,SAAS,IAAO,MAAM,GAAG,IAAI,EAAA,IAI5CD,EAAMC,CAAC,IAAI,EAAE,SAAS,IAAO,MAAM,GAAG,IAAI,EAAA,IAZ1CD,EAAMC,CAAC,IAAI,EAAE,SAAS,IAAM,MAAM9C,EAAY,WAAW,IAAIA,EAAY,QAAA;AAe7E,WAAO6C;AAAA,EACT,GAAG,CAAC7C,EAAY,WAAWA,EAAY,SAASA,EAAY,YAAY,CAAC,GAGnE+C,KAAiC3C;AAAA,IACrC,CAAC4C,MAAkB;AACjB,MAAAP,EAA2BO,CAAG,GAC9BjB,IAAkB;AAAA,QAChB,iBAAiBiB;AAAA,QACjB,gBAAgBN;AAAA,MAAA,CACjB;AAAA,IACH;AAAA,IACA,CAACX,GAAiBW,CAAsB;AAAA,EAAA,GAGpCO,KAAgC7C;AAAA,IACpC,CAAC4C,MAAkB;AACjB,MAAAL,EAA0BK,CAAG,GAC7BjB,IAAkB;AAAA,QAChB,iBAAiBS;AAAA,QACjB,gBAAgBQ;AAAA,MAAA,CACjB;AAAA,IACH;AAAA,IACA,CAACjB,GAAiBS,CAAuB;AAAA,EAAA,GAMrCU,IAAqBjD,EAAQ,MAAM;AACvC,QAAK+B;AACL,aAAO,CAACmB,MACCnB,EAAY;AAAA,QACjB,OAAOmB,EAAM;AAAA,QACb,MAAAxD;AAAA,QACA,SAAS;AAAA,QACT,UAAU,EAAE,GAAGwD,EAAM,UAAU,QAAQ,EAAA;AAAA,QACvC,cAAApE;AAAA,QACA,GAAIG,KAAgB,EAAE,SAAS,MAAMA,EAAaiE,EAAM,KAAK,EAAA;AAAA,MAAE,CAChE;AAAA,EAEL,GAAG,CAACnB,GAAarC,GAAMZ,GAAcG,CAAY,CAAC,GAE5CkE,IAAmBnD,EAAQ,MAAM;AACrC,QAAK+B;AACL,aAAO,CAACmB,MACCnB,EAAY;AAAA,QACjB,OAAOmB,EAAM;AAAA,QACb,MAAM;AAAA,QACN,SAASA,EAAM;AAAA,QACf,cAAApE;AAAA,QACA,GAAIG,KAAgB,EAAE,SAAS,MAAMA,EAAaiE,EAAM,KAAK,EAAA;AAAA,MAAE,CAChE;AAAA,EAEL,GAAG,CAACnB,GAAajD,GAAcG,CAAY,CAAC,GAEtCmE,IAAoBpD,EAAQ,MAAM;AACtC,QAAK+B;AACL,aAAO,CAACmB,MACCnB,EAAY;AAAA,QACjB,OAAOmB,EAAM;AAAA,QACb,MAAM;AAAA,QACN,SAAS;AAAA,QACT,cAAApE;AAAA,QACA,GAAIG,KAAgB,EAAE,SAAS,MAAMA,EAAaiE,EAAM,KAAK,EAAA;AAAA,MAAE,CAChE;AAAA,EAEL,GAAG,CAACnB,GAAajD,GAAcG,CAAY,CAAC,GAEtCgC,KAAa,MAAM;AACvB,YAAQvB,GAAA;AAAA,MACN,KAAK;AACH,eACE,gBAAAwB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,QAAA5C;AAAA,YACA,MAAAsB;AAAA,YACA,cAAAf;AAAA,YACA,cAAAiC;AAAA,YACA,cAAA4B;AAAA,YACA,cAAc5C,EAAY;AAAA,YACzB,GAAId,KAAgB,EAAE,cAAAA,EAAA;AAAA,YACtB,GAAIC,KAAgB,EAAE,cAAAA,EAAA;AAAA,YACtB,GAAI+D,KAAsB,EAAE,aAAaA,EAAA;AAAA,UAAmB;AAAA,QAAA;AAAA,MAInE,KAAK;AACH,eACE,gBAAA/B;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,QAAA7C;AAAA,YACA,MAAAsB;AAAA,YACA,cAAAf;AAAA,YACA,cAAAkC;AAAA,YACA,cAAAD;AAAA,YACA,cAAA4B;AAAA,YACA,cAAc5C,EAAY;AAAA,YAC1B,YAAYc;AAAA,YACX,GAAI5B,KAAgB,EAAE,cAAAA,EAAA;AAAA,YACtB,GAAIC,KAAgB,EAAE,cAAAA,EAAA;AAAA,YACtB,GAAI+D,KAAsB,EAAE,aAAaA,EAAA;AAAA,UAAmB;AAAA,QAAA;AAAA,MAInE,KAAK;AACH,eACE,gBAAA/B;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,QAAA9C;AAAA,YACA,MAAAsB;AAAA,YACA,cAAAf;AAAA,YACA,cAAAkC;AAAA,YACA,YAAYH;AAAA,YACX,GAAI5B,KAAgB,EAAE,cAAAA,EAAA;AAAA,YACtB,GAAIC,KAAgB,EAAE,cAAAA,EAAA;AAAA,YACtB,GAAIiE,KAAoB,EAAE,aAAaA,EAAA;AAAA,UAAiB;AAAA,QAAA;AAAA,MAI/D,KAAK;AACH,eACE,gBAAAjC;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAA/C;AAAA,YACA,MAAAsB;AAAA,YACA,cAAAf;AAAA,YACC,GAAIG,KAAgB,EAAE,cAAAA,EAAA;AAAA,YACtB,GAAIO,KAAc,EAAE,YAAAA,EAAA;AAAA,YACpB,GAAI4D,KAAqB,EAAE,aAAaA,EAAA;AAAA,UAAkB;AAAA,QAAA;AAAA,MAIjE;AACE,eACE,gBAAA7B,EAAC,OAAA,EAAI,WAAU,uDAAsD,UAAA;AAAA,UAAA;AAAA,UACvD7B;AAAA,UAAK;AAAA,QAAA,GACnB;AAAA,IAAA;AAAA,EAGR,GAOM2D,KAAiBlD;AAAA,IACrB,CAACsB,MAAyC;AACxC,MAAIA,MAAc,SAAQlB,EAAA,IACjBkB,MAAc,SAAQhB,EAAA,IAC1BE,EAAA;AAAA,IACP;AAAA,IACA,CAACJ,GAAoBE,GAAoBE,CAAmB;AAAA,EAAA,GAIxD2C,KAAiC;AAAA,IACrC,MAAA5D;AAAA,IACA,aAAaG;AAAA,IACb,gBAAAb;AAAA,IACA,cAAckB;AAAA,IACd,YAAYmD;AAAA,IACZ,gBAAgB9C;AAAA,IAChB,gBAAgBE;AAAA,IAChB,iBAAiBE;AAAA,IACjB,GAAIkB,KAAc,EAAE,YAAAA,EAAA;AAAA,IACpB,GAAItC,KAAiB,EAAE,SAASA,EAAA;AAAA,IAChC,WAAW;AAAA,EAAA,GAIPgE,KAAsB;AAAA,IAC1B,GAAGD;AAAA,IACH,QAAA/E;AAAA,IACA,cAAAyC;AAAA,IACA,iBAAAmB;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,GAIIkB,KAAwBrD,EAAY,MAAM;AAC9C,IAAAqC,EAA2B,CAAA,CAAE,GAC7BE,EAA0B,CAAA,CAAE,GAC5BZ,IAAkB;AAAA,MAChB,iBAAiB,CAAA;AAAA,MACjB,gBAAgB,CAAA;AAAA,IAAC,CAClB;AAAA,EACH,GAAG,CAACA,CAAe,CAAC;AAEpB,SACE,gBAAAP;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWkC;AAAA,QACT;AAAA,QACApE;AAAA,MAAA;AAAA,MAID,UAAA;AAAA,QAAAuC,KACC,gBAAAV,EAAC,OAAA,EAAI,WAAU,+CACZ,cACCe,EAAoB;AAAA,UAClB,eAAAN;AAAA,UACA,yBAAAY;AAAA,UACA,wBAAAE;AAAA,UACA,sBAAsBK;AAAA,UACtB,qBAAqBE;AAAA,UACrB,YAAYQ;AAAA,QAAA,CACb,IAED,gBAAAtC,EAAC,SAAI,WAAU,6BAA4B,2CAE3C,GAEJ;AAAA,QAIF,gBAAAK,EAAC,OAAA,EAAI,WAAU,gCAEZ,UAAA;AAAA,UAAA,CAACxC,MACAmD,IACEA,EAAaoB,EAAW,IAExB,gBAAApC;AAAA,YAACM;AAAA,YAAA;AAAA,cACE,GAAG+B;AAAA,YAAA;AAAA,UAAA;AAAA,UAMV,gBAAArC,EAAC,OAAA,EAAI,WAAU,wBAAwB,eAAW,CAAE;AAAA,QAAA,EAAA,CACtD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"tailwind-calendar-DtZENWzv.js","sources":["../src/presets/default/default-calendar.tsx","../src/presets/tailwind/tailwind-calendar.tsx"],"sourcesContent":["/*\r\n DefaultCalendar - Pre-styled Calendar Preset\r\n \r\n A fully styled calendar using CSS custom properties for theming.\r\n * Designed for projects that don't use TailwindCSS but want a complete solution.\r\n \r\n CSS Custom Properties (override these for theming):\r\n * - --ic-bg: Background color\r\n * - --ic-bg-muted: Muted background\r\n * - --ic-text: Primary text color\r\n * - --ic-text-muted: Secondary text color\r\n * - --ic-border: Border color\r\n * - --ic-primary: Primary/accent color\r\n * - --ic-primary-foreground: Text on primary background\r\n * - --ic-radius: Border radius\r\n \r\n @example\r\n * ```tsx\r\n * import { DefaultCalendar } from '@inno/calendar/presets';\r\n \r\n function MyAgenda() {\r\n * return (\r\n * <div style={{ '--ic-primary': '#6366f1' }}>\r\n * <DefaultCalendar\r\n * events={myEvents}\r\n * onEventClick={(event) => console.log('Clicked:', event)}\r\n * />\r\n * </div>\r\n * );\r\n * }\r\n * ```\r\n /\r\n\r\nimport { useState, useCallback, useMemo, type ReactNode, type CSSProperties } from 'react';\r\nimport type {\r\n CalendarEvent,\r\n TCalendarView,\r\n ICalendarPreferences,\r\n ICalendarFilters,\r\n IResource,\r\n IScheduleType,\r\n ISelectionResult,\r\n TBadgeVariant,\r\n} from '../../core/types';\r\nimport { DEFAULT_PREFERENCES } from '../../core/constants';\r\nimport { navigateNext, navigatePrev, navigateToday } from '../../core/utils/grid-utils';\r\nimport { CalendarHeader } from '../../components/header/calendar-header';\r\nimport { DayView } from '../../components/views/day-view';\r\nimport { WeekView } from '../../components/views/week-view';\r\nimport { MonthView } from '../../components/views/month-view';\r\nimport { AgendaView } from '../../components/views/agenda-view';\r\n\r\n// ============================================================================\r\n// STYLES (CSS-in-JS for zero-config usage)\r\n// ============================================================================\r\n\r\nconst baseStyles: CSSProperties = {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: '100%',\r\n minHeight: '400px',\r\n backgroundColor: 'var(--ic-bg, #ffffff)',\r\n border: '1px solid var(--ic-border, #e5e7eb)',\r\n borderRadius: 'var(--ic-radius, 0.5rem)',\r\n overflow: 'hidden',\r\n fontFamily:\r\n 'var(--ic-font-family, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif)',\r\n fontSize: 'var(--ic-font-size, 0.875rem)',\r\n color: 'var(--ic-text, #111827)',\r\n};\r\n\r\nconst headerStyles: CSSProperties = {\r\n borderBottom: '1px solid var(--ic-border, #e5e7eb)',\r\n};\r\n\r\nconst contentStyles: CSSProperties = {\r\n flex: 1,\r\n overflow: 'auto',\r\n};\r\n\r\nconst fallbackViewStyles: CSSProperties = {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n height: '16rem',\r\n color: 'var(--ic-text-muted, #6b7280)',\r\n};\r\n\r\n// ============================================================================\r\n// TYPES\r\n// ============================================================================\r\n\r\nexport interface DefaultCalendarProps<\r\n TEventData = Record<string, unknown>,\r\n TScheduleTypeData = Record<string, unknown>,\r\n TResourceData = Record<string, unknown>,\r\n> {\r\n /* Events to display /\r\n events: CalendarEvent<TEventData>[];\r\n /* Available resources /\r\n resources?: IResource<TResourceData>[];\r\n /* Available schedule types /\r\n scheduleTypes?: IScheduleType<TScheduleTypeData>[];\r\n /* Initial view /\r\n initialView?: TCalendarView;\r\n /* Initial date /\r\n initialDate?: Date;\r\n /* Initial filters /\r\n initialFilters?: ICalendarFilters;\r\n /* Preferences /\r\n preferences?: Partial<ICalendarPreferences>;\r\n /* Badge variant for events (dot, colored, mixed) /\r\n badgeVariant?: TBadgeVariant;\r\n /* Hide the header /\r\n hideHeader?: boolean;\r\n /* Available views to show in view switcher /\r\n availableViews?: TCalendarView[];\r\n /* Event click handler /\r\n onEventClick?: (event: CalendarEvent<TEventData>) => void;\r\n /* Slot selection handler /\r\n onSlotSelect?: (selection: ISelectionResult) => void;\r\n /* View change handler /\r\n onViewChange?: (view: TCalendarView) => void;\r\n /* Date change handler /\r\n onDateChange?: (date: Date) => void;\r\n /* Additional CSS class /\r\n className?: string;\r\n /* Custom style overrides /\r\n style?: CSSProperties;\r\n /* Custom header actions /\r\n headerActions?: ReactNode;\r\n /* Empty state for agenda view /\r\n emptyState?: ReactNode;\r\n /* Children (for header slot) /\r\n children?: ReactNode;\r\n}\r\n\r\n// ============================================================================\r\n// COMPONENT\r\n// ============================================================================\r\n\r\nexport function DefaultCalendar<\r\n TEventData = Record<string, unknown>,\r\n TScheduleTypeData = Record<string, unknown>,\r\n TResourceData = Record<string, unknown>,\r\n>({\r\n events,\r\n resources: _resources,\r\n scheduleTypes: _scheduleTypes,\r\n initialView = 'week',\r\n initialDate,\r\n initialFilters: _initialFilters,\r\n preferences: userPreferences,\r\n badgeVariant = 'colored',\r\n hideHeader = false,\r\n availableViews = ['day', 'week', 'month', 'agenda'],\r\n onEventClick,\r\n onSlotSelect,\r\n onViewChange,\r\n onDateChange,\r\n className = '',\r\n style,\r\n headerActions,\r\n emptyState,\r\n children: _children,\r\n}: DefaultCalendarProps<TEventData, TScheduleTypeData, TResourceData>) {\r\n // ========================================================================\r\n // STATE\r\n // ========================================================================\r\n\r\n const [view, setView] = useState<TCalendarView>(initialView);\r\n const [date, setDate] = useState<Date>(initialDate ?? new Date());\r\n\r\n // Merge user preferences with defaults\r\n const preferences: ICalendarPreferences = useMemo(\r\n () => ({\r\n ...DEFAULT_PREFERENCES,\r\n ...userPreferences,\r\n }),\r\n [userPreferences],\r\n );\r\n\r\n // ========================================================================\r\n // HANDLERS\r\n // ========================================================================\r\n\r\n const handleViewChange = useCallback(\r\n (newView: TCalendarView) => {\r\n setView(newView);\r\n onViewChange?.(newView);\r\n },\r\n [onViewChange],\r\n );\r\n\r\n const handleDateChange = useCallback(\r\n (newDate: Date) => {\r\n setDate(newDate);\r\n onDateChange?.(newDate);\r\n },\r\n [onDateChange],\r\n );\r\n\r\n const handleNavigatePrev = useCallback(() => {\r\n const newDate = navigatePrev(date, view);\r\n handleDateChange(newDate);\r\n }, [date, view, handleDateChange]);\r\n\r\n const handleNavigateNext = useCallback(() => {\r\n const newDate = navigateNext(date, view);\r\n handleDateChange(newDate);\r\n }, [date, view, handleDateChange]);\r\n\r\n const handleNavigateToday = useCallback(() => {\r\n const newDate = navigateToday();\r\n handleDateChange(newDate);\r\n }, [handleDateChange]);\r\n\r\n const handleDayClick = useCallback(\r\n (clickedDate: Date) => {\r\n // Navigate to day view when clicking a day in month view\r\n handleDateChange(clickedDate);\r\n handleViewChange('day');\r\n },\r\n [handleDateChange, handleViewChange],\r\n );\r\n\r\n // ========================================================================\r\n // VIEW RENDERING\r\n // ========================================================================\r\n\r\n // Build visible hours from preferences\r\n const visibleHours = useMemo(\r\n () => ({\r\n startHour: preferences.startHour,\r\n endHour: preferences.endHour,\r\n }),\r\n [preferences.startHour, preferences.endHour],\r\n );\r\n\r\n // Week starts on (convert from 0-6 to 0 \| 1)\r\n const weekStartsOn: 0 \| 1 = preferences.firstDayOfWeek === 0 ? 0 : 1;\r\n\r\n const renderView = () => {\r\n switch (view) {\r\n case 'day':\r\n return (\r\n <DayView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n visibleHours={visibleHours}\r\n slotDuration={preferences.slotDuration}\r\n {...(onEventClick && { onEventClick })}\r\n {...(onSlotSelect && { onSlotSelect })}\r\n />\r\n );\r\n\r\n case 'week':\r\n return (\r\n <WeekView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n weekStartsOn={weekStartsOn}\r\n visibleHours={visibleHours}\r\n slotDuration={preferences.slotDuration}\r\n onDayClick={handleDayClick}\r\n {...(onEventClick && { onEventClick })}\r\n {...(onSlotSelect && { onSlotSelect })}\r\n />\r\n );\r\n\r\n case 'month':\r\n return (\r\n <MonthView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n weekStartsOn={weekStartsOn}\r\n onDayClick={handleDayClick}\r\n {...(onEventClick && { onEventClick })}\r\n {...(onSlotSelect && { onSlotSelect })}\r\n />\r\n );\r\n\r\n case 'agenda':\r\n return (\r\n <AgendaView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n {...(onEventClick && { onEventClick })}\r\n {...(emptyState && { emptyState })}\r\n />\r\n );\r\n\r\n default:\r\n return (\r\n <div style={fallbackViewStyles}>\r\n View "{view}" is not yet implemented\r\n </div>\r\n );\r\n }\r\n };\r\n\r\n // ========================================================================\r\n // RENDER\r\n // ========================================================================\r\n\r\n return (\r\n <div className={className} style={{ ...baseStyles, ...style }}>\r\n {/ Header /}\r\n {!hideHeader && (\r\n <div style={headerStyles}>\r\n <CalendarHeader\r\n view={view}\r\n currentDate={date}\r\n availableViews={availableViews}\r\n onViewChange={handleViewChange}\r\n onNavigate={(direction) => {\r\n if (direction === 'prev') handleNavigatePrev();\r\n else if (direction === 'next') handleNavigateNext();\r\n else handleNavigateToday();\r\n }}\r\n actions={headerActions}\r\n className=\"p-3\"\r\n />\r\n </div>\r\n )}\r\n\r\n {/ Calendar View /}\r\n <div style={contentStyles}>{renderView()}</div>\r\n </div>\r\n );\r\n}\r\n","/\r\n TailwindCalendar - Tailwind-Optimized Calendar Preset\r\n \r\n A fully featured, ready-to-use calendar component designed for TailwindCSS projects.\r\n * Composes all calendar components into a cohesive experience.\r\n \r\n Features:\r\n * - Full customization via render props (renderEvent, renderEventPopover, renderFilterSidebar)\r\n * - All visual components can be replaced while keeping state management\r\n * - Matches production quality when used with custom components\r\n \r\n @example\r\n * ```tsx\r\n * import { TailwindCalendar } from '@inno/calendar/presets';\r\n \r\n function MyAgenda() {\r\n * return (\r\n * <TailwindCalendar\r\n * events={myEvents}\r\n * onEventClick={(event) => console.log('Clicked:', event)}\r\n * onSlotSelect={(selection) => console.log('Selected:', selection)}\r\n * // Custom components for production quality\r\n * renderEvent={(event) => <MyEventCard event={event} />}\r\n * renderEventPopover={(event, onClose) => <MyEventPopover event={event} onClose={onClose} />}\r\n * renderFilterSidebar={(props) => <MyFilterSidebar {...props} />}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n /\r\n\r\nimport { useState, useCallback, useMemo, type ReactNode } from 'react';\r\nimport type {\r\n CalendarEvent,\r\n TCalendarView,\r\n ICalendarPreferences,\r\n ICalendarFilters,\r\n IResource,\r\n IScheduleType,\r\n ISelectionResult,\r\n TBadgeVariant,\r\n IEventPosition,\r\n} from '../../core/types';\r\nimport { DEFAULT_PREFERENCES } from '../../core/constants';\r\nimport { navigateNext, navigatePrev, navigateToday } from '../../core/utils/grid-utils';\r\nimport { CalendarHeader } from '../../components/header/calendar-header';\r\nimport { DayView } from '../../components/views/day-view';\r\nimport { WeekView } from '../../components/views/week-view';\r\nimport { MonthView } from '../../components/views/month-view';\r\nimport { AgendaView } from '../../components/views/agenda-view';\r\nimport { cn } from '../../lib/utils';\r\n\r\n// ============================================================================\r\n// RENDER PROP TYPES\r\n// ============================================================================\r\n\r\n/\r\n Props for custom event rendering\r\n /\r\nexport interface RenderEventProps<TEventData = Record<string, unknown>> {\r\n event: CalendarEvent<TEventData>;\r\n view: TCalendarView;\r\n variant: 'full' \| 'compact' \| 'dot' \| 'block';\r\n position?: IEventPosition;\r\n badgeVariant: TBadgeVariant;\r\n onClick?: () => void;\r\n}\r\n\r\n/\r\n Props for custom event popover rendering\r\n /\r\nexport interface RenderEventPopoverProps<TEventData = Record<string, unknown>> {\r\n event: CalendarEvent<TEventData>;\r\n onClose: () => void;\r\n}\r\n\r\n/\r\n Props for custom filter sidebar rendering\r\n /\r\nexport interface RenderFilterSidebarProps<TScheduleTypeData = Record<string, unknown>> {\r\n scheduleTypes: IScheduleType<TScheduleTypeData>[];\r\n selectedScheduleTypeIds: number[];\r\n onScheduleTypeChange: (ids: number[]) => void;\r\n selectedParticipantIds: string[];\r\n onParticipantChange: (ids: string[]) => void;\r\n onClearAll?: () => void;\r\n}\r\n\r\n/\r\n Props for custom header rendering\r\n /\r\nexport interface RenderHeaderProps {\r\n view: TCalendarView;\r\n currentDate: Date;\r\n availableViews: TCalendarView[];\r\n onViewChange: (view: TCalendarView) => void;\r\n onNavigate: (direction: 'prev' \| 'next' \| 'today') => void;\r\n onNavigatePrev?: () => void;\r\n onNavigateNext?: () => void;\r\n onNavigateToday?: () => void;\r\n onAddEvent?: () => void;\r\n actions?: ReactNode;\r\n className?: string;\r\n}\r\n\r\n// ============================================================================\r\n// COMPONENT PROPS\r\n// ============================================================================\r\n\r\nexport interface TailwindCalendarProps<\r\n TEventData = Record<string, unknown>,\r\n TScheduleTypeData = Record<string, unknown>,\r\n TResourceData = Record<string, unknown>,\r\n> {\r\n /* Events to display /\r\n events: CalendarEvent<TEventData>[];\r\n /* Available resources /\r\n resources?: IResource<TResourceData>[];\r\n /* Available schedule types /\r\n scheduleTypes?: IScheduleType<TScheduleTypeData>[];\r\n /* Initial view /\r\n initialView?: TCalendarView;\r\n /* Initial date /\r\n initialDate?: Date;\r\n /* Initial filters /\r\n initialFilters?: ICalendarFilters;\r\n /* Preferences /\r\n preferences?: Partial<ICalendarPreferences>;\r\n /* Badge variant for events (dot, colored, mixed) /\r\n badgeVariant?: TBadgeVariant;\r\n /* Hide the header /\r\n hideHeader?: boolean;\r\n /* Show filter sidebar /\r\n showFilterSidebar?: boolean;\r\n /* Available views to show in view switcher /\r\n availableViews?: TCalendarView[];\r\n\r\n // ========================================================================\r\n // CALLBACKS\r\n // ========================================================================\r\n\r\n /* Event click handler /\r\n onEventClick?: (event: CalendarEvent<TEventData>) => void;\r\n /* Slot selection handler /\r\n onSlotSelect?: (selection: ISelectionResult) => void;\r\n /* View change handler /\r\n onViewChange?: (view: TCalendarView) => void;\r\n /* Date change handler /\r\n onDateChange?: (date: Date) => void;\r\n /* Add event handler (for header button) /\r\n onAddEvent?: () => void;\r\n /* Filter change handler /\r\n onFiltersChange?: (filters: ICalendarFilters) => void;\r\n\r\n // ========================================================================\r\n // RENDER PROPS (for custom components)\r\n // ========================================================================\r\n\r\n /\r\n Custom event renderer\r\n * Use this to inject your own EventCard component\r\n /\r\n renderEvent?: (props: RenderEventProps<TEventData>) => ReactNode;\r\n\r\n /\r\n Custom event popover renderer\r\n * Use this to inject your own EventPopover component\r\n * If not provided, a basic popover is shown\r\n /\r\n renderEventPopover?: (props: RenderEventPopoverProps<TEventData>) => ReactNode;\r\n\r\n /\r\n Custom filter sidebar renderer\r\n * Use this to inject your own CalendarFilterSidebar component\r\n /\r\n renderFilterSidebar?: (props: RenderFilterSidebarProps<TScheduleTypeData>) => ReactNode;\r\n\r\n /\r\n Custom header renderer\r\n * Use this to inject your own CalendarHeader component\r\n /\r\n renderHeader?: (props: RenderHeaderProps) => ReactNode;\r\n\r\n // ========================================================================\r\n // HEADER SLOTS\r\n // ========================================================================\r\n\r\n /* Settings popover content (for default header) /\r\n settingsContent?: ReactNode;\r\n /* Filter row content (for default header) /\r\n filterContent?: ReactNode;\r\n /* Whether to show the settings button (default: true) /\r\n showSettings?: boolean;\r\n /* Whether to show timeline view options (default: false) /\r\n showTimelineViews?: boolean;\r\n\r\n // ========================================================================\r\n // STYLING\r\n // ========================================================================\r\n\r\n /* Additional CSS class /\r\n className?: string;\r\n /* Custom header actions (shown in default header) /\r\n headerActions?: ReactNode;\r\n /* Empty state for agenda view /\r\n emptyState?: ReactNode;\r\n /* Children (for header slot) /\r\n children?: ReactNode;\r\n}\r\n\r\n// ============================================================================\r\n// COMPONENT\r\n// ============================================================================\r\n\r\nexport function TailwindCalendar<\r\n TEventData = Record<string, unknown>,\r\n TScheduleTypeData = Record<string, unknown>,\r\n TResourceData = Record<string, unknown>,\r\n>({\r\n events,\r\n resources: _resources,\r\n scheduleTypes = [],\r\n initialView = 'week',\r\n initialDate,\r\n initialFilters: _initialFilters,\r\n preferences: userPreferences,\r\n badgeVariant = 'colored',\r\n hideHeader = false,\r\n showFilterSidebar = false,\r\n availableViews = ['day', 'week', 'month', 'agenda'],\r\n onEventClick,\r\n onSlotSelect,\r\n onViewChange,\r\n onDateChange,\r\n onAddEvent,\r\n onFiltersChange,\r\n renderEvent,\r\n renderEventPopover: _renderEventPopover,\r\n renderFilterSidebar,\r\n renderHeader,\r\n settingsContent,\r\n filterContent,\r\n showSettings = true,\r\n showTimelineViews = false,\r\n className,\r\n headerActions,\r\n emptyState,\r\n children: _children,\r\n}: TailwindCalendarProps<TEventData, TScheduleTypeData, TResourceData>) {\r\n // ========================================================================\r\n // STATE\r\n // ========================================================================\r\n\r\n const [view, setView] = useState<TCalendarView>(initialView);\r\n const [date, setDate] = useState<Date>(initialDate ?? new Date());\r\n\r\n // Filter state (for filter sidebar)\r\n const [selectedScheduleTypeIds, setSelectedScheduleTypeIds] = useState<number[]>([]);\r\n const [selectedParticipantIds, setSelectedParticipantIds] = useState<string[]>([]);\r\n\r\n // Merge user preferences with defaults\r\n const preferences: ICalendarPreferences = useMemo(\r\n () => ({\r\n ...DEFAULT_PREFERENCES,\r\n ...userPreferences,\r\n }),\r\n [userPreferences],\r\n );\r\n\r\n // ========================================================================\r\n // HANDLERS\r\n // ========================================================================\r\n\r\n const handleViewChange = useCallback(\r\n (newView: TCalendarView) => {\r\n setView(newView);\r\n onViewChange?.(newView);\r\n },\r\n [onViewChange],\r\n );\r\n\r\n const handleDateChange = useCallback(\r\n (newDate: Date) => {\r\n setDate(newDate);\r\n onDateChange?.(newDate);\r\n },\r\n [onDateChange],\r\n );\r\n\r\n const handleNavigatePrev = useCallback(() => {\r\n const newDate = navigatePrev(date, view);\r\n handleDateChange(newDate);\r\n }, [date, view, handleDateChange]);\r\n\r\n const handleNavigateNext = useCallback(() => {\r\n const newDate = navigateNext(date, view);\r\n handleDateChange(newDate);\r\n }, [date, view, handleDateChange]);\r\n\r\n const handleNavigateToday = useCallback(() => {\r\n const newDate = navigateToday();\r\n handleDateChange(newDate);\r\n }, [handleDateChange]);\r\n\r\n const handleDayClick = useCallback(\r\n (clickedDate: Date) => {\r\n // Navigate to day view when clicking a day in month view\r\n handleDateChange(clickedDate);\r\n handleViewChange('day');\r\n },\r\n [handleDateChange, handleViewChange],\r\n );\r\n\r\n // ========================================================================\r\n // VIEW RENDERING\r\n // ========================================================================\r\n\r\n // Visible hours - show all hours (0-24) so users can see the full day\r\n // The working hours determine which slots have striped (disabled) appearance\r\n const visibleHours = useMemo(\r\n () => ({\r\n startHour: 0,\r\n endHour: 24,\r\n }),\r\n [],\r\n );\r\n\r\n // Week starts on (convert from 0-6 to 0 \| 1)\r\n const weekStartsOn: 0 \| 1 = preferences.firstDayOfWeek === 0 ? 0 : 1;\r\n\r\n // Build working hours from preferences (for time grid views)\r\n // Working hours determine which slots are clickable and don't have striped pattern\r\n // Non-working hours get diagonal stripes and are disabled\r\n const workingHours = useMemo(() => {\r\n const hours: Record<number, { enabled: boolean; from: number; to: number }> = {};\r\n for (let i = 0; i <= 6; i++) {\r\n const isWeekend = i === 0 \|\| i === 6;\r\n // Weekdays: use preferences, Weekends: use preferences if showWeekends, otherwise disabled\r\n if (!isWeekend) {\r\n // Weekdays (Mon-Fri): always have working hours from preferences\r\n hours[i] = { enabled: true, from: preferences.startHour, to: preferences.endHour };\r\n } else if (preferences.showWeekends) {\r\n // Weekends with showWeekends: Saturday half-day (8-12), Sunday disabled\r\n if (i === 6) {\r\n // Saturday - half day (matching agenda-v2)\r\n hours[i] = { enabled: true, from: 8, to: 12 };\r\n } else {\r\n // Sunday - disabled\r\n hours[i] = { enabled: false, from: 0, to: 0 };\r\n }\r\n } else {\r\n // Weekends without showWeekends: both disabled\r\n hours[i] = { enabled: false, from: 0, to: 0 };\r\n }\r\n }\r\n return hours;\r\n }, [preferences.startHour, preferences.endHour, preferences.showWeekends]);\r\n\r\n // Handle filter changes\r\n const handleScheduleTypeFilterChange = useCallback(\r\n (ids: number[]) => {\r\n setSelectedScheduleTypeIds(ids);\r\n onFiltersChange?.({\r\n scheduleTypeIds: ids,\r\n participantIds: selectedParticipantIds,\r\n });\r\n },\r\n [onFiltersChange, selectedParticipantIds],\r\n );\r\n\r\n const handleParticipantFilterChange = useCallback(\r\n (ids: string[]) => {\r\n setSelectedParticipantIds(ids);\r\n onFiltersChange?.({\r\n scheduleTypeIds: selectedScheduleTypeIds,\r\n participantIds: ids,\r\n });\r\n },\r\n [onFiltersChange, selectedScheduleTypeIds],\r\n );\r\n\r\n // Create render event adapters for different view types\r\n // Each view has a slightly different renderEvent signature\r\n\r\n const dayWeekRenderEvent = useMemo(() => {\r\n if (!renderEvent) return undefined;\r\n return (props: { event: CalendarEvent<TEventData>; position: { top: number; height: number; left: number; width: number } }) => {\r\n return renderEvent({\r\n event: props.event,\r\n view,\r\n variant: 'full',\r\n position: { ...props.position, zIndex: 1 },\r\n badgeVariant,\r\n ...(onEventClick && { onClick: () => onEventClick(props.event) }),\r\n });\r\n };\r\n }, [renderEvent, view, badgeVariant, onEventClick]);\r\n\r\n const monthRenderEvent = useMemo(() => {\r\n if (!renderEvent) return undefined;\r\n return (props: { event: CalendarEvent<TEventData>; variant: 'compact' }) => {\r\n return renderEvent({\r\n event: props.event,\r\n view: 'month',\r\n variant: props.variant,\r\n badgeVariant,\r\n ...(onEventClick && { onClick: () => onEventClick(props.event) }),\r\n });\r\n };\r\n }, [renderEvent, badgeVariant, onEventClick]);\r\n\r\n const agendaRenderEvent = useMemo(() => {\r\n if (!renderEvent) return undefined;\r\n return (props: { event: CalendarEvent<TEventData> }) => {\r\n return renderEvent({\r\n event: props.event,\r\n view: 'agenda',\r\n variant: 'block',\r\n badgeVariant,\r\n ...(onEventClick && { onClick: () => onEventClick(props.event) }),\r\n });\r\n };\r\n }, [renderEvent, badgeVariant, onEventClick]);\r\n\r\n const renderView = () => {\r\n switch (view) {\r\n case 'day':\r\n return (\r\n <DayView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n visibleHours={visibleHours}\r\n workingHours={workingHours}\r\n slotDuration={preferences.slotDuration}\r\n {...(onEventClick && { onEventClick })}\r\n {...(onSlotSelect && { onSlotSelect })}\r\n {...(dayWeekRenderEvent && { renderEvent: dayWeekRenderEvent })}\r\n />\r\n );\r\n\r\n case 'week':\r\n return (\r\n <WeekView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n weekStartsOn={weekStartsOn}\r\n visibleHours={visibleHours}\r\n workingHours={workingHours}\r\n slotDuration={preferences.slotDuration}\r\n onDayClick={handleDayClick}\r\n {...(onEventClick && { onEventClick })}\r\n {...(onSlotSelect && { onSlotSelect })}\r\n {...(dayWeekRenderEvent && { renderEvent: dayWeekRenderEvent })}\r\n />\r\n );\r\n\r\n case 'month':\r\n return (\r\n <MonthView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n weekStartsOn={weekStartsOn}\r\n onDayClick={handleDayClick}\r\n {...(onEventClick && { onEventClick })}\r\n {...(onSlotSelect && { onSlotSelect })}\r\n {...(monthRenderEvent && { renderEvent: monthRenderEvent })}\r\n />\r\n );\r\n\r\n case 'agenda':\r\n return (\r\n <AgendaView<TEventData>\r\n events={events}\r\n date={date}\r\n badgeVariant={badgeVariant}\r\n {...(onEventClick && { onEventClick })}\r\n {...(emptyState && { emptyState })}\r\n {...(agendaRenderEvent && { renderEvent: agendaRenderEvent })}\r\n />\r\n );\r\n\r\n default:\r\n return (\r\n <div className=\"flex items-center justify-center h-64 text-gray-500\">\r\n View "{view}" is not yet implemented\r\n </div>\r\n );\r\n }\r\n };\r\n\r\n // ========================================================================\r\n // RENDER\r\n // ========================================================================\r\n\r\n // Header navigation handler\r\n const handleNavigate = useCallback(\r\n (direction: 'prev' \| 'next' \| 'today') => {\r\n if (direction === 'prev') handleNavigatePrev();\r\n else if (direction === 'next') handleNavigateNext();\r\n else handleNavigateToday();\r\n },\r\n [handleNavigatePrev, handleNavigateNext, handleNavigateToday],\r\n );\r\n\r\n // Default header props (conditionally add optional props)\r\n const headerProps: RenderHeaderProps = {\r\n view,\r\n currentDate: date,\r\n availableViews,\r\n onViewChange: handleViewChange,\r\n onNavigate: handleNavigate,\r\n onNavigatePrev: handleNavigatePrev,\r\n onNavigateNext: handleNavigateNext,\r\n onNavigateToday: handleNavigateToday,\r\n ...(onAddEvent && { onAddEvent }),\r\n ...(headerActions && { actions: headerActions }),\r\n className: 'border-b border-gray-200 p-3',\r\n };\r\n\r\n // Calendar header props (includes events for count display + slots)\r\n const calendarHeaderProps = {\r\n ...headerProps,\r\n events,\r\n weekStartsOn,\r\n settingsContent,\r\n filterContent,\r\n showSettings,\r\n showTimelineViews,\r\n };\r\n\r\n // Clear all filters handler\r\n const handleClearAllFilters = useCallback(() => {\r\n setSelectedScheduleTypeIds([]);\r\n setSelectedParticipantIds([]);\r\n onFiltersChange?.({\r\n scheduleTypeIds: [],\r\n participantIds: [],\r\n });\r\n }, [onFiltersChange]);\r\n\r\n return (\r\n <div\r\n className={cn(\r\n 'flex h-full bg-white border border-gray-200 rounded-lg',\r\n className,\r\n )}\r\n >\r\n {/ Filter Sidebar /}\r\n {showFilterSidebar && (\r\n <div className=\"w-64 border-r border-gray-200 flex-shrink-0\">\r\n {renderFilterSidebar ? (\r\n renderFilterSidebar({\r\n scheduleTypes,\r\n selectedScheduleTypeIds,\r\n selectedParticipantIds,\r\n onScheduleTypeChange: handleScheduleTypeFilterChange,\r\n onParticipantChange: handleParticipantFilterChange,\r\n onClearAll: handleClearAllFilters,\r\n })\r\n ) : (\r\n <div className=\"p-4 text-sm text-gray-500\">\r\n Filter sidebar not configured\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/ Main Calendar Area /}\r\n <div className=\"flex flex-col flex-1 min-w-0\">\r\n {/ Header /}\r\n {!hideHeader && (\r\n renderHeader ? (\r\n renderHeader(headerProps)\r\n ) : (\r\n <CalendarHeader\r\n {...calendarHeaderProps}\r\n />\r\n )\r\n )}\r\n\r\n {/ Calendar View */}\r\n <div className=\"flex-1 overflow-auto\">{renderView()}</div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["baseStyles","headerStyles","contentStyles","fallbackViewStyles","DefaultCalendar","events","_resources","_scheduleTypes","initialView","initialDate","_initialFilters","userPreferences","badgeVariant","hideHeader","availableViews","onEventClick","onSlotSelect","onViewChange","onDateChange","className","style","headerActions","emptyState","_children","view","setView","useState","date","setDate","preferences","useMemo","DEFAULT_PREFERENCES","handleViewChange","useCallback","newView","handleDateChange","newDate","handleNavigatePrev","navigatePrev","handleNavigateNext","navigateNext","handleNavigateToday","navigateToday","handleDayClick","clickedDate","visibleHours","weekStartsOn","renderView","jsx","DayView","WeekView","MonthView","AgendaView","jsxs","CalendarHeader","direction","TailwindCalendar","scheduleTypes","showFilterSidebar","onAddEvent","onFiltersChange","renderEvent","_renderEventPopover","renderFilterSidebar","renderHeader","settingsContent","filterContent","showSettings","showTimelineViews","selectedScheduleTypeIds","setSelectedScheduleTypeIds","selectedParticipantIds","setSelectedParticipantIds","workingHours","hours","i","handleScheduleTypeFilterChange","ids","handleParticipantFilterChange","dayWeekRenderEvent","props","monthRenderEvent","agendaRenderEvent","handleNavigate","headerProps","calendarHeaderProps","handleClearAllFilters","cn"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@innosolutions/inno-calendar",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "A headless-first, fully customizable React calendar",
   "license": "MIT",
   "type": "module",