@mantine-vue/schedule 3.1.0 → 3.3.0

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

@@ -0,0 +1,110 @@
+import type { VNodeChild } from 'vue';
+import type { BoxProps, Factory } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { BaseViewEmits, BaseViewOwnProps, NativeButtonProps, ScheduleEventRenderProps } from '../../component-props';
+import type { DateLabelFormat, DateStringValue, DayOfWeek, ScheduleEventData, ScheduleMode } from '../../types';
+export type MobileMonthViewStylesNames = 'mobileMonthView' | 'mobileMonthViewHeader' | 'mobileMonthViewHeaderBackButton' | 'mobileMonthViewHeaderLabel' | 'mobileMonthViewCalendar' | 'mobileMonthViewWeekdays' | 'mobileMonthViewWeekday' | 'mobileMonthViewWeekdaysCorner' | 'mobileMonthViewWeek' | 'mobileMonthViewWeekNumber' | 'mobileMonthViewDay' | 'mobileMonthViewDayIndicators' | 'mobileMonthViewDayIndicator' | 'mobileMonthViewEventsList' | 'mobileMonthViewEventsHeader' | 'mobileMonthViewEvent' | 'mobileMonthViewEventBody' | 'mobileMonthViewEventColor' | 'mobileMonthViewEventTitle' | 'mobileMonthViewEventTime' | 'mobileMonthViewNoEvents';
+export type MobileMonthViewCssVariables = {
+    mobileMonthView: '--mobile-month-view-radius';
+};
+/** Payload of the `header` slot and of the `renderHeader` prop. */
+export interface MobileMonthViewHeaderPayload {
+    /** Interaction mode of the view. */
+    mode: ScheduleMode;
+    /** Month currently displayed. */
+    date: Date | DateStringValue;
+    /** The header the view would render, so a custom one can reuse parts of it. */
+    defaultHeader: VNodeChild;
+}
+export interface MobileMonthViewSlots {
+    /** Replaces every event in the list. Takes precedence over `renderEvent`. */
+    event?: (props: ScheduleEventRenderProps & {
+        event: ScheduleEventData;
+    }) => VNodeChild;
+    /** Replaces the header above the calendar. Takes precedence over `renderHeader`. */
+    header?: (props: MobileMonthViewHeaderPayload) => VNodeChild;
+}
+/** Props declared by `MobileMonthView` itself. See `MobileMonthViewProps` for the full public type. */
+export interface MobileMonthViewOwnProps extends BaseViewOwnProps, StylesApiProps<MobileMonthViewFactory> {
+    /** Selected day, bound with `v-model:selected-date`. */
+    selectedDate?: Date | DateStringValue | null;
+    /** Day selected on the first render when `selectedDate` is not set. @default today */
+    defaultSelectedDate?: Date | DateStringValue | null;
+    /**
+     * If set, week numbers are displayed in the first column.
+     * @default false
+     */
+    withWeekNumbers?: boolean;
+    /**
+     * If set, weekday names are displayed above the grid.
+     * @default true
+     */
+    withWeekDays?: boolean;
+    /**
+     * Day the week starts on, `0` – Sunday.
+     * @default 1
+     */
+    firstDayOfWeek?: DayOfWeek;
+    /**
+     * Format of the weekday names above the grid.
+     * @default 'dd'
+     */
+    weekdayFormat?: DateLabelFormat;
+    /**
+     * Days marked as weekend, `0` – Sunday.
+     * @default [0, 6]
+     */
+    weekendDays?: DayOfWeek[];
+    /** Returns extra props for the control of the week that starts on the given day. */
+    getWeekNumberProps?: (weekStartDate: DateStringValue) => NativeButtonProps;
+    /** Returns extra props for the control of the given day. */
+    getDayProps?: (date: DateStringValue) => NativeButtonProps;
+    /**
+     * If set, every month renders six weeks so the grid height never changes.
+     * @default true
+     */
+    consistentWeeks?: boolean;
+    /**
+     * If set, today is highlighted.
+     * @default true
+     */
+    highlightToday?: boolean;
+    /**
+     * If set, days of the neighbouring months are rendered.
+     * @default false
+     */
+    withOutsideDays?: boolean;
+    /**
+     * Format of the heading above the event list.
+     * @default 'dddd, MMMM D'
+     */
+    eventsHeaderFormat?: DateLabelFormat;
+    /**
+     * Replaces the header above the calendar. Can also be set with the `header` slot,
+     * which takes precedence over the prop.
+     */
+    renderHeader?: (payload: MobileMonthViewHeaderPayload) => VNodeChild;
+}
+export interface MobileMonthViewProps extends Omit<BoxProps, keyof MobileMonthViewOwnProps>, MobileMonthViewOwnProps {
+}
+export interface MobileMonthViewEmits extends BaseViewEmits {
+    /** Emitted when another day is selected, bound with `v-model:selected-date`. */
+    'update:selectedDate': [date: DateStringValue | null];
+    /** Emitted when another day is selected. */
+    selectedDateChange: [date: DateStringValue | null];
+    /** Emitted when a day is clicked. */
+    dayClick: [date: DateStringValue, nativeEvent: MouseEvent];
+    /** Emitted when a week number is clicked. */
+    weekNumberClick: [date: DateStringValue, nativeEvent: MouseEvent];
+    /** Emitted when the year control in the header is clicked. */
+    yearClick: [];
+}
+export type MobileMonthViewFactory = Factory<{
+    props: Omit<MobileMonthViewProps, 'rootRef'>;
+    slots: MobileMonthViewSlots;
+    emits: MobileMonthViewEmits;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: MobileMonthViewStylesNames;
+    vars: MobileMonthViewCssVariables;
+}>;

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

@@ -0,0 +1,44 @@
+import type { ScheduleEventData } from '../../types';
+import type { MobileMonthViewSlots } from './MobileMonthView.types';
+import type { MobileMonthViewOwnProps } from './MobileMonthView.types';
+declare const defaultProps: {
+    mode: "default";
+    recurrenceExpansionLimit: number;
+    withHeader: true;
+    withWeekDays: true;
+    firstDayOfWeek: 1;
+    weekdayFormat: string;
+    weekendDays: (0 | 6)[];
+    consistentWeeks: true;
+    highlightToday: true;
+    eventsHeaderFormat: string;
+};
+declare const MAX_DAY_INDICATORS = 3;
+declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { defaultProps, varsResolver, MAX_DAY_INDICATORS };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<MobileMonthViewOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dateChange: (date: string) => any;
+    dayClick: (date: string, nativeEvent: MouseEvent) => any;
+    eventClick: (event: ScheduleEventData, nativeEvent: MouseEvent) => any;
+    viewChange: (view: import("../..").ScheduleViewLevel) => any;
+    "update:selectedDate": (date: string | null) => any;
+    selectedDateChange: (date: string | null) => any;
+    weekNumberClick: (date: string, nativeEvent: MouseEvent) => any;
+    yearClick: () => any;
+}, string, import("vue").PublicProps, Readonly<MobileMonthViewOwnProps> & Readonly<{
+    onDateChange?: ((date: string) => any) | undefined;
+    onDayClick?: ((date: string, nativeEvent: MouseEvent) => any) | undefined;
+    onEventClick?: ((event: ScheduleEventData, nativeEvent: MouseEvent) => any) | undefined;
+    onViewChange?: ((view: import("../..").ScheduleViewLevel) => any) | undefined;
+    "onUpdate:selectedDate"?: ((date: string | null) => any) | undefined;
+    onSelectedDateChange?: ((date: string | null) => any) | undefined;
+    onWeekNumberClick?: ((date: string, nativeEvent: MouseEvent) => any) | undefined;
+    onYearClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, MobileMonthViewSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/MonthView/MonthView.d.ts

@@ -1,174 +1,10 @@
-import { type PropType, type SlotsType } from 'vue';
-import type { DateLabelFormat, DayOfWeek } from '../../types';
-import type { MonthViewProps } from '../../component-props';
-import { type EventSlots } from '../shared';
-export declare const MonthView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    firstDayOfWeek: {
-        type: PropType<DayOfWeek>;
-        default: number;
-    };
-    weekdayFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    weekendDays: {
-        type: PropType<DayOfWeek[]>;
-        default: () => number[];
-    };
-    withWeekNumbers: BooleanConstructor;
-    withWeekDays: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    consistentWeeks: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    highlightToday: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    withOutsideDays: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maxEventsPerDay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    getDayProps: PropType<MonthViewProps["getDayProps"]>;
-    getWeekNumberProps: PropType<MonthViewProps["getWeekNumberProps"]>;
-    onDayClick: PropType<MonthViewProps["onDayClick"]>;
-    onWeekNumberClick: PropType<MonthViewProps["onWeekNumberClick"]>;
-    withEventsDragAndDrop: BooleanConstructor;
-    onEventDrop: PropType<MonthViewProps["onEventDrop"]>;
-    canDragEvent: PropType<MonthViewProps["canDragEvent"]>;
-    onEventDragStart: PropType<MonthViewProps["onEventDragStart"]>;
-    onEventDragEnd: PropType<MonthViewProps["onEventDragEnd"]>;
-    onExternalEventDrop: PropType<MonthViewProps["onExternalEventDrop"]>;
-    withDragSlotSelect: BooleanConstructor;
-    onSlotDragEnd: PropType<MonthViewProps["onSlotDragEnd"]>;
-    date: {
-        type: PropType<Date | import("../..").DateStringValue>;
-        required: boolean;
-    };
-    onDateChange: PropType<(date: import("../..").DateStringValue) => void>;
-    events: PropType<import("../..").ScheduleEventData[]>;
-    locale: StringConstructor;
-    radius: PropType<string | number>;
-    labels: ObjectConstructor;
-    mode: {
-        type: PropType<import("../..").ScheduleMode>;
-        default: string;
-    };
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onViewChange: PropType<(view: import("../..").ScheduleViewLevel) => void>;
-    previousControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    nextControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    todayControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    viewSelectProps: ObjectConstructor;
-    renderEventBody: PropType<import("../ScheduleEvent").RenderEventBody>;
-    renderEvent: PropType<import("../ScheduleEvent").RenderEvent>;
-    onEventClick: PropType<(event: import("../..").ScheduleEventData, nativeEvent: MouseEvent) => void>;
-    recurrenceExpansionLimit: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, () => 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<{
-    firstDayOfWeek: {
-        type: PropType<DayOfWeek>;
-        default: number;
-    };
-    weekdayFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    weekendDays: {
-        type: PropType<DayOfWeek[]>;
-        default: () => number[];
-    };
-    withWeekNumbers: BooleanConstructor;
-    withWeekDays: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    consistentWeeks: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    highlightToday: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    withOutsideDays: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maxEventsPerDay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    getDayProps: PropType<MonthViewProps["getDayProps"]>;
-    getWeekNumberProps: PropType<MonthViewProps["getWeekNumberProps"]>;
-    onDayClick: PropType<MonthViewProps["onDayClick"]>;
-    onWeekNumberClick: PropType<MonthViewProps["onWeekNumberClick"]>;
-    withEventsDragAndDrop: BooleanConstructor;
-    onEventDrop: PropType<MonthViewProps["onEventDrop"]>;
-    canDragEvent: PropType<MonthViewProps["canDragEvent"]>;
-    onEventDragStart: PropType<MonthViewProps["onEventDragStart"]>;
-    onEventDragEnd: PropType<MonthViewProps["onEventDragEnd"]>;
-    onExternalEventDrop: PropType<MonthViewProps["onExternalEventDrop"]>;
-    withDragSlotSelect: BooleanConstructor;
-    onSlotDragEnd: PropType<MonthViewProps["onSlotDragEnd"]>;
-    date: {
-        type: PropType<Date | import("../..").DateStringValue>;
-        required: boolean;
-    };
-    onDateChange: PropType<(date: import("../..").DateStringValue) => void>;
-    events: PropType<import("../..").ScheduleEventData[]>;
-    locale: StringConstructor;
-    radius: PropType<string | number>;
-    labels: ObjectConstructor;
-    mode: {
-        type: PropType<import("../..").ScheduleMode>;
-        default: string;
-    };
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onViewChange: PropType<(view: import("../..").ScheduleViewLevel) => void>;
-    previousControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    nextControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    todayControlProps: PropType<import("../../component-props").NativeButtonProps>;
-    viewSelectProps: ObjectConstructor;
-    renderEventBody: PropType<import("../ScheduleEvent").RenderEventBody>;
-    renderEvent: PropType<import("../ScheduleEvent").RenderEvent>;
-    onEventClick: PropType<(event: import("../..").ScheduleEventData, nativeEvent: MouseEvent) => void>;
-    recurrenceExpansionLimit: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    mode: import("../..").ScheduleMode;
-    withHeader: boolean;
-    firstDayOfWeek: DayOfWeek;
-    highlightToday: boolean;
-    weekendDays: DayOfWeek[];
-    weekdayFormat: DateLabelFormat;
-    withWeekNumbers: boolean;
-    consistentWeeks: boolean;
-    withOutsideDays: boolean;
-    recurrenceExpansionLimit: number;
-    withEventsDragAndDrop: boolean;
-    withDragSlotSelect: boolean;
-    withWeekDays: boolean;
-    maxEventsPerDay: number;
-}, SlotsType<EventSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export type { MonthViewProps };
-export type MonthViewStylesNames = 'monthView' | 'monthViewWeekdays' | 'monthViewWeek' | 'monthViewWeekNumber' | 'monthViewWeekday' | 'monthViewWeekdaysCorner' | 'monthViewDay' | 'monthViewDayLabel' | 'monthViewBackgroundEvent' | 'monthViewEvents';
+export declare const MonthView: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./MonthView.types").MonthViewProps, "rootRef">;
+    slots: import("./MonthView.types").MonthViewSlots;
+    emits: import("./MonthView.types").MonthViewEmits;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./MonthView.types").MonthViewStylesNames;
+    vars: import("./MonthView.types").MonthViewCssVariables;
+}>;
+export type { MonthViewCssVariables, MonthViewEmits, MonthViewFactory, MonthViewOwnProps, MonthViewOwnStylesNames, MonthViewProps, MonthViewSlots, MonthViewStylesNames, } from './MonthView.types';

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

@@ -0,0 +1,125 @@
+import type { BoxProps, Factory, ScrollAreaProps } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { BaseViewEmits, BaseViewOwnProps, EventDropData, EventSlots, ForwardedProps, NativeButtonProps } from '../../component-props';
+import type { DateLabelFormat, DateStringValue, DateTimeStringValue, DayOfWeek, ScheduleEventData } from '../../types';
+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 { MonthYearSelectEmits, MonthYearSelectProps } from '../ScheduleHeader/MonthYearSelect/MonthYearSelect.types';
+export type MonthViewOwnStylesNames = 'monthView' | 'monthViewScrollArea' | 'monthViewInner' | 'monthViewWeek' | 'monthViewDay' | 'monthViewDayLabel' | 'monthViewWeekNumber' | 'monthViewWeekday' | 'monthViewWeekdays' | 'monthViewWeekdaysCorner' | 'monthViewEvents' | 'monthViewBackgroundEvent';
+/**
+ * `MonthView` forwards `classNames` and `styles` to the components it renders, so their
+ * selectors are part of its Styles API.
+ */
+export type MonthViewStylesNames = MonthViewOwnStylesNames | MoreEventsStylesNames | ScheduleEventStylesNames | CombinedScheduleHeaderStylesNames;
+export type MonthViewCssVariables = {
+    monthView: '--month-view-radius' | '--month-view-max-events';
+};
+export type MonthViewSlots = EventSlots;
+/** Props declared by `MonthView` itself. See `MonthViewProps` for the full public type. */
+export interface MonthViewOwnProps extends BaseViewOwnProps, StylesApiProps<MonthViewFactory> {
+    /**
+     * Day the week starts on, `0` – Sunday.
+     * @default 1
+     */
+    firstDayOfWeek?: DayOfWeek;
+    /**
+     * Format of the weekday names above the grid.
+     * @default 'ddd'
+     */
+    weekdayFormat?: DateLabelFormat;
+    /**
+     * Days marked as weekend, `0` – Sunday.
+     * @default [0, 6]
+     */
+    weekendDays?: DayOfWeek[];
+    /**
+     * If set, week numbers are displayed in the first column.
+     * @default false
+     */
+    withWeekNumbers?: boolean;
+    /**
+     * If set, weekday names are displayed above the grid.
+     * @default true
+     */
+    withWeekDays?: boolean;
+    /**
+     * If set, every month renders six weeks so the grid height never changes.
+     * @default true
+     */
+    consistentWeeks?: boolean;
+    /**
+     * If set, today is highlighted.
+     * @default true
+     */
+    highlightToday?: boolean;
+    /**
+     * If set, days of the neighbouring months are rendered.
+     * @default true
+     */
+    withOutsideDays?: boolean;
+    /**
+     * Number of events shown per day before the rest collapse into a "more" control.
+     * Clamped to the `1` – `10` range.
+     * @default 2
+     */
+    maxEventsPerDay?: number;
+    /** Returns extra props for the control of the given day. */
+    getDayProps?: (date: DateStringValue) => NativeButtonProps;
+    /** Returns extra props for the control of the week that starts on the given day. */
+    getWeekNumberProps?: (weekStartDate: DateStringValue) => NativeButtonProps;
+    /**
+     * If set, events can be dragged onto another 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 day, which emits
+     * `externalEventDrop`. Enabling event drag and drop turns this on as well.
+     * @default false
+     */
+    withExternalEventDrop?: boolean;
+    /**
+     * If set, dragging across days selects a range.
+     * @default false
+     */
+    withDragSlotSelect?: boolean;
+    /** Props passed to the month/year select in the header. */
+    monthYearSelectProps?: ForwardedProps<MonthYearSelectProps, MonthYearSelectEmits>;
+    /** Props passed to the `MoreEvents` control of every day. */
+    moreEventsProps?: ForwardedProps<MoreEventsProps, MoreEventsEmits>;
+    /** Props passed to the `ScrollArea` that wraps the grid. */
+    scrollAreaProps?: ForwardedProps<ScrollAreaProps>;
+}
+export interface MonthViewProps extends Omit<BoxProps, keyof MonthViewOwnProps>, MonthViewOwnProps {
+}
+export interface MonthViewEmits extends BaseViewEmits {
+    /** Emitted when a day is clicked. */
+    dayClick: [date: DateStringValue, nativeEvent: MouseEvent];
+    /** Emitted when a week number is clicked. */
+    weekNumberClick: [date: DateStringValue, nativeEvent: MouseEvent];
+    /** Emitted when an event is dropped on another day. */
+    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 an item from outside the schedule is dropped on a day. */
+    externalEventDrop: [dataTransfer: DataTransfer, date: DateStringValue];
+    /** Emitted when a day range is selected by dragging. */
+    slotDragEnd: [rangeStart: DateTimeStringValue, rangeEnd: DateTimeStringValue];
+}
+export type MonthViewFactory = Factory<{
+    props: Omit<MonthViewProps, 'rootRef'>;
+    slots: MonthViewSlots;
+    emits: MonthViewEmits;
+    ref: HTMLDivElement;
+    element: 'div';
+    stylesNames: MonthViewStylesNames;
+    vars: MonthViewCssVariables;
+}>;

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

@@ -0,0 +1,56 @@
+import type { ScheduleEventData } from '../../types';
+import type { MonthViewOwnProps } from './MonthView.types';
+declare const defaultProps: {
+    mode: "default";
+    withHeader: true;
+    recurrenceExpansionLimit: number;
+    firstDayOfWeek: 1;
+    weekdayFormat: string;
+    weekendDays: (0 | 6)[];
+    withWeekDays: true;
+    consistentWeeks: true;
+    highlightToday: true;
+    withOutsideDays: true;
+    maxEventsPerDay: number;
+};
+/** Vertical offset of the first event row, past the day label, in px. */
+declare const EVENTS_TOP_OFFSET = 28;
+/** Vertical step between stacked event rows, in px. */
+declare const EVENT_ROW_HEIGHT = 22;
+/** Group name of the month grid for slot drag selection – a month has a single grid. */
+declare const MONTH_SLOT_GROUP = "month";
+declare const COLUMNS = 7;
+/** `maxEventsPerDay` is clamped so the CSS grid keeps a workable row height. */
+declare function clampMaxEvents(value: number): number;
+declare const varsResolver: (theme: import("@mantine-vue/core").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { defaultProps, varsResolver, clampMaxEvents, EVENTS_TOP_OFFSET, EVENT_ROW_HEIGHT, MONTH_SLOT_GROUP, COLUMNS, };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<MonthViewOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dateChange: (date: string) => any;
+    dayClick: (date: string, nativeEvent: MouseEvent) => any;
+    eventDragStart: (event: ScheduleEventData) => any;
+    eventDragEnd: () => any;
+    eventClick: (event: ScheduleEventData, nativeEvent: MouseEvent) => any;
+    viewChange: (view: import("../..").ScheduleViewLevel) => any;
+    eventDrop: (data: import("../..").EventDropData) => any;
+    slotDragEnd: (rangeStart: string, rangeEnd: string) => any;
+    externalEventDrop: (dataTransfer: DataTransfer, date: string) => any;
+    weekNumberClick: (date: string, nativeEvent: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<MonthViewOwnProps> & Readonly<{
+    onDateChange?: ((date: string) => any) | undefined;
+    onDayClick?: ((date: string, nativeEvent: MouseEvent) => any) | undefined;
+    onEventDragStart?: ((event: ScheduleEventData) => any) | undefined;
+    onEventDragEnd?: (() => any) | undefined;
+    onEventClick?: ((event: ScheduleEventData, nativeEvent: MouseEvent) => any) | undefined;
+    onViewChange?: ((view: import("../..").ScheduleViewLevel) => any) | undefined;
+    onEventDrop?: ((data: import("../..").EventDropData) => any) | undefined;
+    onSlotDragEnd?: ((rangeStart: string, rangeEnd: string) => any) | undefined;
+    onExternalEventDrop?: ((dataTransfer: DataTransfer, date: string) => any) | undefined;
+    onWeekNumberClick?: ((date: string, nativeEvent: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, import("../..").EventSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/MoreEvents/MoreEvents.d.ts

@@ -1,65 +1,9 @@
-import { type PropType, type SlotsType } from 'vue';
-import { type ScheduleLabelsOverride } from '../../labels';
-import type { MoreEventsDropdownType, MoreEventsProps, RenderEvent, RenderEventBody } from '../../component-props';
-import type { ScheduleEventData, ScheduleMode } from '../../types';
-import { type EventSlots } from '../shared';
-export declare const MoreEvents: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    events: {
-        type: PropType<ScheduleEventData[]>;
-        required: true;
-    };
-    moreEventsCount: {
-        type: NumberConstructor;
-        required: true;
-    };
-    radius: PropType<string | number>;
-    modalTitle: StringConstructor;
-    dropdownType: {
-        type: PropType<MoreEventsDropdownType>;
-        default: string;
-    };
-    popoverProps: PropType<Record<string, unknown>>;
-    modalProps: PropType<Record<string, unknown>>;
-    onDropdownClose: PropType<() => void>;
-    renderEventBody: PropType<RenderEventBody>;
-    renderEvent: PropType<RenderEvent>;
-    labels: PropType<ScheduleLabelsOverride>;
-    mode: {
-        type: PropType<ScheduleMode>;
-        default: string;
-    };
-    onEventClick: PropType<(event: ScheduleEventData, nativeEvent: MouseEvent) => void>;
-}>, () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> | null)[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    events: {
-        type: PropType<ScheduleEventData[]>;
-        required: true;
-    };
-    moreEventsCount: {
-        type: NumberConstructor;
-        required: true;
-    };
-    radius: PropType<string | number>;
-    modalTitle: StringConstructor;
-    dropdownType: {
-        type: PropType<MoreEventsDropdownType>;
-        default: string;
-    };
-    popoverProps: PropType<Record<string, unknown>>;
-    modalProps: PropType<Record<string, unknown>>;
-    onDropdownClose: PropType<() => void>;
-    renderEventBody: PropType<RenderEventBody>;
-    renderEvent: PropType<RenderEvent>;
-    labels: PropType<ScheduleLabelsOverride>;
-    mode: {
-        type: PropType<ScheduleMode>;
-        default: string;
-    };
-    onEventClick: PropType<(event: ScheduleEventData, nativeEvent: MouseEvent) => void>;
-}>> & Readonly<{}>, {
-    mode: ScheduleMode;
-    dropdownType: MoreEventsDropdownType;
-}, SlotsType<EventSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export type { MoreEventsDropdownType, MoreEventsProps };
-export type MoreEventsStylesNames = 'moreEventsButton' | 'moreEventsDropdown' | 'moreEventsList';
+export declare const MoreEvents: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./MoreEvents.types").MoreEventsProps, "rootRef">;
+    slots: import("./MoreEvents.types").MoreEventsSlots;
+    emits: import("./MoreEvents.types").MoreEventsEmits;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./MoreEvents.types").MoreEventsStylesNames;
+}>;
+export type { MoreEventsDropdownType, MoreEventsEmits, MoreEventsFactory, MoreEventsOwnProps, MoreEventsProps, MoreEventsSlots, MoreEventsStylesNames, } from './MoreEvents.types';

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

@@ -0,0 +1,62 @@
+import type { BoxProps, Factory, ModalProps, PopoverProps } from '@mantine-vue/core';
+import type { StylesApiProps } from '@mantine-vue/core/styles-api';
+import type { EventSlots, ForwardedProps, RenderEvent, RenderEventBody } from '../../component-props';
+import type { ScheduleLabelsOverride } from '../../labels';
+import type { ScheduleEventData, ScheduleMode } from '../../types';
+export type MoreEventsStylesNames = 'moreEventsButton' | 'moreEventsDropdown' | 'moreEventsList';
+/** How the hidden events are revealed. */
+export type MoreEventsDropdownType = 'popover' | 'modal';
+export type MoreEventsSlots = EventSlots;
+/** Props declared by `MoreEvents` itself. See `MoreEventsProps` for the full public type. */
+export interface MoreEventsOwnProps extends StylesApiProps<MoreEventsFactory> {
+    /** Events listed in the dropdown. */
+    events: ScheduleEventData[];
+    /** Number of events hidden behind the control, used to build its label. */
+    moreEventsCount: number;
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`. */
+    radius?: string | number;
+    /** Title of the modal, used only when `dropdownType` is `modal`. */
+    modalTitle?: string;
+    /**
+     * Whether the hidden events open in a popover or in a modal.
+     * @default 'popover'
+     */
+    dropdownType?: MoreEventsDropdownType;
+    /** Props passed to the underlying `Popover`. */
+    popoverProps?: ForwardedProps<PopoverProps>;
+    /** Props passed to the underlying `Modal`. */
+    modalProps?: ForwardedProps<ModalProps>;
+    /**
+     * Replaces the body of every listed event. Can also be set with the `eventBody` slot,
+     * which takes precedence over the prop.
+     */
+    renderEventBody?: RenderEventBody;
+    /**
+     * Replaces every listed event entirely. Can also be set with the `event` slot,
+     * which takes precedence over the prop.
+     */
+    renderEvent?: RenderEvent;
+    /** Label overrides, used for the control text and accessible names. */
+    labels?: ScheduleLabelsOverride;
+    /**
+     * Interaction mode. `static` keeps the control visible but non-interactive.
+     * @default 'default'
+     */
+    mode?: ScheduleMode;
+}
+export interface MoreEventsProps extends Omit<BoxProps, keyof MoreEventsOwnProps>, MoreEventsOwnProps {
+}
+export interface MoreEventsEmits {
+    /** Emitted when the dropdown closes. */
+    dropdownClose: [];
+    /** Emitted when a listed event is clicked. */
+    eventClick: [event: ScheduleEventData, nativeEvent: MouseEvent];
+}
+export type MoreEventsFactory = Factory<{
+    props: Omit<MoreEventsProps, 'rootRef'>;
+    slots: MoreEventsSlots;
+    emits: MoreEventsEmits;
+    ref: HTMLButtonElement;
+    element: 'button';
+    stylesNames: MoreEventsStylesNames;
+}>;