@mantine-vue/schedule 3.1.0 → 3.2.0

package/lib/components/ResourcesWeekView/ResourcesWeekView.types.d.ts

@@ -0,0 +1,314 @@
+import type { CSSProperties, VNodeChild } from 'vue';
+import type { BoxProps, Factory, ScrollAreaProps } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { EventDropData, EventSlots, ForwardedProps, NativeButtonProps, RenderEvent, RenderEventBody } from '../../component-props';
+import type { ScheduleLabelsOverride } from '../../labels';
+import type { AnyDateValue, DateLabelFormat, DateStringValue, DayOfWeek, ScheduleEventData, ScheduleMode, ScheduleResourceData, ScheduleResourceGroup, ScheduleViewLevel } from '../../types';
+import type { BusinessHoursValue } from '../../utils';
+import type { MoreEventsEmits, MoreEventsProps, MoreEventsStylesNames } from '../MoreEvents/MoreEvents.types';
+import type { ScheduleEventStylesNames } from '../ScheduleEvent/ScheduleEvent.types';
+import type { CombinedScheduleHeaderStylesNames } from '../ScheduleHeader/ScheduleHeader.types';
+import type { ViewSelectEmits, ViewSelectProps } from '../ScheduleHeader/ViewSelect/ViewSelect.types';
+import type { ResourceExternalDropData, ResourceSlotDragEndData, ResourceTimeSlotClickData, ResourceViewDropData } from '../ResourcesDayView/ResourcesDayView.types';
+import type { WeekLabelPayload } from '../WeekView/WeekView.types';
+export type ResourcesWeekViewOwnStylesNames = 'resourcesWeekView' | 'resourcesWeekViewRoot' | 'resourcesWeekViewInner' | 'resourcesWeekViewScrollArea' | 'resourcesWeekViewHeaderRows' | 'resourcesWeekViewHeaderContent' | 'resourcesWeekViewDayLabelsRow' | 'resourcesWeekViewDayLabel' | 'resourcesWeekViewTimeLabelsRow' | 'resourcesWeekViewTimeLabel' | 'resourcesWeekViewCorner' | 'resourcesWeekViewResourceLabel' | 'resourcesWeekViewRow' | 'resourcesWeekViewRowSlot' | 'resourcesWeekViewRowSlots' | 'resourcesWeekViewBackgroundEvent' | 'resourcesWeekViewAllDayEvent' | 'resourcesWeekViewEventWrapper' | 'resourcesWeekViewResizeHandle' | 'resourcesWeekViewGroupColumn' | 'resourcesWeekViewGroupColumnEmpty' | 'resourcesWeekViewCurrentTimeIndicator' | 'resourcesWeekViewCurrentTimeIndicatorLine' | 'resourcesWeekViewCurrentTimeIndicatorThumb' | 'resourcesWeekViewCurrentTimeIndicatorTimeBubble';
+/**
+ * `ResourcesWeekView` forwards `classNames` and `styles` to the components it renders, so
+ * their selectors are part of its Styles API.
+ */
+export type ResourcesWeekViewStylesNames = ResourcesWeekViewOwnStylesNames | MoreEventsStylesNames | ScheduleEventStylesNames | CombinedScheduleHeaderStylesNames;
+export type ResourcesWeekViewCssVariables = {
+    resourcesWeekView: '--resources-week-view-radius' | '--resources-week-view-slot-width' | '--resources-week-view-row-height' | '--resources-week-view-group-label-width';
+};
+export interface ResourcesWeekViewSlots extends EventSlots {
+    /** Replaces the navigation header. */
+    header?: (props: WeekLabelPayload & {
+        label: VNodeChild;
+    }) => VNodeChild;
+    /** Content of the top-left corner of the grid. */
+    corner?: (props: {
+        resources: ScheduleResourceData[];
+    }) => VNodeChild;
+    /** Replaces the label of a day column group. */
+    dayLabel?: (props: {
+        date: DateStringValue;
+        label: VNodeChild;
+    }) => VNodeChild;
+    /** Replaces the label of a time column. */
+    timeLabel?: (props: {
+        date: DateStringValue;
+        label: VNodeChild;
+        startTime: string;
+        endTime: string;
+    }) => VNodeChild;
+    /** Replaces the label of a resource row. Takes precedence over `renderResourceLabel`. */
+    resourceLabel?: (props: {
+        resource: ScheduleResourceData;
+    }) => VNodeChild;
+    /** Replaces the label of a resource group. Takes precedence over `renderGroupLabel`. */
+    groupLabel?: (props: {
+        group: ScheduleResourceGroup;
+    }) => VNodeChild;
+    /** Content rendered inside every time slot. */
+    timeSlot?: (props: {
+        resource: ScheduleResourceData;
+        date: DateStringValue;
+        startTime: string;
+        endTime: string;
+    }) => VNodeChild;
+    /** Replaces a background event. */
+    backgroundEvent?: (props: {
+        event: ScheduleEventData;
+        date: DateStringValue;
+    }) => VNodeChild;
+    /** Replaces an all-day event bar. */
+    allDayEvent?: (props: {
+        event: ScheduleEventData;
+        startDayIndex: number;
+        endDayIndex: number;
+    }) => VNodeChild;
+    /** Replaces the "more events" control of an overlap cluster. */
+    moreEvents?: (props: {
+        events: ScheduleEventData[];
+        hiddenCount: number;
+        date: DateStringValue;
+    }) => VNodeChild;
+    /** Replaces the current time indicator. */
+    currentTimeIndicator?: (props: {
+        time: VNodeChild;
+        offset: number;
+        date: DateStringValue;
+    }) => VNodeChild;
+}
+/**
+ * Props declared by `ResourcesWeekView` itself. See `ResourcesWeekViewProps` for the full
+ * public type.
+ */
+export interface ResourcesWeekViewOwnProps extends StylesApiProps<ResourcesWeekViewFactory> {
+    /** Week displayed by the view. Any day inside the week works. */
+    date: Date | DateStringValue;
+    /** Resources rendered as rows, in the given order. */
+    resources: ScheduleResourceData[];
+    /** Groups the resources are bucketed into, rendered as a leading column. */
+    groups?: ScheduleResourceGroup[];
+    /**
+     * First visible time of the day, `HH:mm:ss`.
+     * @default '00:00:00'
+     */
+    startTime?: string;
+    /**
+     * Last visible time of the day, `HH:mm:ss`.
+     * @default '23:59:59'
+     */
+    endTime?: string;
+    /**
+     * Length of one time slot in minutes.
+     * @default 60
+     */
+    intervalMinutes?: number;
+    /**
+     * Format of the time column labels.
+     * @default 'HH:mm'
+     */
+    slotLabelFormat?: DateLabelFormat;
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`. */
+    radius?: string | number;
+    /** Datetime the view scrolls to on the initial render, `YYYY-MM-DD HH:mm:ss`. */
+    startScrollDateTime?: string;
+    /** Props passed to the `ScrollArea` that wraps the grid. */
+    scrollAreaProps?: ForwardedProps<ScrollAreaProps>;
+    /**
+     * Locale passed down to `dayjs` when formatting labels.
+     * @default 'en'
+     */
+    locale?: string;
+    /** If set, a line marking the current time is displayed. */
+    withCurrentTimeIndicator?: boolean;
+    /**
+     * If set, the current time indicator carries a bubble with the current time.
+     * @default true
+     */
+    withCurrentTimeBubble?: boolean;
+    /**
+     * Returns the current time, called on every render. Use it to render the indicator in
+     * another timezone.
+     * @default () => dayjs()
+     */
+    getCurrentTime?: () => AnyDateValue;
+    /**
+     * If set, the navigation header is rendered above the grid.
+     * @default true
+     */
+    withHeader?: boolean;
+    /** Props passed to the previous control of the header. */
+    previousControlProps?: NativeButtonProps;
+    /** Props passed to the next control of the header. */
+    nextControlProps?: NativeButtonProps;
+    /** Props passed to the today control of the header. */
+    todayControlProps?: NativeButtonProps;
+    /** Props passed to the view select of the header. */
+    viewSelectProps?: ForwardedProps<ViewSelectProps, ViewSelectEmits>;
+    /**
+     * Format of the week label shown in the header.
+     * @default 'MMM DD'
+     */
+    weekLabelFormat?: DateLabelFormat;
+    /** Replaces the label shown between the navigation controls. */
+    renderWeekLabel?: (payload: WeekLabelPayload) => VNodeChild;
+    /** Events rendered by the view. */
+    events?: ScheduleEventData[];
+    /**
+     * Width of one time column.
+     * @default 60
+     */
+    slotWidth?: CSSProperties['width'];
+    /**
+     * Height of one resource row.
+     * @default 64
+     */
+    rowHeight?: CSSProperties['height'];
+    /**
+     * Width of the group column.
+     * @default 80
+     */
+    groupLabelWidth?: CSSProperties['width'];
+    /** Overrides for the built-in labels, used for i18n and accessible names. */
+    labels?: ScheduleLabelsOverride;
+    /**
+     * If set, business hours are highlighted.
+     * @default false
+     */
+    highlightBusinessHours?: boolean;
+    /**
+     * Business hours as an `HH:mm:ss` range shared by every day, or a record keyed by day of
+     * the week (`0` – Sunday) for per-day ranges.
+     * @default ['09:00:00', '17:00:00']
+     */
+    businessHours?: BusinessHoursValue;
+    /**
+     * Replaces the body of every event. Can also be set with the `eventBody` slot,
+     * which takes precedence over the prop.
+     */
+    renderEventBody?: RenderEventBody;
+    /**
+     * Replaces every event entirely. Can also be set with the `event` slot, which takes
+     * precedence over the prop.
+     */
+    renderEvent?: RenderEvent;
+    /**
+     * Replaces the label of every resource row. Can also be set with the `resourceLabel` slot,
+     * which takes precedence over the prop.
+     */
+    renderResourceLabel?: (resource: ScheduleResourceData) => VNodeChild;
+    /**
+     * Replaces the label of every resource group. Can also be set with the `groupLabel` slot,
+     * which takes precedence over the prop.
+     */
+    renderGroupLabel?: (group: ScheduleResourceGroup) => VNodeChild;
+    /**
+     * If set, events can be dragged onto another slot or resource.
+     * @default false
+     */
+    withEventsDragAndDrop?: boolean;
+    /**
+     * Returns whether the given event may be dragged.
+     * @default () => true
+     */
+    canDragEvent?: (event: ScheduleEventData) => boolean;
+    /**
+     * If set, items dragged in from outside the schedule can be dropped on a slot, which emits
+     * `externalEventDrop`. Enabling event drag and drop turns this on as well.
+     * @default false
+     */
+    withExternalEventDrop?: boolean;
+    /**
+     * If set, dragging across time slots selects a range.
+     * @default false
+     */
+    withDragSlotSelect?: boolean;
+    /**
+     * Interaction mode. `static` disables every event and slot interaction.
+     * @default 'default'
+     */
+    mode?: ScheduleMode;
+    /**
+     * If set, events can be resized by dragging their edges.
+     * @default false
+     */
+    withEventResize?: boolean;
+    /**
+     * Returns whether the given event may be resized.
+     * @default () => true
+     */
+    canResizeEvent?: (event: ScheduleEventData) => boolean;
+    /**
+     * Maximum number of instances generated per recurring series.
+     * @default 2000
+     */
+    recurrenceExpansionLimit?: number;
+    /**
+     * Number of overlapping events shown per slot before the rest collapse into a "more" control.
+     * @default 2
+     */
+    maxEventsPerTimeSlot?: number;
+    /** Props passed to the `MoreEvents` control of an overlap cluster. */
+    moreEventsProps?: ForwardedProps<MoreEventsProps, MoreEventsEmits>;
+    /**
+     * Day the week starts on, `0` – Sunday.
+     * @default 1
+     */
+    firstDayOfWeek?: DayOfWeek;
+    /**
+     * Days marked as weekend, `0` – Sunday.
+     * @default [0, 6]
+     */
+    weekendDays?: DayOfWeek[];
+    /**
+     * If set, weekend days are part of the week.
+     * @default true
+     */
+    withWeekendDays?: boolean;
+    /**
+     * Format of the day column labels.
+     * @default 'ddd D'
+     */
+    weekdayFormat?: DateLabelFormat;
+    /**
+     * If set, today is highlighted.
+     * @default true
+     */
+    highlightToday?: boolean;
+}
+export interface ResourcesWeekViewProps extends Omit<BoxProps, keyof ResourcesWeekViewOwnProps>, ResourcesWeekViewOwnProps {
+}
+export interface ResourcesWeekViewEmits {
+    /** Emitted when the view navigates to another week. */
+    dateChange: [date: DateStringValue];
+    /** Emitted when the header view select picks another view level. */
+    viewChange: [view: ScheduleViewLevel];
+    /** Emitted when an event is clicked. */
+    eventClick: [event: ScheduleEventData, nativeEvent: MouseEvent];
+    /** Emitted when an event is dropped. */
+    eventDrop: [data: ResourceViewDropData];
+    /** Emitted when a drag of an event starts. */
+    eventDragStart: [event: ScheduleEventData];
+    /** Emitted when a drag of an event ends. */
+    eventDragEnd: [];
+    /** Emitted when a time slot is clicked. */
+    timeSlotClick: [data: ResourceTimeSlotClickData];
+    /** Emitted when a slot range is selected by dragging. */
+    slotDragEnd: [data: ResourceSlotDragEndData];
+    /** Emitted when an item from outside the schedule is dropped. */
+    externalEventDrop: [data: ResourceExternalDropData];
+    /** Emitted when an event is resized. */
+    eventResize: [data: EventDropData];
+}
+export type ResourcesWeekViewFactory = Factory<{
+    props: Omit<ResourcesWeekViewProps, 'rootRef'>;
+    slots: ResourcesWeekViewSlots;
+    emits: ResourcesWeekViewEmits;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: ResourcesWeekViewStylesNames;
+    vars: ResourcesWeekViewCssVariables;
+}>;

package/lib/components/ResourcesWeekView/ResourcesWeekView.vue.d.ts

@@ -0,0 +1,58 @@
+import type { ScheduleEventData, ScheduleViewLevel } from '../../types';
+import type { ResourcesWeekViewSlots } from './ResourcesWeekView.types';
+import type { ResourcesWeekViewOwnProps } from './ResourcesWeekView.types';
+declare const defaultProps: {
+    startTime: string;
+    endTime: string;
+    intervalMinutes: number;
+    slotLabelFormat: string;
+    withCurrentTimeBubble: true;
+    withHeader: true;
+    weekLabelFormat: string;
+    slotWidth: number;
+    rowHeight: number;
+    groupLabelWidth: number;
+    businessHours: [string, string];
+    mode: "default";
+    recurrenceExpansionLimit: number;
+    maxEventsPerTimeSlot: number;
+    firstDayOfWeek: 1;
+    weekendDays: (0 | 6)[];
+    withWeekendDays: true;
+    weekdayFormat: string;
+    highlightToday: true;
+};
+/** View levels the header offers – a resource schedule has no year view. */
+declare const RESOURCE_VIEWS: readonly ["day", "week", "month"];
+declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { defaultProps, varsResolver, RESOURCE_VIEWS };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ResourcesWeekViewOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dateChange: (date: string) => any;
+    eventDragStart: (event: ScheduleEventData) => any;
+    eventDragEnd: () => any;
+    eventClick: (event: ScheduleEventData, nativeEvent: MouseEvent) => any;
+    viewChange: (view: ScheduleViewLevel) => any;
+    eventDrop: (data: import("../ResourcesDayView").ResourceViewDropData) => any;
+    timeSlotClick: (data: import("../ResourcesDayView").ResourceTimeSlotClickData) => any;
+    slotDragEnd: (data: import("../ResourcesDayView").ResourceSlotDragEndData) => any;
+    externalEventDrop: (data: import("../ResourcesDayView").ResourceExternalDropData) => any;
+    eventResize: (data: import("../..").EventDropData) => any;
+}, string, import("vue").PublicProps, Readonly<ResourcesWeekViewOwnProps> & Readonly<{
+    onDateChange?: ((date: string) => any) | undefined;
+    onEventDragStart?: ((event: ScheduleEventData) => any) | undefined;
+    onEventDragEnd?: (() => any) | undefined;
+    onEventClick?: ((event: ScheduleEventData, nativeEvent: MouseEvent) => any) | undefined;
+    onViewChange?: ((view: ScheduleViewLevel) => any) | undefined;
+    onEventDrop?: ((data: import("../ResourcesDayView").ResourceViewDropData) => any) | undefined;
+    onTimeSlotClick?: ((data: import("../ResourcesDayView").ResourceTimeSlotClickData) => any) | undefined;
+    onSlotDragEnd?: ((data: import("../ResourcesDayView").ResourceSlotDragEndData) => any) | undefined;
+    onExternalEventDrop?: ((data: import("../ResourcesDayView").ResourceExternalDropData) => any) | undefined;
+    onEventResize?: ((data: import("../..").EventDropData) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ResourcesWeekViewSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/Schedule/Schedule.d.ts

@@ -1,134 +1,9 @@
-import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import type { DayViewProps, MobileMonthViewProps, MonthViewProps, RenderEventBody, ScheduleProps, WeekViewProps, YearViewProps } from '../../component-props';
-import type { DateStringValue, ScheduleEventData, ScheduleMode, ScheduleViewLevel } from '../../types';
-export interface ScheduleSlots {
-    /** Scoped alternative to the `renderEventBody` prop */
-    eventBody?: (props: {
-        event: ScheduleEventData;
-    }) => VNodeChild;
-    /** Scoped alternative to the `renderEvent` prop */
-    event?: (props: Record<string, unknown> & {
-        event: ScheduleEventData;
-    }) => VNodeChild;
-    /** Scoped alternative to WeekView's `renderWeekLabel` prop */
-    weekLabel?: (props: {
-        weekStart: DateStringValue;
-        weekEnd: DateStringValue;
-    }) => VNodeChild;
-    /** Scoped alternative to MobileMonthView's `renderHeader` prop */
-    header?: (props: {
-        mode: ScheduleMode;
-        date: Date | DateStringValue;
-        defaultHeader: VNodeChild;
-    }) => VNodeChild;
-}
-export declare const Schedule: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    date: PropType<Date | DateStringValue>;
-    defaultDate: PropType<Date | DateStringValue>;
-    onDateChange: PropType<(date: DateStringValue) => void>;
-    view: PropType<ScheduleViewLevel>;
-    defaultView: {
-        type: PropType<ScheduleViewLevel>;
-        default: string;
-    };
-    onViewChange: PropType<(view: ScheduleViewLevel) => void>;
-    events: PropType<ScheduleEventData[]>;
-    locale: StringConstructor;
-    radius: PropType<string | number>;
-    labels: ObjectConstructor;
-    renderEventBody: PropType<RenderEventBody>;
-    withEventsDragAndDrop: BooleanConstructor;
-    onEventDrop: PropType<ScheduleProps["onEventDrop"]>;
-    canDragEvent: PropType<ScheduleProps["canDragEvent"]>;
-    onEventDragStart: PropType<ScheduleProps["onEventDragStart"]>;
-    onEventDragEnd: PropType<ScheduleProps["onEventDragEnd"]>;
-    onTimeSlotClick: PropType<ScheduleProps["onTimeSlotClick"]>;
-    onAllDaySlotClick: PropType<ScheduleProps["onAllDaySlotClick"]>;
-    onEventClick: PropType<ScheduleProps["onEventClick"]>;
-    onDayClick: PropType<ScheduleProps["onDayClick"]>;
-    onMonthClick: PropType<ScheduleProps["onMonthClick"]>;
-    withDragSlotSelect: BooleanConstructor;
-    onSlotDragEnd: PropType<ScheduleProps["onSlotDragEnd"]>;
-    mode: {
-        type: PropType<ScheduleMode>;
-        default: string;
-    };
-    onExternalEventDrop: PropType<ScheduleProps["onExternalEventDrop"]>;
-    withEventResize: BooleanConstructor;
-    onEventResize: PropType<ScheduleProps["onEventResize"]>;
-    canResizeEvent: PropType<ScheduleProps["canResizeEvent"]>;
-    recurrenceExpansionLimit: {
-        type: NumberConstructor;
-        default: number;
-    };
-    layout: {
-        type: PropType<"default" | "responsive">;
-        default: string;
-    };
-    dayViewProps: PropType<Partial<DayViewProps>>;
-    weekViewProps: PropType<Partial<WeekViewProps>>;
-    monthViewProps: PropType<Partial<MonthViewProps>>;
-    yearViewProps: PropType<Partial<YearViewProps>>;
-    mobileMonthViewProps: PropType<Partial<MobileMonthViewProps>>;
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    date: PropType<Date | DateStringValue>;
-    defaultDate: PropType<Date | DateStringValue>;
-    onDateChange: PropType<(date: DateStringValue) => void>;
-    view: PropType<ScheduleViewLevel>;
-    defaultView: {
-        type: PropType<ScheduleViewLevel>;
-        default: string;
-    };
-    onViewChange: PropType<(view: ScheduleViewLevel) => void>;
-    events: PropType<ScheduleEventData[]>;
-    locale: StringConstructor;
-    radius: PropType<string | number>;
-    labels: ObjectConstructor;
-    renderEventBody: PropType<RenderEventBody>;
-    withEventsDragAndDrop: BooleanConstructor;
-    onEventDrop: PropType<ScheduleProps["onEventDrop"]>;
-    canDragEvent: PropType<ScheduleProps["canDragEvent"]>;
-    onEventDragStart: PropType<ScheduleProps["onEventDragStart"]>;
-    onEventDragEnd: PropType<ScheduleProps["onEventDragEnd"]>;
-    onTimeSlotClick: PropType<ScheduleProps["onTimeSlotClick"]>;
-    onAllDaySlotClick: PropType<ScheduleProps["onAllDaySlotClick"]>;
-    onEventClick: PropType<ScheduleProps["onEventClick"]>;
-    onDayClick: PropType<ScheduleProps["onDayClick"]>;
-    onMonthClick: PropType<ScheduleProps["onMonthClick"]>;
-    withDragSlotSelect: BooleanConstructor;
-    onSlotDragEnd: PropType<ScheduleProps["onSlotDragEnd"]>;
-    mode: {
-        type: PropType<ScheduleMode>;
-        default: string;
-    };
-    onExternalEventDrop: PropType<ScheduleProps["onExternalEventDrop"]>;
-    withEventResize: BooleanConstructor;
-    onEventResize: PropType<ScheduleProps["onEventResize"]>;
-    canResizeEvent: PropType<ScheduleProps["canResizeEvent"]>;
-    recurrenceExpansionLimit: {
-        type: NumberConstructor;
-        default: number;
-    };
-    layout: {
-        type: PropType<"default" | "responsive">;
-        default: string;
-    };
-    dayViewProps: PropType<Partial<DayViewProps>>;
-    weekViewProps: PropType<Partial<WeekViewProps>>;
-    monthViewProps: PropType<Partial<MonthViewProps>>;
-    yearViewProps: PropType<Partial<YearViewProps>>;
-    mobileMonthViewProps: PropType<Partial<MobileMonthViewProps>>;
-}>> & Readonly<{}>, {
-    mode: ScheduleMode;
-    layout: "default" | "responsive";
-    recurrenceExpansionLimit: number;
-    defaultView: ScheduleViewLevel;
-    withEventsDragAndDrop: boolean;
-    withDragSlotSelect: boolean;
-    withEventResize: boolean;
-}, SlotsType<ScheduleSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export type { ScheduleProps };
-export type ScheduleLayout = 'default' | 'responsive';
-export type ScheduleStylesNames = 'root' | 'desktopView' | 'mobileView' | import('../DayView/DayView').DayViewStylesNames | import('../WeekView/WeekView').WeekViewStylesNames | import('../MonthView/MonthView').MonthViewStylesNames | import('../YearView/YearView').YearViewStylesNames | import('../MobileMonthView/MobileMonthView').MobileMonthViewStylesNames;
+export declare const Schedule: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./Schedule.types").ScheduleProps, "rootRef">;
+    slots: import("./Schedule.types").ScheduleSlots;
+    emits: import("./Schedule.types").ScheduleEmits;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./Schedule.types").ScheduleStylesNames;
+}>;
+export type { ScheduleEmits, ScheduleFactory, ScheduleLayout, ScheduleOwnProps, ScheduleOwnStylesNames, ScheduleProps, ScheduleSlots, ScheduleStylesNames, } from './Schedule.types';

package/lib/components/Schedule/Schedule.types.d.ts

@@ -0,0 +1,153 @@
+import type { VNodeChild } from 'vue';
+import type { BoxProps, Factory } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { EventDropData, EventSlots, ForwardedProps, RenderEventBody, TimeSlotClickData } from '../../component-props';
+import type { ScheduleLabelsOverride } from '../../labels';
+import type { DateStringValue, DateTimeStringValue, ScheduleEventData, ScheduleMode, ScheduleViewLevel } from '../../types';
+import type { DayViewEmits, DayViewProps, DayViewStylesNames } from '../DayView/DayView.types';
+import type { MobileMonthViewHeaderPayload, MobileMonthViewEmits, MobileMonthViewProps, MobileMonthViewStylesNames } from '../MobileMonthView/MobileMonthView.types';
+import type { MonthViewEmits, MonthViewProps, MonthViewStylesNames } from '../MonthView/MonthView.types';
+import type { WeekLabelPayload, WeekViewEmits, WeekViewProps, WeekViewStylesNames } from '../WeekView/WeekView.types';
+import type { YearViewEmits, YearViewProps, YearViewStylesNames } from '../YearView/YearView.types';
+/**
+ * How `Schedule` lays its views out: `default` renders the selected view alone, `responsive`
+ * also renders a mobile-friendly view that CSS swaps in on narrow screens.
+ */
+export type ScheduleLayout = 'default' | 'responsive';
+export type ScheduleOwnStylesNames = 'root' | 'desktopView' | 'mobileView';
+/** `Schedule` forwards `classNames` and `styles` to the view it renders. */
+export type ScheduleStylesNames = ScheduleOwnStylesNames | DayViewStylesNames | WeekViewStylesNames | MonthViewStylesNames | YearViewStylesNames | MobileMonthViewStylesNames;
+export interface ScheduleSlots extends EventSlots {
+    /** Replaces the week label in `WeekView`. Takes precedence over its `renderWeekLabel` prop. */
+    weekLabel?: (props: WeekLabelPayload) => VNodeChild;
+    /** Replaces the header of `MobileMonthView`. Takes precedence over its `renderHeader` prop. */
+    header?: (props: MobileMonthViewHeaderPayload) => VNodeChild;
+}
+/** Props declared by `Schedule` itself. See `ScheduleProps` for the full public type. */
+export interface ScheduleOwnProps extends StylesApiProps<ScheduleFactory> {
+    /** Date displayed by the active view, bound with `v-model:date`. */
+    date?: Date | DateStringValue;
+    /** Date displayed on the first render when `date` is not set. @default today */
+    defaultDate?: Date | DateStringValue;
+    /** Active view level, bound with `v-model:view`. */
+    view?: ScheduleViewLevel;
+    /**
+     * View level shown on the first render when `view` is not set.
+     * @default 'week'
+     */
+    defaultView?: ScheduleViewLevel;
+    /** Events rendered by the active view. */
+    events?: ScheduleEventData[];
+    /**
+     * Locale passed down to `dayjs` when formatting labels.
+     * @default 'en'
+     */
+    locale?: string;
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`. */
+    radius?: string | number;
+    /** Overrides for the built-in labels, used for i18n and accessible names. */
+    labels?: ScheduleLabelsOverride;
+    /**
+     * Replaces the body of every event. Can also be set with the `eventBody` slot,
+     * which takes precedence over the prop.
+     */
+    renderEventBody?: RenderEventBody;
+    /**
+     * If set, events can be dragged onto another slot or day.
+     * @default false
+     */
+    withEventsDragAndDrop?: boolean;
+    /**
+     * Returns whether the given event may be dragged.
+     * @default () => true
+     */
+    canDragEvent?: (event: ScheduleEventData) => boolean;
+    /**
+     * If set, items dragged in from outside the schedule can be dropped on a slot or day, which emits
+     * `externalEventDrop`. Enabling event drag and drop turns this on as well.
+     * @default false
+     */
+    withExternalEventDrop?: boolean;
+    /**
+     * If set, dragging across slots or days selects a range.
+     * @default false
+     */
+    withDragSlotSelect?: boolean;
+    /**
+     * Interaction mode. `static` disables every event, slot and navigation interaction.
+     * @default 'default'
+     */
+    mode?: ScheduleMode;
+    /**
+     * If set, events can be resized by dragging their edges in the time-axis views.
+     * @default false
+     */
+    withEventResize?: boolean;
+    /**
+     * Returns whether the given event may be resized.
+     * @default () => true
+     */
+    canResizeEvent?: (event: ScheduleEventData) => boolean;
+    /**
+     * Maximum number of instances generated per recurring series.
+     * @default 2000
+     */
+    recurrenceExpansionLimit?: number;
+    /**
+     * `responsive` additionally renders a mobile-friendly view that CSS swaps in on narrow screens.
+     * @default 'default'
+     */
+    layout?: ScheduleLayout;
+    /** Props passed to `DayView`. */
+    dayViewProps?: ForwardedProps<DayViewProps, DayViewEmits>;
+    /** Props passed to `WeekView`. */
+    weekViewProps?: ForwardedProps<WeekViewProps, WeekViewEmits>;
+    /** Props passed to `MonthView`. */
+    monthViewProps?: ForwardedProps<MonthViewProps, MonthViewEmits>;
+    /** Props passed to `YearView`. */
+    yearViewProps?: ForwardedProps<YearViewProps, YearViewEmits>;
+    /** Props passed to `MobileMonthView`, used only when `layout` is `responsive`. */
+    mobileMonthViewProps?: ForwardedProps<MobileMonthViewProps, MobileMonthViewEmits>;
+}
+export interface ScheduleProps extends Omit<BoxProps, keyof ScheduleOwnProps>, ScheduleOwnProps {
+}
+export interface ScheduleEmits {
+    /** Emitted when the active view navigates to another date, bound with `v-model:date`. */
+    'update:date': [date: DateStringValue];
+    /** Emitted when another view level is selected, bound with `v-model:view`. */
+    'update:view': [view: ScheduleViewLevel];
+    /** Emitted when the active view navigates to another date. */
+    dateChange: [date: DateStringValue];
+    /** Emitted when another view level is selected. */
+    viewChange: [view: ScheduleViewLevel];
+    /** Emitted when an event is clicked. */
+    eventClick: [event: ScheduleEventData, nativeEvent: MouseEvent];
+    /** Emitted when an event is dropped in a new position. */
+    eventDrop: [data: EventDropData];
+    /** Emitted when a drag of an event starts. */
+    eventDragStart: [event: ScheduleEventData];
+    /** Emitted when a drag of an event ends. */
+    eventDragEnd: [];
+    /** Emitted when a time slot is clicked. */
+    timeSlotClick: [data: TimeSlotClickData];
+    /** Emitted when an all-day slot is clicked. */
+    allDaySlotClick: [date: DateStringValue, nativeEvent: MouseEvent];
+    /** Emitted when a day is clicked in the month or year view. */
+    dayClick: [date: DateStringValue, nativeEvent: MouseEvent];
+    /** Emitted when a month caption is clicked in the year view. */
+    monthClick: [month: DateStringValue];
+    /** Emitted when a range is selected by dragging. */
+    slotDragEnd: [rangeStart: DateTimeStringValue, rangeEnd: DateTimeStringValue];
+    /** Emitted when an item from outside the schedule is dropped. */
+    externalEventDrop: [dataTransfer: DataTransfer, dateTime: DateTimeStringValue];
+    /** Emitted when an event is resized. */
+    eventResize: [data: EventDropData];
+}
+export type ScheduleFactory = Factory<{
+    props: Omit<ScheduleProps, 'rootRef'>;
+    slots: ScheduleSlots;
+    emits: ScheduleEmits;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: ScheduleStylesNames;
+}>;