@mantine-vue/schedule 3.0.0 → 3.2.0

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

@@ -1,412 +1,10 @@
-import { type CSSProperties, type PropType, type SlotsType, type VNodeChild } from 'vue';
-import type { EventDropData, NativeButtonProps, RenderEvent, RenderEventBody, ViewSelectProps } from '../../component-props';
-import { type ScheduleLabelsOverride } from '../../labels';
-import type { AnyDateValue, DateLabelFormat, DateStringValue, DateTimeStringValue, DayOfWeek, ScheduleEventData, ScheduleMode, ScheduleResourceData, ScheduleResourceGroup, ScheduleViewLevel } from '../../types';
-import type { ResourceViewDropData } from '../ResourcesDayView/ResourcesDayView';
-import classes from './ResourcesWeekView.module.css';
-export interface ResourcesWeekViewProps {
-    date: Date | string;
-    onDateChange?: (value: DateStringValue) => void;
-    resources: ScheduleResourceData[];
-    startTime?: string;
-    endTime?: string;
-    intervalMinutes?: number;
-    slotLabelFormat?: DateLabelFormat;
-    radius?: string | number;
-    startScrollDateTime?: string;
-    scrollAreaProps?: Record<string, unknown>;
-    locale?: string;
-    withCurrentTimeIndicator?: boolean;
-    withCurrentTimeBubble?: boolean;
-    getCurrentTime?: () => AnyDateValue;
-    withHeader?: boolean;
-    onViewChange?: (view: ScheduleViewLevel) => void;
-    previousControlProps?: NativeButtonProps;
-    nextControlProps?: NativeButtonProps;
-    todayControlProps?: NativeButtonProps;
-    viewSelectProps?: Partial<ViewSelectProps>;
-    weekLabelFormat?: DateLabelFormat;
-    renderWeekLabel?: (params: {
-        weekStart: DateStringValue;
-        weekEnd: DateStringValue;
-    }) => VNodeChild;
-    events?: ScheduleEventData[];
-    slotWidth?: CSSProperties['width'];
-    rowHeight?: CSSProperties['height'];
-    labels?: ScheduleLabelsOverride;
-    highlightBusinessHours?: boolean;
-    businessHours?: [string, string];
-    renderEventBody?: RenderEventBody;
-    renderEvent?: RenderEvent;
-    renderResourceLabel?: (resource: ScheduleResourceData) => VNodeChild;
-    groups?: ScheduleResourceGroup[];
-    renderGroupLabel?: (group: ScheduleResourceGroup) => VNodeChild;
-    groupLabelWidth?: CSSProperties['width'];
-    withEventsDragAndDrop?: boolean;
-    onEventDrop?: (data: ResourceViewDropData) => void;
-    canDragEvent?: (event: ScheduleEventData) => boolean;
-    onEventDragStart?: (event: ScheduleEventData) => void;
-    onEventDragEnd?: () => void;
-    onTimeSlotClick?: (data: {
-        slotStart: DateTimeStringValue;
-        slotEnd: DateTimeStringValue;
-        nativeEvent: MouseEvent;
-        resourceId?: string | number;
-    }) => void;
-    onEventClick?: (event: ScheduleEventData, nativeEvent: MouseEvent) => void;
-    withDragSlotSelect?: boolean;
-    onSlotDragEnd?: (data: {
-        rangeStart: DateTimeStringValue;
-        rangeEnd: DateTimeStringValue;
-        resourceId?: string | number;
-    }) => void;
-    mode?: ScheduleMode;
-    onExternalEventDrop?: (data: {
-        dataTransfer: DataTransfer;
-        dropDateTime: DateTimeStringValue;
-        resourceId?: string | number;
-    }) => void;
-    withEventResize?: boolean;
-    onEventResize?: (data: EventDropData) => void;
-    canResizeEvent?: (event: ScheduleEventData) => boolean;
-    recurrenceExpansionLimit?: number;
-    maxEventsPerTimeSlot?: number;
-    moreEventsProps?: Record<string, unknown>;
-    firstDayOfWeek?: DayOfWeek;
-    weekendDays?: DayOfWeek[];
-    withWeekendDays?: boolean;
-    weekdayFormat?: DateLabelFormat;
-    highlightToday?: boolean;
-}
-export interface ResourcesWeekViewSlots {
-    header?: (props: {
-        weekStart: DateStringValue;
-        weekEnd: DateStringValue;
-        label: VNodeChild;
-    }) => VNodeChild;
-    corner?: (props: {
-        resources: ScheduleResourceData[];
-    }) => VNodeChild;
-    dayLabel?: (props: {
-        date: DateStringValue;
-        label: VNodeChild;
-    }) => VNodeChild;
-    timeLabel?: (props: {
-        date: DateStringValue;
-        label: VNodeChild;
-        startTime: string;
-        endTime: string;
-    }) => VNodeChild;
-    resourceLabel?: (props: {
-        resource: ScheduleResourceData;
-    }) => VNodeChild;
-    groupLabel?: (props: {
-        group: ScheduleResourceGroup;
-    }) => VNodeChild;
-    timeSlot?: (props: {
-        resource: ScheduleResourceData;
-        date: DateStringValue;
-        startTime: string;
-        endTime: string;
-    }) => VNodeChild;
-    backgroundEvent?: (props: {
-        event: ScheduleEventData;
-        date: DateStringValue;
-    }) => VNodeChild;
-    allDayEvent?: (props: {
-        event: ScheduleEventData;
-        startDayIndex: number;
-        endDayIndex: number;
-    }) => VNodeChild;
-    eventBody?: (props: {
-        event: ScheduleEventData;
-    }) => VNodeChild;
-    event?: (props: Record<string, unknown> & {
-        event: ScheduleEventData;
-    }) => VNodeChild;
-    moreEvents?: (props: {
-        events: ScheduleEventData[];
-        hiddenCount: number;
-        date: DateStringValue;
-    }) => VNodeChild;
-    currentTimeIndicator?: (props: {
-        time: VNodeChild;
-        offset: number;
-        date: DateStringValue;
-    }) => VNodeChild;
-}
-export declare const ResourcesWeekView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    date: {
-        type: PropType<Date | string>;
-        required: true;
-    };
-    onDateChange: PropType<ResourcesWeekViewProps["onDateChange"]>;
-    resources: {
-        type: PropType<ScheduleResourceData[]>;
-        required: true;
-    };
-    startTime: {
-        type: StringConstructor;
-        default: string;
-    };
-    endTime: {
-        type: StringConstructor;
-        default: string;
-    };
-    intervalMinutes: {
-        type: NumberConstructor;
-        default: number;
-    };
-    slotLabelFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    radius: PropType<string | number>;
-    startScrollDateTime: StringConstructor;
-    scrollAreaProps: PropType<Record<string, unknown>>;
-    locale: StringConstructor;
-    withCurrentTimeIndicator: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    withCurrentTimeBubble: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    getCurrentTime: PropType<() => AnyDateValue>;
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onViewChange: PropType<ResourcesWeekViewProps["onViewChange"]>;
-    previousControlProps: PropType<NativeButtonProps>;
-    nextControlProps: PropType<NativeButtonProps>;
-    todayControlProps: PropType<NativeButtonProps>;
-    viewSelectProps: PropType<Partial<ViewSelectProps>>;
-    weekLabelFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    renderWeekLabel: PropType<ResourcesWeekViewProps["renderWeekLabel"]>;
-    events: PropType<ScheduleEventData[]>;
-    slotWidth: {
-        type: PropType<CSSProperties["width"]>;
-        default: number;
-    };
-    rowHeight: {
-        type: PropType<CSSProperties["height"]>;
-        default: number;
-    };
-    labels: PropType<ScheduleLabelsOverride>;
-    highlightBusinessHours: BooleanConstructor;
-    businessHours: {
-        type: PropType<[string, string]>;
-        default: () => string[];
-    };
-    renderEventBody: PropType<RenderEventBody>;
-    renderEvent: PropType<RenderEvent>;
-    renderResourceLabel: PropType<ResourcesWeekViewProps["renderResourceLabel"]>;
-    groups: PropType<ScheduleResourceGroup[]>;
-    renderGroupLabel: PropType<ResourcesWeekViewProps["renderGroupLabel"]>;
-    groupLabelWidth: {
-        type: PropType<CSSProperties["width"]>;
-        default: number;
-    };
-    withEventsDragAndDrop: BooleanConstructor;
-    onEventDrop: PropType<ResourcesWeekViewProps["onEventDrop"]>;
-    canDragEvent: PropType<ResourcesWeekViewProps["canDragEvent"]>;
-    onEventDragStart: PropType<ResourcesWeekViewProps["onEventDragStart"]>;
-    onEventDragEnd: PropType<ResourcesWeekViewProps["onEventDragEnd"]>;
-    onTimeSlotClick: PropType<ResourcesWeekViewProps["onTimeSlotClick"]>;
-    onEventClick: PropType<ResourcesWeekViewProps["onEventClick"]>;
-    withDragSlotSelect: BooleanConstructor;
-    onSlotDragEnd: PropType<ResourcesWeekViewProps["onSlotDragEnd"]>;
-    mode: {
-        type: PropType<ScheduleMode>;
-        default: string;
-    };
-    onExternalEventDrop: PropType<ResourcesWeekViewProps["onExternalEventDrop"]>;
-    withEventResize: BooleanConstructor;
-    onEventResize: PropType<ResourcesWeekViewProps["onEventResize"]>;
-    canResizeEvent: PropType<ResourcesWeekViewProps["canResizeEvent"]>;
-    recurrenceExpansionLimit: {
-        type: NumberConstructor;
-        default: number;
-    };
-    maxEventsPerTimeSlot: {
-        type: NumberConstructor;
-        default: number;
-    };
-    moreEventsProps: PropType<Record<string, unknown>>;
-    firstDayOfWeek: {
-        type: PropType<DayOfWeek>;
-        default: number;
-    };
-    weekendDays: {
-        type: PropType<DayOfWeek[]>;
-        default: () => number[];
-    };
-    withWeekendDays: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    weekdayFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    highlightToday: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, () => 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: {
-        type: PropType<Date | string>;
-        required: true;
-    };
-    onDateChange: PropType<ResourcesWeekViewProps["onDateChange"]>;
-    resources: {
-        type: PropType<ScheduleResourceData[]>;
-        required: true;
-    };
-    startTime: {
-        type: StringConstructor;
-        default: string;
-    };
-    endTime: {
-        type: StringConstructor;
-        default: string;
-    };
-    intervalMinutes: {
-        type: NumberConstructor;
-        default: number;
-    };
-    slotLabelFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    radius: PropType<string | number>;
-    startScrollDateTime: StringConstructor;
-    scrollAreaProps: PropType<Record<string, unknown>>;
-    locale: StringConstructor;
-    withCurrentTimeIndicator: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    withCurrentTimeBubble: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    getCurrentTime: PropType<() => AnyDateValue>;
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onViewChange: PropType<ResourcesWeekViewProps["onViewChange"]>;
-    previousControlProps: PropType<NativeButtonProps>;
-    nextControlProps: PropType<NativeButtonProps>;
-    todayControlProps: PropType<NativeButtonProps>;
-    viewSelectProps: PropType<Partial<ViewSelectProps>>;
-    weekLabelFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    renderWeekLabel: PropType<ResourcesWeekViewProps["renderWeekLabel"]>;
-    events: PropType<ScheduleEventData[]>;
-    slotWidth: {
-        type: PropType<CSSProperties["width"]>;
-        default: number;
-    };
-    rowHeight: {
-        type: PropType<CSSProperties["height"]>;
-        default: number;
-    };
-    labels: PropType<ScheduleLabelsOverride>;
-    highlightBusinessHours: BooleanConstructor;
-    businessHours: {
-        type: PropType<[string, string]>;
-        default: () => string[];
-    };
-    renderEventBody: PropType<RenderEventBody>;
-    renderEvent: PropType<RenderEvent>;
-    renderResourceLabel: PropType<ResourcesWeekViewProps["renderResourceLabel"]>;
-    groups: PropType<ScheduleResourceGroup[]>;
-    renderGroupLabel: PropType<ResourcesWeekViewProps["renderGroupLabel"]>;
-    groupLabelWidth: {
-        type: PropType<CSSProperties["width"]>;
-        default: number;
-    };
-    withEventsDragAndDrop: BooleanConstructor;
-    onEventDrop: PropType<ResourcesWeekViewProps["onEventDrop"]>;
-    canDragEvent: PropType<ResourcesWeekViewProps["canDragEvent"]>;
-    onEventDragStart: PropType<ResourcesWeekViewProps["onEventDragStart"]>;
-    onEventDragEnd: PropType<ResourcesWeekViewProps["onEventDragEnd"]>;
-    onTimeSlotClick: PropType<ResourcesWeekViewProps["onTimeSlotClick"]>;
-    onEventClick: PropType<ResourcesWeekViewProps["onEventClick"]>;
-    withDragSlotSelect: BooleanConstructor;
-    onSlotDragEnd: PropType<ResourcesWeekViewProps["onSlotDragEnd"]>;
-    mode: {
-        type: PropType<ScheduleMode>;
-        default: string;
-    };
-    onExternalEventDrop: PropType<ResourcesWeekViewProps["onExternalEventDrop"]>;
-    withEventResize: BooleanConstructor;
-    onEventResize: PropType<ResourcesWeekViewProps["onEventResize"]>;
-    canResizeEvent: PropType<ResourcesWeekViewProps["canResizeEvent"]>;
-    recurrenceExpansionLimit: {
-        type: NumberConstructor;
-        default: number;
-    };
-    maxEventsPerTimeSlot: {
-        type: NumberConstructor;
-        default: number;
-    };
-    moreEventsProps: PropType<Record<string, unknown>>;
-    firstDayOfWeek: {
-        type: PropType<DayOfWeek>;
-        default: number;
-    };
-    weekendDays: {
-        type: PropType<DayOfWeek[]>;
-        default: () => number[];
-    };
-    withWeekendDays: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    weekdayFormat: {
-        type: PropType<DateLabelFormat>;
-        default: string;
-    };
-    highlightToday: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    mode: ScheduleMode;
-    firstDayOfWeek: DayOfWeek;
-    weekendDays: DayOfWeek[];
-    highlightToday: boolean;
-    weekdayFormat: DateLabelFormat;
-    startTime: string;
-    endTime: string;
-    intervalMinutes: number;
-    withWeekendDays: boolean;
-    businessHours: [string, string];
-    highlightBusinessHours: boolean;
-    withHeader: boolean;
-    recurrenceExpansionLimit: number;
-    withEventsDragAndDrop: boolean;
-    withDragSlotSelect: boolean;
-    withEventResize: boolean;
-    slotLabelFormat: DateLabelFormat;
-    withCurrentTimeIndicator: boolean;
-    withCurrentTimeBubble: boolean;
-    weekLabelFormat: DateLabelFormat;
-    slotWidth: import("csstype").Property.Width<string | number> | undefined;
-    rowHeight: import("csstype").Property.Height<string | number> | undefined;
-    groupLabelWidth: import("csstype").Property.Width<string | number> | undefined;
-    maxEventsPerTimeSlot: number;
-}, SlotsType<ResourcesWeekViewSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export type ResourcesWeekViewStylesNames = keyof typeof classes;
+export declare const ResourcesWeekView: import("@mantine-vue/core").MantineComponent<{
+    props: Omit<import("./ResourcesWeekView.types").ResourcesWeekViewProps, "rootRef">;
+    slots: import("./ResourcesWeekView.types").ResourcesWeekViewSlots;
+    emits: import("./ResourcesWeekView.types").ResourcesWeekViewEmits;
+    ref: HTMLDivElement;
+    element: "div";
+    stylesNames: import("./ResourcesWeekView.types").ResourcesWeekViewStylesNames;
+    vars: import("./ResourcesWeekView.types").ResourcesWeekViewCssVariables;
+}>;
+export type { ResourcesWeekViewCssVariables, ResourcesWeekViewEmits, ResourcesWeekViewFactory, ResourcesWeekViewOwnProps, ResourcesWeekViewOwnStylesNames, ResourcesWeekViewProps, ResourcesWeekViewSlots, ResourcesWeekViewStylesNames, } from './ResourcesWeekView.types';