@voyantjs/ui 0.28.1 → 0.29.0

package/dist/components/async-combobox.d.ts

@@ -0,0 +1,37 @@
+export interface AsyncComboboxProps<T> {
+    /** Currently selected value (id), or null when nothing is selected. */
+    value: string | null;
+    /** Fired when the user picks a different option (or clears it). */
+    onChange: (value: string | null) => void;
+    /** Items currently available to choose from — typically driven by `onSearchChange`. */
+    items: readonly T[];
+    /** Stable id getter for an item. */
+    getKey: (item: T) => string;
+    /** Display label for an item (used in the list and as the input label of a selected item). */
+    getLabel: (item: T) => string;
+    /** Optional secondary label rendered as muted text inside the row (e.g. SKU). */
+    getSecondary?: (item: T) => string | undefined;
+    /**
+     * Optional currently-selected item. Use this when the upstream `items` list is
+     * search-filtered and may not contain the picked one — passing it here keeps
+     * the input text stable instead of falling back to the raw key.
+     */
+    selectedItem?: T | null;
+    /** Called as the user types — wire it to your data fetcher (debouncing is your call). */
+    onSearchChange?: (search: string) => void;
+    placeholder?: string;
+    emptyText?: string;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    /** When true, render an "X" clear affordance once a value is selected. */
+    clearable?: boolean;
+}
+/**
+ * Async-friendly combobox: typeahead that hands the search string back to the
+ * caller so they can refetch a remote list. Items the user has seen are cached
+ * locally so labels keep resolving even after the upstream list filters them
+ * out (typical when typing narrows the search).
+ */
+export declare function AsyncCombobox<T>({ value, onChange, items, getKey, getLabel, getSecondary, selectedItem, onSearchChange, placeholder, emptyText, disabled, className, triggerClassName, clearable, }: AsyncComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=async-combobox.d.ts.map

package/dist/components/async-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-combobox.d.ts","sourceRoot":"","sources":["../../src/components/async-combobox.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,uEAAuE;IACvE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,mEAAmE;IACnE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,uFAAuF;IACvF,KAAK,EAAE,SAAS,CAAC,EAAE,CAAA;IACnB,oCAAoC;IACpC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAA;IAC3B,8FAA8F;IAC9F,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAA;IAC7B,iFAAiF;IACjF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;IAC9C;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IACvB,yFAAyF;IACzF,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAC/B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,WAAW,EACX,SAAyB,EACzB,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,SAAgB,GACjB,EAAE,kBAAkB,CAAC,CAAC,CAAC,2CA8FvB"}

package/dist/components/async-combobox.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "./combobox.js";
+/**
+ * Async-friendly combobox: typeahead that hands the search string back to the
+ * caller so they can refetch a remote list. Items the user has seen are cached
+ * locally so labels keep resolving even after the upstream list filters them
+ * out (typical when typing narrows the search).
+ */
+export function AsyncCombobox({ value, onChange, items, getKey, getLabel, getSecondary, selectedItem, onSearchChange, placeholder, emptyText = "No results.", disabled, className, triggerClassName, clearable = true, }) {
+    // Cache every item we've ever seen so we can resolve a label for the
+    // currently-selected key even after the upstream `items` list has filtered
+    // it out (e.g. user picked "Eiffel" then started typing "Notre" — items
+    // refetched without Eiffel, but we still need its label in the input).
+    const cacheRef = React.useRef(new Map());
+    React.useEffect(() => {
+        for (const item of items)
+            cacheRef.current.set(getKey(item), item);
+        if (selectedItem)
+            cacheRef.current.set(getKey(selectedItem), selectedItem);
+    }, [items, getKey, selectedItem]);
+    const resolveLabel = React.useCallback((key) => {
+        if (!key)
+            return "";
+        const fromItems = items.find((item) => getKey(item) === key);
+        if (fromItems)
+            return getLabel(fromItems);
+        if (selectedItem && getKey(selectedItem) === key)
+            return getLabel(selectedItem);
+        const cached = cacheRef.current.get(key);
+        return cached ? getLabel(cached) : "";
+    }, [items, getKey, getLabel, selectedItem]);
+    const selectedLabel = resolveLabel(value);
+    // The input text mirrors `selectedLabel` whenever a value is set; it's free
+    // for typeahead input only when the field is empty.
+    const [inputValue, setInputValue] = React.useState(selectedLabel);
+    const lastSelectedLabelRef = React.useRef(selectedLabel);
+    React.useEffect(() => {
+        if (selectedLabel !== lastSelectedLabelRef.current) {
+            setInputValue(selectedLabel);
+            lastSelectedLabelRef.current = selectedLabel;
+        }
+    }, [selectedLabel]);
+    const itemKeys = React.useMemo(() => items.map(getKey), [items, getKey]);
+    // base-ui uses this to:
+    //   1. filter the list as the user types
+    //   2. populate the input value when the user picks an item
+    // Falling back to the cache (or "") avoids the case where it returned the
+    // raw key as the input text.
+    const itemToStringLabel = React.useCallback((key) => resolveLabel(typeof key === "string" ? key : null) || key, [resolveLabel]);
+    return (_jsxs(Combobox, { items: itemKeys, value: value, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringLabel: itemToStringLabel, itemToStringValue: (key) => key, onInputValueChange: (next) => {
+            setInputValue(next);
+            onSearchChange?.(next);
+            if (!next && value)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const key = next ?? null;
+            onChange(key);
+            setInputValue(resolveLabel(key));
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder, showClear: clearable && !!value, className: triggerClassName }), _jsxs(ComboboxContent, { className: className, children: [_jsx(ComboboxEmpty, { children: emptyText }), _jsx(ComboboxList, { children: items.map((item) => {
+                            const key = getKey(item);
+                            const secondary = getSecondary?.(item);
+                            return (_jsx(ComboboxItem, { value: key, children: _jsxs("div", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [_jsx("span", { className: "truncate", children: getLabel(item) }), secondary && (_jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: secondary }))] }) }, key));
+                        }) })] })] }));
+}

package/dist/components/big-calendar/calendar-view.d.ts

@@ -0,0 +1,13 @@
+import type { TCalendarView } from "./types.js";
+interface IProps {
+    view: TCalendarView;
+    onViewChange?: (view: TCalendarView) => void;
+    /** Override default switcher set (`day`, `week`, `month`). */
+    availableViews?: TCalendarView[];
+    /** Forwarded to the month view's day-number button. */
+    onDayClick?: (date: Date) => void;
+    className?: string;
+}
+export declare function CalendarView({ view, onViewChange, availableViews, onDayClick, className, }: IProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-view.d.ts.map

package/dist/components/big-calendar/calendar-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-view.d.ts","sourceRoot":"","sources":["../../../src/components/big-calendar/calendar-view.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C,UAAU,MAAM;IACd,IAAI,EAAE,aAAa,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,8DAA8D;IAC9D,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,uDAAuD;IACvD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,UAAU,EACV,SAAS,GACV,EAAE,MAAM,2CA8FR"}

package/dist/components/big-calendar/calendar-view.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isSameDay, parseISO } from "date-fns";
+import * as React from "react";
+import { useCalendar } from "./context.js";
+import { CalendarHeader } from "./header/calendar-header.js";
+import { CalendarMonthView } from "./month-view/calendar-month-view.js";
+import { CalendarDayView } from "./week-and-day-view/calendar-day-view.js";
+import { CalendarWeekView } from "./week-and-day-view/calendar-week-view.js";
+export function CalendarView({ view, onViewChange, availableViews, onDayClick, className, }) {
+    const { selectedDate, selectedUserId, events } = useCalendar();
+    const filteredEvents = React.useMemo(() => {
+        return events.filter((event) => {
+            const eventStartDate = parseISO(event.startDate);
+            const eventEndDate = parseISO(event.endDate);
+            const isUserMatch = selectedUserId === "all" || event.user?.id === selectedUserId;
+            if (view === "month" || view === "agenda" || view === "year") {
+                const monthStart = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1);
+                const monthEnd = new Date(selectedDate.getFullYear(), selectedDate.getMonth() + 1, 0, 23, 59, 59, 999);
+                return eventStartDate <= monthEnd && eventEndDate >= monthStart && isUserMatch;
+            }
+            if (view === "week") {
+                const dayOfWeek = selectedDate.getDay();
+                const weekStart = new Date(selectedDate);
+                weekStart.setDate(selectedDate.getDate() - dayOfWeek);
+                weekStart.setHours(0, 0, 0, 0);
+                const weekEnd = new Date(weekStart);
+                weekEnd.setDate(weekStart.getDate() + 6);
+                weekEnd.setHours(23, 59, 59, 999);
+                return eventStartDate <= weekEnd && eventEndDate >= weekStart && isUserMatch;
+            }
+            if (view === "day") {
+                const dayStart = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), selectedDate.getDate(), 0, 0, 0);
+                const dayEnd = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), selectedDate.getDate(), 23, 59, 59);
+                return eventStartDate <= dayEnd && eventEndDate >= dayStart && isUserMatch;
+            }
+            return false;
+        });
+    }, [selectedDate, selectedUserId, events, view]);
+    const singleDayEvents = filteredEvents.filter((event) => {
+        const startDate = parseISO(event.startDate);
+        const endDate = parseISO(event.endDate);
+        return isSameDay(startDate, endDate);
+    });
+    const multiDayEvents = filteredEvents.filter((event) => {
+        const startDate = parseISO(event.startDate);
+        const endDate = parseISO(event.endDate);
+        return !isSameDay(startDate, endDate);
+    });
+    return (_jsxs("div", { className: `overflow-hidden rounded-xl border ${className ?? ""}`.trim(), children: [_jsx(CalendarHeader, { view: view, events: filteredEvents, onViewChange: onViewChange, availableViews: availableViews }), view === "day" ? (_jsx(CalendarDayView, { singleDayEvents: singleDayEvents, multiDayEvents: multiDayEvents })) : null, view === "week" ? (_jsx(CalendarWeekView, { singleDayEvents: singleDayEvents, multiDayEvents: multiDayEvents })) : null, view === "month" ? (_jsx(CalendarMonthView, { singleDayEvents: singleDayEvents, multiDayEvents: multiDayEvents, onDayClick: onDayClick })) : null] }));
+}

package/dist/components/big-calendar/change-badge-variant-input.d.ts

@@ -0,0 +1,2 @@
+export declare function ChangeBadgeVariantInput(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=change-badge-variant-input.d.ts.map

package/dist/components/big-calendar/change-badge-variant-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"change-badge-variant-input.d.ts","sourceRoot":"","sources":["../../../src/components/big-calendar/change-badge-variant-input.tsx"],"names":[],"mappings":"AAOA,wBAAgB,uBAAuB,4CAuBtC"}

package/dist/components/big-calendar/change-badge-variant-input.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select.js";
+import { useCalendar } from "./context.js";
+export function ChangeBadgeVariantInput() {
+    const { badgeVariant, setBadgeVariant } = useCalendar();
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-semibold", children: "Change badge variant" }), _jsxs(Select, { value: badgeVariant, onValueChange: (value) => setBadgeVariant(value ?? "colored"), children: [_jsx(SelectTrigger, { className: "w-48", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "dot", children: "Dot" }), _jsx(SelectItem, { value: "colored", children: "Colored" }), _jsx(SelectItem, { value: "mixed", children: "Mixed" })] })] })] }));
+}

package/dist/components/big-calendar/context.d.ts

@@ -0,0 +1,47 @@
+import * as React from "react";
+import type { IEvent, IUser } from "./interfaces.js";
+import type { TBadgeVariant, TVisibleHours, TWorkingHours } from "./types.js";
+interface ICalendarContext {
+    selectedDate: Date;
+    setSelectedDate: (date: Date | undefined) => void;
+    selectedUserId: IUser["id"] | "all";
+    setSelectedUserId: (userId: IUser["id"] | "all") => void;
+    badgeVariant: TBadgeVariant;
+    setBadgeVariant: (variant: TBadgeVariant) => void;
+    users: IUser[];
+    workingHours: TWorkingHours;
+    setWorkingHours: React.Dispatch<React.SetStateAction<TWorkingHours>>;
+    visibleHours: TVisibleHours;
+    setVisibleHours: React.Dispatch<React.SetStateAction<TVisibleHours>>;
+    events: IEvent[];
+    /** Optional click handler — wires badges and event blocks to consumer routing/dialogs. */
+    onEventClick?: (event: IEvent) => void;
+    /**
+     * Optional add-event handler — wires the "Add" button in week/day grids and
+     * the calendar header. When omitted, the inline add affordances are hidden.
+     */
+    onAddEvent?: (args: {
+        date: Date;
+        hour?: number;
+        minute?: number;
+    }) => void;
+}
+interface CalendarProviderProps {
+    children: React.ReactNode;
+    events: IEvent[];
+    users?: IUser[];
+    defaultSelectedDate?: Date;
+    defaultBadgeVariant?: TBadgeVariant;
+    defaultWorkingHours?: TWorkingHours;
+    defaultVisibleHours?: TVisibleHours;
+    onEventClick?: (event: IEvent) => void;
+    onAddEvent?: (args: {
+        date: Date;
+        hour?: number;
+        minute?: number;
+    }) => void;
+}
+export declare function CalendarProvider({ children, events, users, defaultSelectedDate, defaultBadgeVariant, defaultWorkingHours, defaultVisibleHours, onEventClick, onAddEvent, }: CalendarProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useCalendar(): ICalendarContext;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/components/big-calendar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/big-calendar/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE7E,UAAU,gBAAgB;IACxB,YAAY,EAAE,IAAI,CAAA;IAClB,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IACjD,cAAc,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA;IACnC,iBAAiB,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,KAAK,IAAI,CAAA;IACxD,YAAY,EAAE,aAAa,CAAA;IAC3B,eAAe,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IACjD,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,YAAY,EAAE,aAAa,CAAA;IAC3B,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAA;IACpE,YAAY,EAAE,aAAa,CAAA;IAC3B,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAA;IACpE,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAC5E;AAgBD,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,KAAK,CAAC,EAAE,KAAK,EAAE,CAAA;IACf,mBAAmB,CAAC,EAAE,IAAI,CAAA;IAC1B,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAC5E;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,KAAU,EACV,mBAAmB,EACnB,mBAA+B,EAC/B,mBAA2C,EAC3C,mBAA2C,EAC3C,YAAY,EACZ,UAAU,GACX,EAAE,qBAAqB,2CAmCvB;AAED,wBAAgB,WAAW,IAAI,gBAAgB,CAI9C"}

package/dist/components/big-calendar/context.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+const CalendarContext = React.createContext(null);
+const DEFAULT_WORKING_HOURS = {
+    0: { from: 0, to: 0 },
+    1: { from: 8, to: 17 },
+    2: { from: 8, to: 17 },
+    3: { from: 8, to: 17 },
+    4: { from: 8, to: 17 },
+    5: { from: 8, to: 17 },
+    6: { from: 8, to: 12 },
+};
+const DEFAULT_VISIBLE_HOURS = { from: 7, to: 18 };
+export function CalendarProvider({ children, events, users = [], defaultSelectedDate, defaultBadgeVariant = "colored", defaultWorkingHours = DEFAULT_WORKING_HOURS, defaultVisibleHours = DEFAULT_VISIBLE_HOURS, onEventClick, onAddEvent, }) {
+    const [badgeVariant, setBadgeVariant] = React.useState(defaultBadgeVariant);
+    const [visibleHours, setVisibleHours] = React.useState(defaultVisibleHours);
+    const [workingHours, setWorkingHours] = React.useState(defaultWorkingHours);
+    const [selectedDate, setSelectedDate] = React.useState(() => defaultSelectedDate ?? new Date());
+    const [selectedUserId, setSelectedUserId] = React.useState("all");
+    const handleSelectDate = (date) => {
+        if (!date)
+            return;
+        setSelectedDate(date);
+    };
+    return (_jsx(CalendarContext.Provider, { value: {
+            selectedDate,
+            setSelectedDate: handleSelectDate,
+            selectedUserId,
+            setSelectedUserId,
+            badgeVariant,
+            setBadgeVariant,
+            users,
+            visibleHours,
+            setVisibleHours,
+            workingHours,
+            setWorkingHours,
+            events,
+            onEventClick,
+            onAddEvent,
+        }, children: children }));
+}
+export function useCalendar() {
+    const context = React.useContext(CalendarContext);
+    if (!context)
+        throw new Error("useCalendar must be used within a CalendarProvider.");
+    return context;
+}

package/dist/components/big-calendar/header/calendar-header.d.ts

@@ -0,0 +1,12 @@
+import type { IEvent } from "../interfaces.js";
+import type { TCalendarView } from "../types.js";
+interface IProps {
+    view: TCalendarView;
+    events: IEvent[];
+    onViewChange?: (view: TCalendarView) => void;
+    /** Which views to expose in the switcher. Defaults to day/week/month. */
+    availableViews?: TCalendarView[];
+}
+export declare function CalendarHeader({ view, events, onViewChange, availableViews, }: IProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-header.d.ts.map

package/dist/components/big-calendar/header/calendar-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-header.d.ts","sourceRoot":"","sources":["../../../../src/components/big-calendar/header/calendar-header.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAKhD,UAAU,MAAM;IACd,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,yEAAyE;IACzE,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;CACjC;AAkBD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,cAAyC,GAC1C,EAAE,MAAM,2CAmDR"}

package/dist/components/big-calendar/header/calendar-header.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CalendarRange, Columns, Grid2x2, Grid3x3, List, Plus } from "lucide-react";
+import { Button } from "../../button.js";
+import { useCalendar } from "../context.js";
+import { DateNavigator } from "./date-navigator.js";
+import { TodayButton } from "./today-button.js";
+import { UserSelect } from "./user-select.js";
+const VIEW_ICONS = {
+    day: List,
+    week: Columns,
+    month: Grid2x2,
+    year: Grid3x3,
+    agenda: CalendarRange,
+};
+const VIEW_LABELS = {
+    day: "View by day",
+    week: "View by week",
+    month: "View by month",
+    year: "View by year",
+    agenda: "View by agenda",
+};
+export function CalendarHeader({ view, events, onViewChange, availableViews = ["day", "week", "month"], }) {
+    const { selectedDate, onAddEvent } = useCalendar();
+    return (_jsxs("div", { className: "flex flex-col gap-4 border-b p-4 lg:flex-row lg:items-center lg:justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(TodayButton, {}), _jsx(DateNavigator, { view: view, events: events })] }), _jsxs("div", { className: "flex flex-col items-center gap-1.5 sm:flex-row sm:justify-between", children: [_jsxs("div", { className: "flex w-full items-center gap-1.5", children: [_jsx("div", { className: "inline-flex first:rounded-r-none last:rounded-l-none [&:not(:first-child):not(:last-child)]:rounded-none", children: availableViews.map((target, index) => {
+                                    const Icon = VIEW_ICONS[target];
+                                    const isFirst = index === 0;
+                                    const isLast = index === availableViews.length - 1;
+                                    return (_jsx(Button, { type: "button", "aria-label": VIEW_LABELS[target], size: "icon", variant: view === target ? "default" : "outline", className: isFirst
+                                            ? "rounded-r-none [&_svg]:size-5"
+                                            : isLast
+                                                ? "-ml-px rounded-l-none [&_svg]:size-5"
+                                                : "-ml-px rounded-none [&_svg]:size-5", onClick: () => onViewChange?.(target), children: _jsx(Icon, { strokeWidth: 1.8 }) }, target));
+                                }) }), _jsx(UserSelect, {})] }), onAddEvent ? (_jsxs(Button, { className: "w-full sm:w-auto", onClick: () => onAddEvent({ date: selectedDate }), children: [_jsx(Plus, {}), "Add Event"] })) : null] })] }));
+}

package/dist/components/big-calendar/header/date-navigator.d.ts

@@ -0,0 +1,9 @@
+import type { IEvent } from "../interfaces.js";
+import type { TCalendarView } from "../types.js";
+interface IProps {
+    view: TCalendarView;
+    events: IEvent[];
+}
+export declare function DateNavigator({ view, events }: IProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=date-navigator.d.ts.map

package/dist/components/big-calendar/header/date-navigator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-navigator.d.ts","sourceRoot":"","sources":["../../../../src/components/big-calendar/header/date-navigator.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,UAAU,MAAM;IACd,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,MAAM,2CA0CrD"}

package/dist/components/big-calendar/header/date-navigator.js

@@ -0,0 +1,17 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { format } from "date-fns";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import * as React from "react";
+import { Badge } from "../../badge.js";
+import { Button } from "../../button.js";
+import { useCalendar } from "../context.js";
+import { getEventsCount, navigateDate, rangeText } from "../helpers.js";
+export function DateNavigator({ view, events }) {
+    const { selectedDate, setSelectedDate } = useCalendar();
+    const month = format(selectedDate, "MMMM");
+    const year = selectedDate.getFullYear();
+    const eventCount = React.useMemo(() => getEventsCount(events, selectedDate, view), [events, selectedDate, view]);
+    const handlePrevious = () => setSelectedDate(navigateDate(selectedDate, view, "previous"));
+    const handleNext = () => setSelectedDate(navigateDate(selectedDate, view, "next"));
+    return (_jsxs("div", { className: "space-y-0.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "text-lg font-semibold", children: [month, " ", year] }), _jsxs(Badge, { variant: "outline", className: "px-1.5", children: [eventCount, " events"] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", className: "size-6.5 px-0 [&_svg]:size-4.5", onClick: handlePrevious, children: _jsx(ChevronLeft, {}) }), _jsx("p", { className: "text-sm text-muted-foreground", children: rangeText(view, selectedDate) }), _jsx(Button, { variant: "outline", className: "size-6.5 px-0 [&_svg]:size-4.5", onClick: handleNext, children: _jsx(ChevronRight, {}) })] })] }));
+}

package/dist/components/big-calendar/header/today-button.d.ts

@@ -0,0 +1,2 @@
+export declare function TodayButton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=today-button.d.ts.map

package/dist/components/big-calendar/header/today-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"today-button.d.ts","sourceRoot":"","sources":["../../../../src/components/big-calendar/header/today-button.tsx"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,4CAkB1B"}

package/dist/components/big-calendar/header/today-button.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { format } from "date-fns";
+import { useCalendar } from "../context.js";
+export function TodayButton() {
+    const { setSelectedDate } = useCalendar();
+    const today = new Date();
+    const handleClick = () => setSelectedDate(today);
+    return (_jsxs("button", { type: "button", className: "flex size-14 flex-col items-start overflow-hidden rounded-lg border focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", onClick: handleClick, children: [_jsx("p", { className: "flex h-6 w-full items-center justify-center bg-primary text-center text-xs font-semibold text-primary-foreground", children: format(today, "MMM").toUpperCase() }), _jsx("p", { className: "flex w-full items-center justify-center text-lg font-bold", children: today.getDate() })] }));
+}

package/dist/components/big-calendar/header/user-select.d.ts

@@ -0,0 +1,2 @@
+export declare function UserSelect(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=user-select.d.ts.map

package/dist/components/big-calendar/header/user-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-select.d.ts","sourceRoot":"","sources":["../../../../src/components/big-calendar/header/user-select.tsx"],"names":[],"mappings":"AAKA,wBAAgB,UAAU,mDAyCzB"}

package/dist/components/big-calendar/header/user-select.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, AvatarFallback, AvatarGroup, AvatarImage } from "../../avatar.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../select.js";
+import { useCalendar } from "../context.js";
+export function UserSelect() {
+    const { users, selectedUserId, setSelectedUserId } = useCalendar();
+    if (users.length === 0)
+        return null;
+    return (_jsxs(Select, { value: selectedUserId, onValueChange: (value) => setSelectedUserId(value ?? "all"), children: [_jsx(SelectTrigger, { className: "flex-1 md:w-48", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { align: "end", children: [_jsx(SelectItem, { value: "all", children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(AvatarGroup, { children: users.slice(0, 2).map((user) => (_jsxs(Avatar, { className: "size-6", children: [_jsx(AvatarImage, { src: user.picturePath ?? undefined, alt: user.name }), _jsx(AvatarFallback, { children: user.name[0] })] }, user.id))) }), "All"] }) }), users.map((user) => (_jsx(SelectItem, { value: user.id, className: "flex-1", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Avatar, { className: "size-6", children: [_jsx(AvatarImage, { src: user.picturePath ?? undefined, alt: user.name }), _jsx(AvatarFallback, { children: user.name[0] })] }), _jsx("p", { className: "truncate", children: user.name })] }) }, user.id)))] })] }));
+}

package/dist/components/big-calendar/helpers.d.ts

@@ -0,0 +1,37 @@
+import type { ICalendarCell, IEvent } from "./interfaces.js";
+import type { TCalendarView, TVisibleHours, TWorkingHours } from "./types.js";
+export declare function rangeText(view: TCalendarView, date: Date): string;
+export declare function navigateDate(date: Date, view: TCalendarView, direction: "previous" | "next"): Date;
+export declare function getEventsCount(events: IEvent[], date: Date, view: TCalendarView): number;
+export declare function getCurrentEvents(events: IEvent[]): IEvent[];
+export declare function groupEvents(dayEvents: IEvent[]): IEvent[][];
+export declare function getEventBlockStyle(event: IEvent, day: Date, groupIndex: number, groupSize: number, visibleHoursRange?: {
+    from: number;
+    to: number;
+}): {
+    top: string;
+    width: string;
+    left: string;
+};
+export declare function isWorkingHour(day: Date, hour: number, workingHours: TWorkingHours): boolean;
+export declare function getVisibleHours(visibleHours: TVisibleHours, singleDayEvents: IEvent[]): {
+    hours: number[];
+    earliestEventHour: number;
+    latestEventHour: number;
+};
+export declare function getCalendarCells(selectedDate: Date): ICalendarCell[];
+export declare function calculateMonthEventPositions(multiDayEvents: IEvent[], singleDayEvents: IEvent[], selectedDate: Date): {
+    [key: string]: number;
+};
+export declare function getMonthCellEvents(date: Date, events: IEvent[], eventPositions: Record<string, number>): {
+    position: number;
+    isMultiDay: boolean;
+    id: string;
+    startDate: string;
+    endDate: string;
+    title: string;
+    description?: string;
+    color: import("./types.js").TEventColor;
+    user?: import("./interfaces.js").IUser;
+}[];
+//# sourceMappingURL=helpers.d.ts.map

package/dist/components/big-calendar/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/big-calendar/helpers.ts"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI7E,wBAAgB,SAAS,CAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,UA6BxD;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,aAAa,EACnB,SAAS,EAAE,UAAU,GAAG,MAAM,GAC7B,IAAI,CAUN;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,GAAG,MAAM,CAUxF;AAID,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,YAUhD;AAED,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,cA0B9C;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,IAAI,EACT,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,iBAAiB,CAAC,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE;;;;EAuBjD;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,WAKjF;AAED,wBAAgB,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,EAAE;;;;EAoBrF;AAID,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,IAAI,GAAG,aAAa,EAAE,CA+BpE;AAED,wBAAgB,4BAA4B,CAC1C,cAAc,EAAE,MAAM,EAAE,EACxB,eAAe,EAAE,MAAM,EAAE,EACzB,YAAY,EAAE,IAAI;;EA0DnB;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EAAE,EAChB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;;;;;;;;;;IAuBvC"}