ud-components 0.5.22 → 0.5.24

package/lib/calendar/calendar.component.d.ts

@@ -1,5 +1,5 @@
 import { OnDestroy, TemplateRef } from '@angular/core';
-import { CalendarMode, CalendarSlot, CalendarUser, CalendarView } from './calendar.interface';
+import { CalendarMode, CalendarSlot, CalendarUser, CalendarView, RescheduleContext } from './calendar.interface';
 import * as i0 from "@angular/core";
 export declare class CalendarComponent implements OnDestroy {
     slots: import("@angular/core").InputSignal<CalendarSlot[]>;
@@ -35,6 +35,19 @@ export declare class CalendarComponent implements OnDestroy {
      * or deep links that should land on a specific day.
      */
     defaultDate: import("@angular/core").InputSignal<Date | null>;
+    /**
+     * When set, the "Add slot" modal flips into reschedule mode:
+     *   • title becomes "Move appointment"
+     *   • a lede shows the original time being moved away from
+     *   • the user picker auto-selects the lone bookable user (or `userId` if
+     *     provided) so the admin doesn't have to choose from a list of one
+     *   • Booked defaults to true (a reschedule keeps a booking, not a fresh slot)
+     *   • the confirm button reads "Reschedule" instead of "Save"
+     *
+     * The wire-level event is still `slotAdded` — consumers route it to their
+     * reschedule API based on their own context (no extra output needed).
+     */
+    rescheduleContext: import("@angular/core").InputSignal<RescheduleContext | null>;
     slotAdded: import("@angular/core").OutputEmitterRef<CalendarSlot>;
     slotUpdated: import("@angular/core").OutputEmitterRef<CalendarSlot>;
     slotRemoved: import("@angular/core").OutputEmitterRef<string>;
@@ -108,6 +121,12 @@ export declare class CalendarComponent implements OnDestroy {
     slotTextColor(slot: CalendarSlot): string;
     slotBorderColor(slot: CalendarSlot): string;
     formatSlotTime(slot: CalendarSlot): string;
+    /**
+     * Pretty range like "Mon Jun 8 · 2:00 – 2:30 PM". Used by reschedule-mode's
+     * "Moving from …" lede so the admin sees where the appointment is coming
+     * from while picking the new time.
+     */
+    private formatMomentRange;
     isToday(day: Date): boolean;
     isCurrentMonth(day: Date): boolean;
     dayLabel(day: Date): string;
@@ -148,5 +167,5 @@ export declare class CalendarComponent implements OnDestroy {
     private formatTime;
     private hexToRgba;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "ud-calendar", never, { "slots": { "alias": "slots"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "defaultView": { "alias": "defaultView"; "required": false; "isSignal": true; }; "slotDuration": { "alias": "slotDuration"; "required": false; "isSignal": true; }; "minHour": { "alias": "minHour"; "required": false; "isSignal": true; }; "maxHour": { "alias": "maxHour"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "bookableUsers": { "alias": "bookableUsers"; "required": false; "isSignal": true; }; "minSlotStart": { "alias": "minSlotStart"; "required": false; "isSignal": true; }; "defaultDate": { "alias": "defaultDate"; "required": false; "isSignal": true; }; }, { "slotAdded": "slotAdded"; "slotUpdated": "slotUpdated"; "slotRemoved": "slotRemoved"; "slotBooked": "slotBooked"; "slotBlocked": "slotBlocked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "ud-calendar", never, { "slots": { "alias": "slots"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "defaultView": { "alias": "defaultView"; "required": false; "isSignal": true; }; "slotDuration": { "alias": "slotDuration"; "required": false; "isSignal": true; }; "minHour": { "alias": "minHour"; "required": false; "isSignal": true; }; "maxHour": { "alias": "maxHour"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "bookableUsers": { "alias": "bookableUsers"; "required": false; "isSignal": true; }; "minSlotStart": { "alias": "minSlotStart"; "required": false; "isSignal": true; }; "defaultDate": { "alias": "defaultDate"; "required": false; "isSignal": true; }; "rescheduleContext": { "alias": "rescheduleContext"; "required": false; "isSignal": true; }; }, { "slotAdded": "slotAdded"; "slotUpdated": "slotUpdated"; "slotRemoved": "slotRemoved"; "slotBooked": "slotBooked"; "slotBlocked": "slotBlocked"; }, never, never, true, never>;
 }

package/lib/calendar/calendar.interface.d.ts

@@ -19,6 +19,34 @@ export interface CalendarUser {
 }
 export type CalendarView = 'week' | 'month' | 'day';
 export type CalendarMode = 'admin' | 'student' | 'readonly';
+/**
+ * Context the host supplies when the calendar should be used to *move* an
+ * existing booking instead of creating a new one. When set on
+ * `<ud-calendar [rescheduleContext]>`, the add-slot modal flips into
+ * "move appointment" mode (title, lede, save label, defaults).
+ *
+ * The component does not call any reschedule API itself — it still emits
+ * `slotAdded` with the picked slot and the host decides whether to POST a
+ * new booking or PUT a reschedule.
+ */
+export interface RescheduleContext {
+    /** The current appointment's start, used in the modal's "Moving from …" lede. */
+    originalStart: Date;
+    /** The current appointment's end — paired with `originalStart` for the label. */
+    originalEnd: Date;
+    /**
+     * Optional id of the user the appointment belongs to. When provided, the
+     * add-slot modal pre-selects this user in the `bookableUsers` picker so the
+     * admin doesn't have to choose from a list of one.
+     */
+    userId?: string;
+    /**
+     * Optional pre-filled value for the modal's Title field. Hosts typically
+     * pass something like `"appointment with Alice Chen"` so the admin doesn't
+     * retype it when moving an existing booking.
+     */
+    defaultTitle?: string;
+}
 /**
  * Curated slot colours. Assign one to `CalendarSlot.color` for a consistent,
  * on-brand palette instead of hand-picking hex values — the calendar tints these

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ud-components",
-  "version": "0.5.22",
+  "version": "0.5.24",
   "peerDependencies": {
     "@angular/cdk": ">=19",
     "@angular/common": ">=19",