@nxgt/material 3.43.0 → 3.45.0

package/dist/lib/components/ui/widgets/event-calendar/use-event-calendar.d.ts

@@ -1,25 +1,6 @@
-import { CalendarEvent, EventCalendarChange, EventCalendarDensity, EventCalendarView } from './types.js';
-type WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6;
-export declare function useEventCalendar({ events, defaultEvents, onEventsChange, onChange, view: viewProp, defaultView, onViewChange, date: dateProp, defaultDate, onDateChange, disabled, startHour, endHour, hourHeight: hourHeightProp, slotDurationMinutes, weekStartsOn, density, now, }: {
-    events?: CalendarEvent[];
-    defaultEvents?: CalendarEvent[];
-    onEventsChange?: (events: CalendarEvent[]) => void;
-    onChange?: (change: EventCalendarChange) => void;
-    view?: EventCalendarView;
-    defaultView?: EventCalendarView;
-    onViewChange?: (view: EventCalendarView) => void;
-    date?: string;
-    defaultDate?: string;
-    onDateChange?: (date: string) => void;
-    disabled?: boolean;
-    startHour?: number;
-    endHour?: number;
-    hourHeight?: number;
-    slotDurationMinutes?: number;
-    weekStartsOn?: WeekStart;
-    density?: EventCalendarDensity;
-    now?: Date;
-}): {
+import { CalendarEvent, EventCalendarProps, EventCalendarView } from './types.js';
+export type UseEventCalendarOptions = Pick<EventCalendarProps, 'events' | 'defaultEvents' | 'onEventsChange' | 'onChange' | 'view' | 'defaultView' | 'onViewChange' | 'date' | 'defaultDate' | 'onDateChange' | 'disabled' | 'startHour' | 'endHour' | 'hourHeight' | 'slotDurationMinutes' | 'weekStartsOn' | 'density' | 'now' | 'resources' | 'timeZone'>;
+export declare function useEventCalendar(options: UseEventCalendarOptions): {
     events: CalendarEvent[];
     eventsById: Map<string, CalendarEvent>;
     view: EventCalendarView;
@@ -31,6 +12,7 @@ export declare function useEventCalendar({ events, defaultEvents, onEventsChange
         setQuery: (payload: string) => void;
         setDirection: (payload: 0 | 1 | -1) => void;
         requestDayFocus: (payload: boolean) => void;
+        setResourceId: (payload: string | null) => void;
         pickView: (noArgument?: void | undefined) => void;
     };
     disabled: boolean;
@@ -38,10 +20,13 @@ export declare function useEventCalendar({ events, defaultEvents, onEventsChange
     endHour: number;
     hourHeight: number;
     slotDurationMinutes: number;
-    weekStartsOn: WeekStart | undefined;
-    density: EventCalendarDensity;
+    weekStartsOn: 0 | 1 | 3 | 2 | 5 | 6 | 4 | undefined;
+    density: import('./types.js').EventCalendarDensity;
     now: Date | undefined;
     today: Date;
+    zone: string | undefined;
+    resources: import('./types.js').EventCalendarResource[] | undefined;
+    project: (event: CalendarEvent) => CalendarEvent;
     setView: (next: EventCalendarView) => void;
     setCursor: (next: string) => void;
     goToday: () => void;
@@ -51,4 +36,3 @@ export declare function useEventCalendar({ events, defaultEvents, onEventsChange
     removeEvent: (id: string) => void;
 };
 export type EventCalendarModel = ReturnType<typeof useEventCalendar>;
-export {};

package/dist/lib/components/ui/widgets/event-calendar/use-event-list.d.ts

@@ -0,0 +1,18 @@
+import { CalendarEvent, EventCalendarChange } from './types.js';
+/**
+ * The events, controlled or not, and the two ways to change them: a replaced
+ * event reports the change (`onChange`) and the new list (`onEventsChange`);
+ * a locked or unchanged one reports nothing.
+ */
+export declare function useEventList({ events, defaultEvents, onEventsChange, onChange, disabled, }: {
+    events?: CalendarEvent[];
+    defaultEvents?: CalendarEvent[];
+    onEventsChange?: (events: CalendarEvent[]) => void;
+    onChange?: (change: EventCalendarChange) => void;
+    disabled: boolean;
+}): {
+    list: CalendarEvent[];
+    eventsById: Map<string, CalendarEvent>;
+    replaceEvent: (id: string, updater: (event: CalendarEvent) => CalendarEvent) => void;
+    removeEvent: (id: string) => void;
+};

package/dist/lib/components/ui/widgets/event-calendar/use-slot-create.d.ts

@@ -1,12 +1,13 @@
 import { PointerEvent } from 'react';
+import { DayAxis } from './event-calendar.axis.js';
 import { EventCalendarSlot } from './types.js';
-export declare function useSlotCreate({ day, startHour, endHour, slotDurationMinutes, onSlotClick, disabled, }: {
-    day: Date;
-    startHour: number;
-    endHour: number;
+export declare function useSlotCreate({ axis, slotDurationMinutes, onSlotClick, disabled, resourceId, }: {
+    axis: DayAxis;
     slotDurationMinutes: number;
     onSlotClick?: (slot: EventCalendarSlot) => void;
     disabled: boolean;
+    /** The resource column the slots are made in (the day view with `resources`). */
+    resourceId?: string;
 }): {
     draft: {
         startMin: number;

package/dist/lib/components/ui/widgets/event-calendar/use-time-column.d.ts

@@ -0,0 +1,22 @@
+import { MouseEvent } from 'react';
+import { DayAxis } from './event-calendar.axis.js';
+import { ResourceColumn } from './event-calendar.resources.js';
+/**
+ * What one column of hours works from: its timed events laid out in columns,
+ * the drag-to-create draft and the click that creates a slot (with the
+ * resource of the column, when it has one).
+ */
+export declare function useTimeColumn(day: Date, axis: DayAxis, resource: ResourceColumn | undefined): {
+    laid: import('./types.js').LaidOutEvent[];
+    create: {
+        draft: {
+            startMin: number;
+            endMin: number;
+        } | null;
+        dragged: import('react').RefObject<boolean>;
+        onPointerDown: (event: import('react').PointerEvent<HTMLElement>) => void;
+        onPointerMove: (event: import('react').PointerEvent<HTMLElement>) => void;
+        onPointerUp: (event: import('react').PointerEvent<HTMLElement>) => void;
+    };
+    onClick: (event: MouseEvent<HTMLDivElement>) => void;
+};

package/dist/lib/components/ui/widgets/event-calendar/use-time-grid.d.ts

@@ -0,0 +1,36 @@
+import { RefObject } from 'react';
+/**
+ * What the week and day grid draws from: one axis per day, the resource
+ * columns (the day view with `resources`; one on a phone), the live clock and
+ * the now line's props. The hour height reaches the grid as CSS custom
+ * properties set from script, never as inline style in server markup, and the
+ * viewport opens on the current time (or `scrollToHour`) once per period.
+ */
+export declare function useTimeGrid(days: Date[], real: boolean): {
+    rootRef: RefObject<HTMLDivElement | null>;
+    axes: import('./event-calendar.axis.js').DayAxis[];
+    gutterAxis: import('./event-calendar.axis.js').DayAxis;
+    showNow: boolean;
+    clock: Date | null;
+    byResource: boolean;
+    allColumns: import('./event-calendar.resources.js').ResourceColumn[];
+    picked: import('./event-calendar.resources.js').ResourceColumn | undefined;
+    columns: import('./event-calendar.resources.js').ResourceColumn[];
+    nowOffset: number | null;
+    line: {
+        now: Date | undefined;
+        startMinutes: number;
+        endMinutes: number;
+        minutes: number | undefined;
+        timeLabel: string | undefined;
+    } | {
+        now: Date | undefined;
+        startMinutes: number;
+        endMinutes: number;
+        minutes?: undefined;
+        timeLabel?: undefined;
+    };
+    zone: string | undefined;
+    zoneLabel: string | undefined;
+};
+export type TimeGridState = ReturnType<typeof useTimeGrid>;

package/dist/lib/i18n/resources/en/en.d.ts

@@ -1629,6 +1629,9 @@ export declare const en: {
             "delete-confirm": string;
             "open-day": string;
             sidebar: string;
+            unassigned: string;
+            resource: string;
+            "time-zone": string;
         };
         dnd: {
             drag: string;

package/dist/lib/i18n/resources/en/material.json.d.ts

@@ -1618,7 +1618,10 @@ declare const _default: {
 		"delete": "Delete event",
 		"delete-confirm": "This event will be removed.",
 		"open-day": "Open {date}",
-		"sidebar": "Calendar navigation"
+		"sidebar": "Calendar navigation",
+		"unassigned": "Unassigned",
+		"resource": "Resource",
+		"time-zone": "Time zone: {zone}"
 	},
 	"dnd": {
 		"drag": "Drag"

package/dist/lib/i18n/resources/fr/fr.d.ts

@@ -1629,6 +1629,9 @@ export declare const fr: {
             "delete-confirm": string;
             "open-day": string;
             sidebar: string;
+            unassigned: string;
+            resource: string;
+            "time-zone": string;
         };
         dnd: {
             drag: string;

package/dist/lib/i18n/resources/fr/material.json.d.ts

@@ -1618,7 +1618,10 @@ declare const _default: {
 		"delete": "Supprimer l'événement",
 		"delete-confirm": "Cet événement sera retiré.",
 		"open-day": "Ouvrir le {date}",
-		"sidebar": "Navigation du calendrier"
+		"sidebar": "Navigation du calendrier",
+		"unassigned": "Non assigné",
+		"resource": "Ressource",
+		"time-zone": "Fuseau horaire : {zone}"
 	},
 	"dnd": {
 		"drag": "Déplacer"

package/dist/lib/i18n/resources/resources.d.ts

@@ -1627,6 +1627,9 @@ export declare const resources: {
                 "delete-confirm": string;
                 "open-day": string;
                 sidebar: string;
+                unassigned: string;
+                resource: string;
+                "time-zone": string;
             };
             dnd: {
                 drag: string;
@@ -4465,6 +4468,9 @@ export declare const resources: {
                 "delete-confirm": string;
                 "open-day": string;
                 sidebar: string;
+                unassigned: string;
+                resource: string;
+                "time-zone": string;
             };
             dnd: {
                 drag: string;