@mantine-vue/schedule 3.0.0 → 3.2.0

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

@@ -21,164 +21,10 @@ export declare function useHorizontalEventResize(input: {
     startTime: () => string;
     endTime: () => string;
     intervalMinutes: () => number;
-    onEventResize: () => ((data: EventDropData) => void) | 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';

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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine-vue/schedule",
-  "version": "3.0.0",
+  "version": "3.2.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.0.0",
-    "@mantine-vue/dates": "3.0.0",
-    "@mantine-vue/hooks": "3.0.0",
+    "@mantine-vue/core": "3.2.0",
+    "@mantine-vue/dates": "3.2.0",
+    "@mantine-vue/hooks": "3.2.0",
     "dayjs": ">=1.0.0",
     "vue": "^3.5.0"
   }

package/styles.css

@@ -488,10 +488,6 @@
       border-color: var(--mantine-primary-color-filled-hover);
   }
 }
-._viewSelect_1xfvc_1 {
-  display: flex;
-  gap: calc(0.25rem * var(--mantine-scale));
-}
 ._monthYearSelectTarget_2hd16_1 {
   text-transform: capitalize;
   min-width: calc(5rem * var(--mantine-scale));
@@ -569,7 +565,11 @@
       background-color: var(--mantine-primary-color-filled-hover);
   }
 }
-._dayView_wgb7d_1 {
+._viewSelect_1xfvc_1 {
+  display: flex;
+  gap: calc(0.25rem * var(--mantine-scale));
+}
+._dayView_r6otq_1 {
   --slot-height: var(--day-view-slot-height, 64px); /* total height of 1 hour slot */
   --all-day-slot-height: var(--day-view-all-day-slot-height, 44px); /* height of all day slot */
   --day-view-slot-labels-width: calc(5rem * var(--mantine-scale));
@@ -578,55 +578,45 @@
   overflow: hidden;
 }
 
-  :where([data-mantine-color-scheme='light']) ._dayView_wgb7d_1 {
+  :where([data-mantine-color-scheme='light']) ._dayView_r6otq_1 {
     --day-view-border-color: var(--mantine-color-gray-3);
     --day-view-business-hours-bg: var(--mantine-color-white);
     --day-view-non-business-hours-bg: var(--mantine-color-gray-0);
 }
 
-  :where([data-mantine-color-scheme='dark']) ._dayView_wgb7d_1 {
+  :where([data-mantine-color-scheme='dark']) ._dayView_r6otq_1 {
     --day-view-border-color: var(--mantine-color-dark-4);
     --day-view-business-hours-bg: var(--mantine-color-dark-7);
     --day-view-non-business-hours-bg: var(--mantine-color-dark-6);
 }
 
-._dayViewHeader_wgb7d_22 {
-  text-transform: capitalize;
-  height: calc(2.5rem * var(--mantine-scale));
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: var(--mantine-font-size-sm);
-  font-weight: var(--mantine-font-weight-medium);
-}
-
-._dayViewScrollArea_wgb7d_32 {
+._dayViewScrollArea_r6otq_22 {
   border: 1px solid var(--day-view-border-color);
   border-radius: var(--day-view-radius);
   overflow: hidden;
 }
 
-._dayViewScrollArea_wgb7d_32 :where(.mantine-ScrollArea-scrollbar) {
+._dayViewScrollArea_r6otq_22 :where(.mantine-ScrollArea-scrollbar) {
     z-index: 4;
   }
 
-._dayViewInner_wgb7d_42 {
+._dayViewInner_r6otq_32 {
   display: flex;
 }
 
-._dayViewTimeSlots_wgb7d_46 {
+._dayViewTimeSlots_r6otq_36 {
   position: relative;
 }
 
-._dayViewTimeSlots_wgb7d_46:where(:first-of-type) ._dayViewSlot_wgb7d_49:where([data-first]) {
+._dayViewTimeSlots_r6otq_36:where(:first-of-type) ._dayViewSlot_r6otq_39:where([data-first]) {
     border-top-color: transparent;
   }
 
-._dayViewSlotLabels_wgb7d_54 {
+._dayViewSlotLabels_r6otq_44 {
   width: var(--day-view-slot-labels-width);
 }
 
-._dayViewSlotLabel_wgb7d_54 {
+._dayViewSlotLabel_r6otq_44 {
   height: var(--slot-height);
   border-top: 1px solid var(--day-view-border-color);
   font-size: var(--mantine-font-size-sm);
@@ -635,28 +625,28 @@
   font-variant-numeric: tabular-nums;
 }
 
-._dayViewSlotLabel_wgb7d_54:where([data-all-day]) {
+._dayViewSlotLabel_r6otq_44:where([data-all-day]) {
     height: var(--all-day-slot-height);
     border-top: 0;
   }
 
-._dayViewSlotLabel_wgb7d_54:where(:first-of-type) {
+._dayViewSlotLabel_r6otq_44:where(:first-of-type) {
     border-top: 0;
   }
 
-._dayViewSlotLabel_wgb7d_54:where([data-business-hours]) {
+._dayViewSlotLabel_r6otq_44:where([data-business-hours]) {
     background-color: var(--day-view-business-hours-bg);
   }
 
-._dayViewSlotLabel_wgb7d_54:where([data-non-business-hours]) {
+._dayViewSlotLabel_r6otq_44:where([data-non-business-hours]) {
     background-color: var(--day-view-non-business-hours-bg);
   }
 
-._dayViewSlots_wgb7d_84 {
+._dayViewSlots_r6otq_74 {
   flex: 1;
 }
 
-._dayViewSlot_wgb7d_49 {
+._dayViewSlot_r6otq_39 {
   display: block;
   width: 100%;
   border-top: 1px dotted var(--day-view-border-color);
@@ -664,56 +654,56 @@
   position: relative;
 }
 
-._dayViewSlot_wgb7d_49:where(:focus) {
+._dayViewSlot_r6otq_39:where(:focus) {
     z-index: 1;
   }
 
-._dayViewSlot_wgb7d_49:where([data-hour-start]) {
+._dayViewSlot_r6otq_39:where([data-hour-start]) {
     border-top: 1px solid var(--day-view-border-color);
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._dayViewSlot_wgb7d_49:hover {
+    :where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:hover {
       background-color: var(--mantine-color-gray-1);
   }
 
-    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_wgb7d_49:hover {
+    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:hover {
       background-color: var(--mantine-color-dark-5);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._dayViewSlot_wgb7d_49:active {
+    :where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:active {
       background-color: var(--mantine-color-gray-1);
   }
 
-    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_wgb7d_49:active {
+    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:active {
       background-color: var(--mantine-color-dark-5);
   }
 }
 
-._dayViewSlot_wgb7d_49:where([data-all-day]) {
+._dayViewSlot_r6otq_39:where([data-all-day]) {
     height: var(--all-day-slot-height);
     border-top: 0;
   }
 
-._dayViewSlot_wgb7d_49:where([data-business-hours]) {
+._dayViewSlot_r6otq_39:where([data-business-hours]) {
     background-color: var(--day-view-business-hours-bg);
   }
 
-._dayViewSlot_wgb7d_49:where([data-non-business-hours]) {
+._dayViewSlot_r6otq_39:where([data-non-business-hours]) {
     background-color: var(--day-view-non-business-hours-bg);
   }
 
-:where([data-mantine-color-scheme='light']) ._dayViewSlot_wgb7d_49:where([data-drop-target]) {
+:where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
 
-:where([data-mantine-color-scheme='dark']) ._dayViewSlot_wgb7d_49:where([data-drop-target]) {
+:where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:where([data-drop-target]) {
       background-color: var(--mantine-color-dark-5);
 }
 
-._dayViewSlot_wgb7d_49:where([data-drop-target])::before {
+._dayViewSlot_r6otq_39:where([data-drop-target])::before {
       content: '';
       position: absolute;
       inset: 0;
@@ -723,20 +713,20 @@
       border-radius: calc(0.125rem * var(--mantine-scale));
     }
 
-:where([data-mantine-color-scheme='light']) ._dayViewSlot_wgb7d_49:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-4);
 }
 
-:where([data-mantine-color-scheme='dark']) ._dayViewSlot_wgb7d_49:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-6);
 }
 
-._dayViewSlot_wgb7d_49:where([data-drag-selected]),
-    ._dayViewSlot_wgb7d_49:where([data-drag-selected]):hover {
+._dayViewSlot_r6otq_39:where([data-drag-selected]),
+    ._dayViewSlot_r6otq_39:where([data-drag-selected]):hover {
       background-color: var(--mantine-primary-color-light);
     }
 
-._dayViewSlot_wgb7d_49:where([data-drag-selected])::before {
+._dayViewSlot_r6otq_39:where([data-drag-selected])::before {
       content: '';
       position: absolute;
       inset: calc(-0.0625rem * var(--mantine-scale));
@@ -745,24 +735,24 @@
       border: calc(0.0625rem * var(--mantine-scale)) solid;
     }
 
-:where([data-mantine-color-scheme='light']) ._dayViewSlot_wgb7d_49:where([data-drag-selected])::before {
+:where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:where([data-drag-selected])::before {
         border-color: var(--mantine-primary-color-2);
 }
 
-:where([data-mantine-color-scheme='dark']) ._dayViewSlot_wgb7d_49:where([data-drag-selected])::before {
+:where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:where([data-drag-selected])::before {
         border-color: var(--mantine-primary-color-9);
 }
 
-._dayViewSlot_wgb7d_49:where([data-drag-slot-index]) {
+._dayViewSlot_r6otq_39:where([data-drag-slot-index]) {
     touch-action: none;
   }
 
-._dayViewSlot_wgb7d_49:where([data-static]) {
+._dayViewSlot_r6otq_39:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
 
-._dayViewBackgroundEvent_wgb7d_188 {
+._dayViewBackgroundEvent_r6otq_178 {
   position: absolute;
   border-radius: 0;
   pointer-events: none;
@@ -775,12 +765,12 @@
   color: var(--bg-event-color);
 }
 
-._dayViewAllDay_wgb7d_201 {
+._dayViewAllDay_r6otq_191 {
   position: relative;
   height: var(--all-day-slot-height);
 }
 
-._dayViewAllDayEvents_wgb7d_206 {
+._dayViewAllDayEvents_r6otq_196 {
   position: absolute;
   inset: 0;
   display: flex;