🤖 Merge PR DefinitelyTyped#74798 [@event-calendar/core]Added new methods and options up to version 5.5 by @tmpie

Author: tmpie

types/event-calendar__core/event-calendar__core-tests.ts

@@ -47,6 +47,7 @@ cal.removeEventById(345)
         end: new Date(Date.now() + 2 * 60 * 60 * 1000),
     });
 cal.refetchEvents();
+cal.refetchResources();
 cal.dateFromPoint(0, 0);
 cal.getView();
 cal.next();
@@ -136,6 +137,7 @@ cal = createCalendar(target, plugins, {
             click: () => undefined,
         },
     },
+    customScrollbars: true,
     date: "1997-04-12",
     dateClick: (_info: Calendar.DateClickInfo) => {},
     datesAboveResources: false,
@@ -205,18 +207,22 @@ cal = createCalendar(target, plugins, {
     height: "100%",
     hiddenDays: [2],
     highlightedDates: ["2024-01-01", new Date()],
+    icons: { collapse: { html: "−" }, expand: { html: "+" } },
     lazyFetching: true,
     listDayFormat: dateFormat,
     listDaySideFormat: dateFormat,
     loading: (_isLoading: boolean) => {},
     locale: "en-US",
     longPressDelay: 100,
+    monthHeaderFormat: { month: "long" },
     moreLinkContent: "content",
     noEventsClick: (_info: Calendar.NoEventsClickInfo) => {},
     noEventsContent: "content",
     nowIndicator: true,
     pointer: true,
+    refetchResourcesOnNavigate: true,
     resizeConstraint: (_info: Calendar.EventResizeInfo) => true,
+    resourceExpand: (_info: Calendar.ResourceExpandInfo) => {},
     resources: [{ id: "foo" }, { id: "bar", extendedProps: { fred: "barney" } }],
     resourceLabelContent: "content",
     resourceLabelDidMount: (_info: Calendar.ResourceDidMountInfo) => {},
@@ -237,6 +243,7 @@ cal = createCalendar(target, plugins, {
     slotMinTime: 300,
     slotMaxTime: "04:00:00",
     slotWidth: 100,
+    snapDuration: 200,
     theme: defaultTheme,
     titleFormat: dateFormat,
     unselect: (_info: Calendar.UnselectInfo) => {},
@@ -275,8 +282,10 @@ cal.setOption("buttonText", () => {
     })
     .setOption("eventTimeFormat", (_start: Date, _end: Date) => "content")
     .setOption("flexibleSlotTimeLimits", { eventFilter: (_ev: Calendar.Event) => false })
+    .setOption("icons", (_icons: Calendar.Icons) => ({ expand: "content" }))
     .setOption("listDayFormat", (_d: Date) => "content")
     .setOption("listDaySideFormat", (_d: Date) => "content")
+    .setOption("monthHeaderFormat", (_date: Date) => "content")
     .setOption("moreLinkContent", (_info: Calendar.MoreLinkInfo) => "content")
     .setOption("noEventsContent", () => "content")
     .setOption("resourceLabelContent", (_info: Calendar.ResourceLabelInfo) => "content")

types/event-calendar__core/index.d.ts

@@ -27,6 +27,7 @@ export interface Calendar {
     removeEventById(id: number | string): Calendar;
     updateEvent(event: Calendar.Event | Calendar.EventInput): Calendar;
     refetchEvents(): Calendar;
+    refetchResources(): Calendar;
     dateFromPoint(x: number, y: number): Calendar.DateClickInfo | null;
     getView(): Calendar.View;
     next(): Calendar;
@@ -59,6 +60,10 @@ export namespace Calendar {
         [key: string]: CustomButton;
     }
 
+    interface Icons {
+        [key: string]: Content;
+    }
+
     interface View {
         type: string;
         title: string;
@@ -224,6 +229,12 @@ export namespace Calendar {
         view: View;
     }
 
+    interface ResourceExpandInfo {
+        resource: Resource;
+        jsEvent: DomEvent;
+        view: View;
+    }
+
     interface ResourceLabelInfo {
         resource: Resource;
         date: Date;
@@ -312,6 +323,7 @@ export namespace Calendar {
         buttonText?: ButtonTextMapping | ((text: ButtonTextMapping) => ButtonTextMapping);
         columnWidth?: cssLength;
         customButtons?: CustomButtons | ((customButtons: CustomButtons) => CustomButtons);
+        customScrollbars?: boolean;
         date?: Date | string | undefined;
         dateClick?: (info: DateClickInfo) => void;
         datesAboveResources?: boolean;
@@ -364,18 +376,22 @@ export namespace Calendar {
         height?: string;
         hiddenDays?: dayOfWeek[];
         highlightedDates?: Array<isoDateString | Date>;
+        icons?: Icons | ((icons: Icons) => Icons);
         lazyFetching?: boolean;
         listDayFormat?: Intl.DateTimeFormatOptions | ((d: Date) => Content);
         listDaySideFormat?: Intl.DateTimeFormatOptions | ((d: Date) => Content);
         loading?: (isLoading: boolean) => void;
         locale?: string;
         longPressDelay?: number;
+        monthHeaderFormat?: Intl.DateTimeFormatOptions | ((date: Date) => Content);
         moreLinkContent?: Content | ((info: MoreLinkInfo) => Content);
         noEventsClick?: (info: NoEventsClickInfo) => void;
         noEventsContent?: Content | (() => Content);
         nowIndicator?: boolean;
         pointer?: boolean;
+        refetchResourcesOnNavigate?: boolean;
         resizeConstraint?: (info: EventResizeInfo) => boolean;
+        resourceExpand?: (info: ResourceExpandInfo) => void;
         resources?: ResourceInput[];
         resourceLabelContent?: Content | ((info: ResourceLabelInfo) => Content);
         resourceLabelDidMount?: (info: ResourceDidMountInfo) => void;
@@ -394,6 +410,7 @@ export namespace Calendar {
         slotMaxTime?: DurationInput;
         slotMinTime?: DurationInput;
         slotWidth?: number;
+        snapDuration?: DurationInput;
         theme?: Theme | ((theme: Theme) => Theme);
         titleFormat?: Intl.DateTimeFormatOptions | ((start: Date, end: Date) => Content);
         unselect?: (info: UnselectInfo) => void;

types/event-calendar__core/package.json

@@ -2,7 +2,7 @@
     "private": true,
     "type": "module",
     "name": "@types/event-calendar__core",
-    "version": "5.0.9999",
+    "version": "5.5.9999",
     "projects": [
         "https://vkurko.github.io/calendar/"
     ],