@campxdev/react-blueprint 2.2.3 → 2.2.5

package/dist/cjs/types/src/components/Navigation/Calendar/Calendar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CalendarProps } from './types';
+export declare const Calendar: React.FC<CalendarProps>;

package/dist/cjs/types/src/components/Navigation/Calendar/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Calendar';
+export * from './types';
+export * from './utils';

package/dist/cjs/types/src/components/Navigation/Calendar/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const StyledCalendarContainer: import("@mui/styled-engine").StyledComponent<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("@types/react").Ref<HTMLDivElement>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    height?: string | number;
+    aspectRatio?: number;
+}, {}, {}>;
+export declare const StyledCalendarWrapper: import("@mui/styled-engine").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("@types/react").DetailedHTMLProps<import("@types/react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("@types/react").Ref<HTMLDivElement>;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/cjs/types/src/components/Navigation/Calendar/types.d.ts

@@ -0,0 +1,90 @@
+import { EventApi } from '@fullcalendar/core';
+import { StackProps } from '@mui/material';
+export interface CalendarEvent {
+    id: string | number;
+    title: string;
+    start: Date | string;
+    end?: Date | string;
+    allDay?: boolean;
+    backgroundColor?: string;
+    borderColor?: string;
+    textColor?: string;
+    extendedProps?: {
+        [key: string]: any;
+    };
+}
+export interface CalendarEventClickInfo {
+    event: EventApi;
+    jsEvent: MouseEvent;
+    view: any;
+}
+export interface CalendarDateSelectInfo {
+    start: Date;
+    end: Date;
+    allDay: boolean;
+    jsEvent: MouseEvent;
+    view: any;
+}
+export interface CalendarEventDropInfo {
+    event: EventApi;
+    delta: any;
+    revert: () => void;
+    jsEvent: Event;
+    view: any;
+}
+export interface CalendarEventResizeInfo {
+    event: EventApi;
+    startDelta: any;
+    endDelta: any;
+    revert: () => void;
+    jsEvent: Event;
+    view: any;
+}
+export interface CalendarDateClickInfo {
+    date: Date;
+    dateStr: string;
+    allDay: boolean;
+    dayEl: HTMLElement;
+    jsEvent: MouseEvent;
+    view: any;
+}
+export type CalendarView = 'dayGridMonth' | 'timeGridWeek' | 'timeGridDay' | 'listWeek';
+export interface CalendarHeaderToolbar {
+    left?: string;
+    center?: string;
+    right?: string;
+}
+export interface CalendarProps {
+    events?: CalendarEvent[];
+    onEventClick?: (eventInfo: CalendarEventClickInfo) => void;
+    onEventDrop?: (eventInfo: CalendarEventDropInfo) => void;
+    onEventResize?: (eventInfo: CalendarEventResizeInfo) => void;
+    onDateClick?: (dateInfo: CalendarDateClickInfo) => void;
+    onDateSelect?: (selectInfo: CalendarDateSelectInfo) => void;
+    onEventsSet?: (events: EventApi[]) => void;
+    initialView?: CalendarView;
+    views?: CalendarView[];
+    headerToolbar?: CalendarHeaderToolbar | boolean;
+    editable?: boolean;
+    selectable?: boolean;
+    selectMirror?: boolean;
+    eventResizable?: boolean;
+    eventDraggable?: boolean;
+    dayMaxEvents?: boolean | number;
+    height?: string | number;
+    aspectRatio?: number;
+    containerProps?: StackProps;
+    locale?: string;
+    timezone?: string;
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    eventContent?: (eventInfo: any) => React.ReactNode;
+    dayCellContent?: (dayInfo: any) => React.ReactNode;
+    showNavigationButtons?: boolean;
+    showViewSwitcher?: boolean;
+    showToday?: boolean;
+    calendarRef?: React.RefObject<any>;
+    weekends?: boolean;
+    businessHours?: any;
+    eventConstraint?: any;
+    selectConstraint?: any;
+}

package/dist/cjs/types/src/components/Navigation/Calendar/utils.d.ts

@@ -0,0 +1,55 @@
+import { CalendarEvent } from './types';
+/**
+ * Generate recurring events based on a pattern
+ */
+export interface RecurringEventConfig {
+    title: string;
+    startTime: string;
+    endTime: string;
+    startDate: Date;
+    endDate?: Date;
+    daysOfWeek?: number[];
+    interval?: number;
+    backgroundColor?: string;
+    extendedProps?: {
+        [key: string]: any;
+    };
+}
+export declare const generateRecurringEvents: (config: RecurringEventConfig, maxEvents?: number) => CalendarEvent[];
+/**
+ * Generate sample business events for demonstration
+ */
+export declare const generateBusinessEvents: (startDate?: Date) => CalendarEvent[];
+/**
+ * Filter events by date range
+ */
+export declare const filterEventsByDateRange: (events: CalendarEvent[], startDate: Date, endDate: Date) => CalendarEvent[];
+/**
+ * Group events by date
+ */
+export declare const groupEventsByDate: (events: CalendarEvent[]) => {
+    [date: string]: CalendarEvent[];
+};
+/**
+ * Calculate event statistics
+ */
+export interface EventStats {
+    totalEvents: number;
+    eventsThisWeek: number;
+    eventsThisMonth: number;
+    averageEventsPerDay: number;
+    mostBusyDay: string;
+    leastBusyDay: string;
+}
+export declare const calculateEventStats: (events: CalendarEvent[]) => EventStats;
+/**
+ * Convert events to different formats
+ */
+export declare const exportEventsToCSV: (events: CalendarEvent[]) => string;
+/**
+ * Validate event data
+ */
+export declare const validateEvent: (event: Partial<CalendarEvent>) => {
+    isValid: boolean;
+    errors: string[];
+};

package/dist/cjs/types/src/components/Navigation/export.d.ts

@@ -1,5 +1,6 @@
 export * from '../Layout/PageHeader/components/TableColumnsSelector/TableColumnsSelector';
 export * from './Breadcrumbs/Breadcrumbs';
+export * from './Calendar';
 export * from './ConfirmDialog/ConfirmDialog';
 export * from './Dialog/Dialog';
 export * from './DialogButton/DialogButton';

package/dist/cjs/types/src/stories/Navigation/Calendar.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { Calendar } from '../../components/Navigation/Calendar/Calendar';
+declare const meta: Meta<typeof Calendar>;
+export default meta;
+type Story = StoryObj<typeof Calendar>;
+export declare const Default: Story;
+export declare const MonthView: Story;
+export declare const WeekView: Story;
+export declare const DayView: Story;
+export declare const StudentCalendar: Story;