@mantine-vue/schedule 3.1.0 → 3.3.0

package/lib/hooks/use-horizontal-event-resize.d.ts

@@ -21,164 +21,11 @@ export declare function useHorizontalEventResize(input: {
     startTime: () => string;
     endTime: () => string;
     intervalMinutes: () => number;
-    onEventResize: () => ((data: EventDropData) => void) | undefined;
+    resizeIntervalMinutes?: () => number | undefined;
+    onEventResize: (data: EventDropData) => void;
     canResizeEvent: () => ((event: ScheduleEventData) => boolean) | undefined;
 }): {
-    state: import("vue").Ref<{
-        event: {
-            recurrence?: never | undefined;
-            recurringEventId?: never | undefined;
-            recurrenceId?: never | undefined;
-            id: string | number;
-            title: string;
-            start: Date | DateTimeStringValue;
-            end: Date | DateTimeStringValue;
-            color: import("@mantine-vue/core").MantineColor;
-            variant?: "filled" | "light" | undefined;
-            display?: "default" | "background" | undefined;
-            payload?: import("..").EventPayload | undefined;
-            resourceId?: string | number | undefined;
-            recurringInstance?: {
-                isRecurringInstance: boolean;
-                recurringEventId: string | number;
-                recurrenceId: DateTimeStringValue;
-                originalStart: DateTimeStringValue;
-                originalEnd: DateTimeStringValue;
-            } | undefined;
-        } | {
-            recurrence: {
-                rrule: string;
-                exdate?: DateTimeStringValue[] | undefined;
-                dtstart?: DateTimeStringValue | undefined;
-            };
-            recurringEventId?: never | undefined;
-            recurrenceId?: never | undefined;
-            id: string | number;
-            title: string;
-            start: Date | DateTimeStringValue;
-            end: Date | DateTimeStringValue;
-            color: import("@mantine-vue/core").MantineColor;
-            variant?: "filled" | "light" | undefined;
-            display?: "default" | "background" | undefined;
-            payload?: import("..").EventPayload | undefined;
-            resourceId?: string | number | undefined;
-            recurringInstance?: {
-                isRecurringInstance: boolean;
-                recurringEventId: string | number;
-                recurrenceId: DateTimeStringValue;
-                originalStart: DateTimeStringValue;
-                originalEnd: DateTimeStringValue;
-            } | undefined;
-        } | {
-            recurrence?: never | undefined;
-            recurringEventId: string | number;
-            recurrenceId: DateTimeStringValue;
-            id: string | number;
-            title: string;
-            start: Date | DateTimeStringValue;
-            end: Date | DateTimeStringValue;
-            color: import("@mantine-vue/core").MantineColor;
-            variant?: "filled" | "light" | undefined;
-            display?: "default" | "background" | undefined;
-            payload?: import("..").EventPayload | undefined;
-            resourceId?: string | number | undefined;
-            recurringInstance?: {
-                isRecurringInstance: boolean;
-                recurringEventId: string | number;
-                recurrenceId: DateTimeStringValue;
-                originalStart: DateTimeStringValue;
-                originalEnd: DateTimeStringValue;
-            } | undefined;
-        };
-        edge: ResizeEdge;
-        container: HTMLElement;
-        originalLeft: number;
-        originalWidth: number;
-        currentLeft: number;
-        currentWidth: number;
-        eventDate: string;
-        originalStart: DateTimeStringValue;
-        originalEnd: DateTimeStringValue;
-        dayIndex: number;
-        dayCount: number;
-    } | null, ResizeState | {
-        event: {
-            recurrence?: never | undefined;
-            recurringEventId?: never | undefined;
-            recurrenceId?: never | undefined;
-            id: string | number;
-            title: string;
-            start: Date | DateTimeStringValue;
-            end: Date | DateTimeStringValue;
-            color: import("@mantine-vue/core").MantineColor;
-            variant?: "filled" | "light" | undefined;
-            display?: "default" | "background" | undefined;
-            payload?: import("..").EventPayload | undefined;
-            resourceId?: string | number | undefined;
-            recurringInstance?: {
-                isRecurringInstance: boolean;
-                recurringEventId: string | number;
-                recurrenceId: DateTimeStringValue;
-                originalStart: DateTimeStringValue;
-                originalEnd: DateTimeStringValue;
-            } | undefined;
-        } | {
-            recurrence: {
-                rrule: string;
-                exdate?: DateTimeStringValue[] | undefined;
-                dtstart?: DateTimeStringValue | undefined;
-            };
-            recurringEventId?: never | undefined;
-            recurrenceId?: never | undefined;
-            id: string | number;
-            title: string;
-            start: Date | DateTimeStringValue;
-            end: Date | DateTimeStringValue;
-            color: import("@mantine-vue/core").MantineColor;
-            variant?: "filled" | "light" | undefined;
-            display?: "default" | "background" | undefined;
-            payload?: import("..").EventPayload | undefined;
-            resourceId?: string | number | undefined;
-            recurringInstance?: {
-                isRecurringInstance: boolean;
-                recurringEventId: string | number;
-                recurrenceId: DateTimeStringValue;
-                originalStart: DateTimeStringValue;
-                originalEnd: DateTimeStringValue;
-            } | undefined;
-        } | {
-            recurrence?: never | undefined;
-            recurringEventId: string | number;
-            recurrenceId: DateTimeStringValue;
-            id: string | number;
-            title: string;
-            start: Date | DateTimeStringValue;
-            end: Date | DateTimeStringValue;
-            color: import("@mantine-vue/core").MantineColor;
-            variant?: "filled" | "light" | undefined;
-            display?: "default" | "background" | undefined;
-            payload?: import("..").EventPayload | undefined;
-            resourceId?: string | number | undefined;
-            recurringInstance?: {
-                isRecurringInstance: boolean;
-                recurringEventId: string | number;
-                recurrenceId: DateTimeStringValue;
-                originalStart: DateTimeStringValue;
-                originalEnd: DateTimeStringValue;
-            } | undefined;
-        };
-        edge: ResizeEdge;
-        container: HTMLElement;
-        originalLeft: number;
-        originalWidth: number;
-        currentLeft: number;
-        currentWidth: number;
-        eventDate: string;
-        originalStart: DateTimeStringValue;
-        originalEnd: DateTimeStringValue;
-        dayIndex: number;
-        dayCount: number;
-    } | null>;
+    state: import("vue").ShallowRef<ResizeState | null, ResizeState | null>;
     handleResizeStart: (params: {
         event: ScheduleEventData;
         edge: ResizeEdge;

package/lib/index.d.mts

@@ -1,4 +1,5 @@
 export * from './types';
+export * from './component-props';
 export type { ScheduleLabels, ScheduleLabelsOverride } from './labels';
 export { DEFAULT_SCHEDULE_LABELS, getLabel } from './labels';
 export * from './utils';
@@ -12,6 +13,7 @@ export * from './components/ResourcesWeekView';
 export * from './components/ResourcesMonthView';
 export * from './components/ResourcesSchedule';
 export * from './components/ScheduleEvent';
+export * from './components/ScheduleBackgroundEvent';
 export * from './components/ScheduleHeader';
 export * from './components/CurrentTimeIndicator';
 export * from './components/MoreEvents';

package/lib/index.d.ts

@@ -1,4 +1,5 @@
 export * from './types';
+export * from './component-props';
 export type { ScheduleLabels, ScheduleLabelsOverride } from './labels';
 export { DEFAULT_SCHEDULE_LABELS, getLabel } from './labels';
 export * from './utils';
@@ -12,6 +13,7 @@ export * from './components/ResourcesWeekView';
 export * from './components/ResourcesMonthView';
 export * from './components/ResourcesSchedule';
 export * from './components/ScheduleEvent';
+export * from './components/ScheduleBackgroundEvent';
 export * from './components/ScheduleHeader';
 export * from './components/CurrentTimeIndicator';
 export * from './components/MoreEvents';

package/lib/types.d.ts

@@ -63,7 +63,7 @@ interface ScheduleEventBase<Payload extends EventPayload = EventPayload> {
     color: MantineColor;
     /** Event variant, default is `'light'` */
     variant?: 'filled' | 'light';
-    /** Event display mode. Background events render as full-width, non-interactive blocks behind regular events. @default 'default' */
+    /** Event display mode. Background events render behind regular events and are non-interactive unless the view enables interactive background events. @default 'default' */
     display?: 'default' | 'background';
     /** Additional event data, defined by the user, not used internally by the library */
     payload?: Payload;

package/lib/utils/calculate-drop-time/calculate-drop-time.d.ts

@@ -12,6 +12,16 @@ export interface CalculateDropTimeInput {
     slotHeight?: number;
     /** Minutes per slot */
     intervalMinutes?: number;
+    /** Pointer offset along the time axis within the target slot, in px. */
+    slotOffset?: number;
+    /** Size of the target slot along the time axis, in px. */
+    slotSize?: number;
+    /** Snap step for the resulting start time, in minutes. */
+    dragIntervalMinutes?: number;
+    /** Start time boundary of the schedule in HH:mm:ss format. */
+    startTime?: string;
+    /** End time boundary of the schedule in HH:mm:ss format. */
+    endTime?: string;
 }
 export interface CalculateDropTimeResult {
     /** New start date/time for the event */
@@ -19,4 +29,4 @@ export interface CalculateDropTimeResult {
     /** New end date/time for the event */
     end: Date;
 }
-export declare function calculateDropTime({ draggedEvent, targetDate, targetSlotTime, mouseYOffset, slotHeight, intervalMinutes, }: CalculateDropTimeInput): CalculateDropTimeResult;
+export declare function calculateDropTime({ draggedEvent, targetDate, targetSlotTime, mouseYOffset, slotHeight, intervalMinutes, slotOffset, slotSize, dragIntervalMinutes, startTime, endTime, }: CalculateDropTimeInput): CalculateDropTimeResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine-vue/schedule",
-  "version": "3.1.0",
+  "version": "3.3.0",
   "description": "Vue schedule and calendar components equivalent to @mantine/schedule",
   "license": "MIT",
   "files": [
@@ -44,9 +44,9 @@
     "vue": "^3.5.0"
   },
   "peerDependencies": {
-    "@mantine-vue/core": "3.1.0",
-    "@mantine-vue/dates": "3.1.0",
-    "@mantine-vue/hooks": "3.1.0",
+    "@mantine-vue/core": "3.3.0",
+    "@mantine-vue/dates": "3.3.0",
+    "@mantine-vue/hooks": "3.3.0",
     "dayjs": ">=1.0.0",
     "vue": "^3.5.0"
   }