@calchemy/date-react 0.1.0

package/dist/components/calendar/CalendarScroll.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState } from "react";
+import { flushSync } from "react-dom";
+import { CalendarScrollContext, useCalchemyCalendar } from "./context";
+import { getCalendarPeriodWindowSize, getClientSize, getLoadedPeriodRunway, getScrollAnchorPeriod, getScrollPosition, getScrollSize, scrollPeriodIntoView, setScrollPosition, } from "./scroll-preload";
+const preloadWindowCount = 2;
+export function CalendarScroll({ direction = "vertical", onScroll, ...props }) {
+    const calendar = useCalchemyCalendar();
+    const scrollRef = useRef(null);
+    const [leadingSpacer, setLeadingSpacer] = useState({
+        periodCount: 0,
+        pixelSize: 0,
+    });
+    const positionedPeriodAnchor = useRef(null);
+    const suppressPreloadEvaluation = useRef(false);
+    const pendingPrependStabilization = useRef(null);
+    useLayoutEffect(() => {
+        const anchorKey = calendar.periodAnchor.toString();
+        if (positionedPeriodAnchor.current === anchorKey) {
+            return;
+        }
+        const element = scrollRef.current;
+        const currentPeriod = element?.querySelector("[calchemy-period][calchemy-period-index='0']");
+        if (!element || !currentPeriod) {
+            return;
+        }
+        positionedPeriodAnchor.current = anchorKey;
+        scrollPeriodIntoView(element, currentPeriod, direction);
+    }, [direction, calendar.periodAnchor, calendar.periods]);
+    function startBeforePreloadTransaction(element, preloadDirection, periodWindowSize) {
+        suppressPreloadEvaluation.current = true;
+        const extendPeriodCount = calendar.period.count * preloadWindowCount;
+        const previousScrollSize = getScrollSize(element, preloadDirection);
+        const previousScrollPosition = getScrollPosition(element, preloadDirection);
+        flushSync(() => {
+            setLeadingSpacer({
+                periodCount: extendPeriodCount,
+                pixelSize: periodWindowSize * preloadWindowCount,
+            });
+        });
+        setScrollPosition(element, preloadDirection, previousScrollPosition +
+            getScrollSize(element, preloadDirection) -
+            previousScrollSize);
+        flushSync(() => {
+            calendar.extendPeriods("before", preloadWindowCount);
+            setLeadingSpacer({ periodCount: 0, pixelSize: 0 });
+        });
+        const insertedDelta = getScrollSize(element, preloadDirection) - previousScrollSize;
+        const targetPosition = previousScrollPosition + insertedDelta;
+        setScrollPosition(element, preloadDirection, targetPosition);
+        pendingPrependStabilization.current = {
+            direction: preloadDirection,
+            insertedDelta,
+            targetPosition,
+        };
+    }
+    function stabilizePrependScrollEvent(element) {
+        const stabilization = pendingPrependStabilization.current;
+        if (!stabilization) {
+            suppressPreloadEvaluation.current = false;
+            return;
+        }
+        const observedPosition = getScrollPosition(element, stabilization.direction);
+        const targetDistance = observedPosition - stabilization.targetPosition;
+        const staleCoordinate = Math.abs(observedPosition +
+            stabilization.insertedDelta -
+            stabilization.targetPosition) < Math.abs(targetDistance);
+        if (staleCoordinate) {
+            setScrollPosition(element, stabilization.direction, observedPosition + stabilization.insertedDelta);
+        }
+        pendingPrependStabilization.current = null;
+        suppressPreloadEvaluation.current = false;
+    }
+    function handleScroll(event) {
+        onScroll?.(event);
+        if (event.defaultPrevented) {
+            return;
+        }
+        const element = event.currentTarget;
+        if (suppressPreloadEvaluation.current) {
+            stabilizePrependScrollEvent(element);
+            return;
+        }
+        if (getScrollSize(element, direction) <= getClientSize(element, direction)) {
+            return;
+        }
+        const anchor = getScrollAnchorPeriod(element, direction);
+        const anchorIndex = anchor?.getAttribute("calchemy-period-index")
+            ? Number(anchor.getAttribute("calchemy-period-index"))
+            : NaN;
+        if (Number.isFinite(anchorIndex)) {
+            calendar.setVisiblePeriodIndex(anchorIndex);
+        }
+        const periodWindowSize = getCalendarPeriodWindowSize(element, direction, calendar.period.count);
+        const startRunway = getLoadedPeriodRunway(calendar, anchor, "before");
+        const runwayThreshold = calendar.period.count * preloadWindowCount;
+        const endRunway = getLoadedPeriodRunway(calendar, anchor, "after");
+        if (startRunway !== null &&
+            startRunway <= runwayThreshold &&
+            calendar.canExtendPeriods("before", preloadWindowCount)) {
+            startBeforePreloadTransaction(element, direction, periodWindowSize);
+        }
+        if (endRunway !== null &&
+            endRunway <= runwayThreshold &&
+            calendar.canExtendPeriods("after", preloadWindowCount)) {
+            calendar.extendPeriods("after", preloadWindowCount);
+        }
+    }
+    return (_jsx(CalendarScrollContext.Provider, { value: {
+            direction,
+            leadingSpacerPeriodCount: leadingSpacer.periodCount,
+            leadingSpacerPixelSize: leadingSpacer.pixelSize,
+        }, children: _jsx("div", { ...props, ref: scrollRef, "calchemy-scroll": "", "calchemy-direction": direction, onScroll: handleScroll }) }));
+}
+//# sourceMappingURL=CalendarScroll.js.map

package/dist/components/calendar/CalendarScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarScroll.js","sourceRoot":"","sources":["../../../src/components/calendar/CalendarScroll.tsx"],"names":[],"mappings":"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"}

package/dist/components/calendar/CalendarSelects.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentPropsWithoutRef } from "react";
+export type CalchemyCalendarMonthSelectProps = Omit<ComponentPropsWithoutRef<"select">, "value" | "onChange"> & {
+    onChange?: ComponentPropsWithoutRef<"select">["onChange"];
+};
+export declare function CalendarMonthSelect({ onChange, ...props }: CalchemyCalendarMonthSelectProps): import("react/jsx-runtime").JSX.Element;
+export type CalchemyCalendarYearSelectProps = Omit<ComponentPropsWithoutRef<"select">, "value" | "onChange"> & {
+    startYear?: number;
+    endYear?: number;
+    onChange?: ComponentPropsWithoutRef<"select">["onChange"];
+};
+export declare function CalendarYearSelect({ startYear, endYear, onChange, ...props }: CalchemyCalendarYearSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CalendarSelects.d.ts.map

package/dist/components/calendar/CalendarSelects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarSelects.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/CalendarSelects.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAe,MAAM,OAAO,CAAC;AAInE,MAAM,MAAM,gCAAgC,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC9G,QAAQ,CAAC,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC;CAC3D,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gCAAgC,2CA2B3F;AAED,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC;CAC3D,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,+BAA+B,2CAwB7G"}

package/dist/components/calendar/CalendarSelects.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCalchemyCalendar } from "./context";
+import { formatMonthLabel, isAfter, isBefore } from "./date-model";
+export function CalendarMonthSelect({ onChange, ...props }) {
+    const calendar = useCalchemyCalendar();
+    const months = Array.from({ length: 12 }, (_, index) => index + 1).filter((month) => isMonthWithinBounds(calendar.visiblePeriodAnchor.with({ month, day: 1 }), calendar));
+    return (_jsx("select", { ...props, "calchemy-month-select": "", value: String(calendar.visiblePeriodAnchor.month), onChange: (event) => handleCalendarSelectChange(event, onChange, (value) => calendar.setPeriodAnchor(calendar.visiblePeriodAnchor.with({ month: value, day: 1 }))), children: months.map((month) => {
+            const date = calendar.visiblePeriodAnchor.with({ month, day: 1 });
+            return (_jsx("option", { value: String(month), children: formatMonthLabel(date, calendar.locale) }, month));
+        }) }));
+}
+export function CalendarYearSelect({ startYear, endYear, onChange, ...props }) {
+    const calendar = useCalchemyCalendar();
+    const visibleYear = calendar.visiblePeriodAnchor.year;
+    const firstYear = Math.min(calendar.bounds?.start?.year ?? startYear ?? visibleYear - 100, visibleYear);
+    const lastYear = Math.max(calendar.bounds?.end?.year ?? endYear ?? visibleYear + 100, visibleYear);
+    return (_jsx("select", { ...props, "calchemy-year-select": "", value: String(visibleYear), onChange: (event) => handleCalendarSelectChange(event, onChange, (value) => calendar.setPeriodAnchor(calendar.visiblePeriodAnchor.with({ year: value, day: 1 }))), children: Array.from({ length: lastYear - firstYear + 1 }, (_, index) => firstYear + index).map((year) => (_jsx("option", { value: String(year), children: year }, year))) }));
+}
+function handleCalendarSelectChange(event, onChange, updatePeriodAnchor) {
+    onChange?.(event);
+    if (event.defaultPrevented) {
+        return;
+    }
+    updatePeriodAnchor(Number(event.currentTarget.value));
+}
+function isMonthWithinBounds(monthStart, calendar) {
+    const monthEnd = monthStart.add({ months: 1 }).subtract({ days: 1 });
+    return ((!calendar.bounds?.start || !isBefore(monthEnd, calendar.bounds.start)) &&
+        (!calendar.bounds?.end || !isAfter(monthStart, calendar.bounds.end)));
+}
+//# sourceMappingURL=CalendarSelects.js.map

package/dist/components/calendar/CalendarSelects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarSelects.js","sourceRoot":"","sources":["../../../src/components/calendar/CalendarSelects.tsx"],"names":[],"mappings":"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"}

package/dist/components/calendar/calendar-period-drag.d.ts

@@ -0,0 +1,74 @@
+import { type PointerEvent, type RefObject } from "react";
+import type { DateValue, PlainDate } from "@calchemy/date-core";
+type Point = {
+    x: number;
+    y: number;
+};
+type CellBounds = {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+type DragState = {
+    pointerId: number;
+    start: Point;
+    current: Point;
+    baseDates: PlainDate[];
+    previewKeys: string[];
+    hasMoved: boolean;
+    startDayCell: DayCell | null;
+    cellBounds: ReadonlyMap<string, CellBounds>;
+};
+type DayCell = {
+    date: PlainDate;
+    disabled: boolean;
+    element: HTMLButtonElement;
+};
+type DragRectangle = {
+    start: Point;
+    current: Point;
+};
+export type CalendarPeriodDragContextValue = {
+    multipleSelection: boolean;
+    dragState: DragState | null;
+    dragRectangle: DragRectangle | null;
+    previewSelectedKeys: ReadonlySet<string>;
+    suppressClickRef: RefObject<boolean>;
+    surfaceRef: RefObject<HTMLElement | null>;
+    registerDay(element: HTMLButtonElement | null, date: PlainDate, disabled: boolean): void;
+    handlePointerDownCapture(event: PointerEvent<HTMLElement>): void;
+    handlePointerMove(event: PointerEvent<HTMLElement>): void;
+    handlePointerUp(event: PointerEvent<HTMLElement>): void;
+    handlePointerCancel(event: PointerEvent<HTMLElement>): void;
+};
+export declare const multipleDragSurfaceStyle: {
+    readonly position: "relative";
+    readonly userSelect: "none";
+    readonly WebkitUserSelect: "none";
+    readonly touchAction: "none";
+};
+export declare const multiplePeriodListDragSurfaceStyle: {
+    readonly position: "relative";
+    readonly background: "transparent";
+    readonly userSelect: "none";
+    readonly WebkitUserSelect: "none";
+    readonly touchAction: "none";
+};
+export declare function useOptionalCalendarPeriodDrag(): CalendarPeriodDragContextValue | null;
+export declare function useCalendarPeriodDragSurface(dragSelection?: boolean, surfaceElementRef?: RefObject<HTMLElement | null>): CalendarPeriodDragContextValue | null;
+export type CalendarDragRectangleOverlayProps = {
+    dragRectangle?: DragRectangle | null;
+    surfaceRef?: RefObject<HTMLElement | null>;
+};
+export declare function CalendarDragRectangleOverlay({ dragRectangle: dragRectangleProp, surfaceRef: surfaceRefProp, }?: CalendarDragRectangleOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+export type CalendarPeriodDragProviderProps = {
+    value: CalendarPeriodDragContextValue;
+    children: React.ReactNode;
+};
+export declare function CalendarPeriodDragProvider({ value, children }: CalendarPeriodDragProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function getMultipleDates(value: DateValue | null): PlainDate[];
+export declare function getSelectedDateKeys(value: DateValue | null): string[];
+export declare function toggleDateKeys(baseKeys: readonly string[], toggledKeys: readonly string[]): string[];
+export {};
+//# sourceMappingURL=calendar-period-drag.d.ts.map

package/dist/components/calendar/calendar-period-drag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-period-drag.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar-period-drag.tsx"],"names":[],"mappings":"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"}

package/dist/components/calendar/calendar-period-drag.js

@@ -0,0 +1,374 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useRef, useState, } from "react";
+import { useCalchemyCalendar } from "./context";
+const CalendarPeriodDragContext = createContext(null);
+export const multipleDragSurfaceStyle = {
+    position: "relative",
+    userSelect: "none",
+    WebkitUserSelect: "none",
+    touchAction: "none",
+};
+export const multiplePeriodListDragSurfaceStyle = {
+    ...multipleDragSurfaceStyle,
+    position: "relative",
+    background: "transparent",
+};
+export function useOptionalCalendarPeriodDrag() {
+    return useContext(CalendarPeriodDragContext);
+}
+export function useCalendarPeriodDragSurface(dragSelection = true, surfaceElementRef) {
+    const calendar = useCalchemyCalendar();
+    const multipleSelection = dragSelection && calendar.calchemy.expectedValue === "multiple";
+    const surfaceRef = useRef(null);
+    const dayCells = useRef(new Map());
+    const suppressClickRef = useRef(false);
+    const dragStateRef = useRef(null);
+    const dragPreviewFrameRef = useRef(null);
+    const dragGestureCleanupRef = useRef(null);
+    const [dragState, setDragState] = useState(null);
+    const [dragRectangle, setDragRectangle] = useState(null);
+    const previewSelectedKeys = useMemo(() => new Set(dragState?.previewKeys ?? []), [dragState]);
+    const acquireDragGestureLock = useCallback(() => {
+        if (dragGestureCleanupRef.current || typeof document === "undefined") {
+            return;
+        }
+        const preventGestureDefault = (event) => {
+            event.preventDefault();
+        };
+        const clearDocumentSelection = () => {
+            document.getSelection()?.removeAllRanges();
+        };
+        const previousBodyUserSelect = document.body.style.userSelect;
+        const previousDocumentUserSelect = document.documentElement.style.userSelect;
+        document.body.style.userSelect = "none";
+        document.documentElement.style.userSelect = "none";
+        document.addEventListener("pointermove", preventGestureDefault, { capture: true, passive: false });
+        document.addEventListener("touchmove", preventGestureDefault, { capture: true, passive: false });
+        document.addEventListener("wheel", preventGestureDefault, { capture: true, passive: false });
+        document.addEventListener("selectstart", preventGestureDefault, { capture: true });
+        document.addEventListener("dragstart", preventGestureDefault, { capture: true });
+        clearDocumentSelection();
+        dragGestureCleanupRef.current = () => {
+            document.removeEventListener("pointermove", preventGestureDefault, { capture: true });
+            document.removeEventListener("touchmove", preventGestureDefault, { capture: true });
+            document.removeEventListener("wheel", preventGestureDefault, { capture: true });
+            document.removeEventListener("selectstart", preventGestureDefault, { capture: true });
+            document.removeEventListener("dragstart", preventGestureDefault, { capture: true });
+            document.body.style.userSelect = previousBodyUserSelect;
+            document.documentElement.style.userSelect = previousDocumentUserSelect;
+            clearDocumentSelection();
+            dragGestureCleanupRef.current = null;
+        };
+    }, []);
+    const releaseDragGestureLock = useCallback(() => {
+        dragGestureCleanupRef.current?.();
+        if (dragPreviewFrameRef.current !== null) {
+            cancelAnimationFrame(dragPreviewFrameRef.current);
+            dragPreviewFrameRef.current = null;
+        }
+    }, []);
+    const scheduleDragPreviewUpdate = useCallback((nextDragState) => {
+        dragStateRef.current = nextDragState;
+        if (dragPreviewFrameRef.current !== null) {
+            return;
+        }
+        dragPreviewFrameRef.current = requestAnimationFrame(() => {
+            setDragState(dragStateRef.current);
+            dragPreviewFrameRef.current = null;
+        });
+    }, []);
+    const registerDay = useCallback((element, date, disabled) => {
+        const key = date.toString();
+        if (element) {
+            dayCells.current.set(key, { date, disabled, element });
+            return;
+        }
+        dayCells.current.delete(key);
+    }, []);
+    const getDayCellFromTarget = useCallback((target) => {
+        if (!(target instanceof Element)) {
+            return null;
+        }
+        const button = target.closest("[calchemy-date]");
+        if (!(button instanceof HTMLButtonElement)) {
+            return null;
+        }
+        for (const cell of dayCells.current.values()) {
+            if (cell.element === button) {
+                return cell;
+            }
+        }
+        return null;
+    }, []);
+    const commitMultipleSelection = useCallback((keys, fallbackDates = []) => {
+        const dates = resolveDateKeys(keys, dayCells.current, fallbackDates);
+        calendar.selectValue({
+            kind: "multiple",
+            dates,
+        });
+    }, [calendar]);
+    const endDragGesture = useCallback((pointerId) => {
+        if (pointerId !== undefined) {
+            surfaceRef.current?.releasePointerCapture?.(pointerId);
+        }
+        releaseDragGestureLock();
+        dragStateRef.current = null;
+        setDragState(null);
+        setDragRectangle(null);
+    }, [releaseDragGestureLock]);
+    const handlePointerMove = useCallback((event) => {
+        const activeDrag = dragStateRef.current;
+        if (!multipleSelection || !activeDrag || event.pointerId !== activeDrag.pointerId) {
+            return;
+        }
+        event.preventDefault();
+        const current = getPointerPoint(event);
+        setDragRectangle({ start: activeDrag.start, current });
+        const dragRect = getDragRect(activeDrag.start, current);
+        const clipRect = getDragClipRect(surfaceRef.current);
+        const gestureKeys = getIntersectingDateKeys(dayCells.current, dragRect, activeDrag.cellBounds, clipRect);
+        const baseKeys = activeDrag.baseDates.map((date) => date.toString());
+        const previewKeys = toggleDateKeys(baseKeys, gestureKeys);
+        const hasMoved = activeDrag.hasMoved || hasPointerMoved(activeDrag.start, current);
+        scheduleDragPreviewUpdate({
+            ...activeDrag,
+            current,
+            previewKeys,
+            hasMoved,
+        });
+    }, [multipleSelection, scheduleDragPreviewUpdate]);
+    const handlePointerDownCapture = useCallback((event) => {
+        if (!multipleSelection || event.button !== 0 || !event.isPrimary) {
+            return;
+        }
+        const baseDates = getMultipleDates(calendar.selected);
+        event.preventDefault();
+        if (typeof document !== "undefined") {
+            document.getSelection()?.removeAllRanges();
+        }
+        surfaceRef.current = surfaceElementRef?.current ?? event.currentTarget;
+        surfaceRef.current?.setPointerCapture?.(event.pointerId);
+        acquireDragGestureLock();
+        const nextDragState = {
+            pointerId: event.pointerId,
+            start: getPointerPoint(event),
+            current: getPointerPoint(event),
+            baseDates,
+            previewKeys: baseDates.map((selectedDate) => selectedDate.toString()),
+            hasMoved: false,
+            startDayCell: getDayCellFromTarget(event.target),
+            cellBounds: snapshotCellBounds(dayCells.current),
+        };
+        dragStateRef.current = nextDragState;
+        setDragState(nextDragState);
+        setDragRectangle({
+            start: nextDragState.start,
+            current: nextDragState.current,
+        });
+    }, [acquireDragGestureLock, calendar.selected, getDayCellFromTarget, multipleSelection, surfaceElementRef]);
+    const handlePointerUp = useCallback((event) => {
+        const activeDrag = dragStateRef.current;
+        if (!multipleSelection || !activeDrag || event.pointerId !== activeDrag.pointerId) {
+            return;
+        }
+        if (dragPreviewFrameRef.current !== null) {
+            cancelAnimationFrame(dragPreviewFrameRef.current);
+            dragPreviewFrameRef.current = null;
+            setDragState(activeDrag);
+        }
+        event.preventDefault();
+        suppressClickRef.current = true;
+        setTimeout(() => {
+            suppressClickRef.current = false;
+        }, 0);
+        if (activeDrag.hasMoved) {
+            commitMultipleSelection(activeDrag.previewKeys, activeDrag.baseDates);
+        }
+        else {
+            const dayCell = activeDrag.startDayCell;
+            if (dayCell && !dayCell.disabled) {
+                const selectedDates = getMultipleDates(calendar.selected);
+                const nextKeys = toggleDateKeys(selectedDates.map((selectedDate) => selectedDate.toString()), [dayCell.date.toString()]);
+                commitMultipleSelection(nextKeys, selectedDates.concat(dayCell.date));
+            }
+        }
+        endDragGesture(event.pointerId);
+        const focused = document.activeElement;
+        if (focused instanceof HTMLElement && event.currentTarget.contains(focused)) {
+            focused.blur();
+        }
+    }, [calendar.selected, commitMultipleSelection, endDragGesture, getDayCellFromTarget, multipleSelection]);
+    const handlePointerCancel = useCallback((event) => {
+        const activeDrag = dragStateRef.current;
+        if (!activeDrag || event.pointerId !== activeDrag.pointerId) {
+            return;
+        }
+        endDragGesture(event.pointerId);
+    }, [endDragGesture]);
+    return useMemo(() => {
+        if (!multipleSelection) {
+            return null;
+        }
+        return {
+            multipleSelection,
+            dragState,
+            dragRectangle,
+            previewSelectedKeys,
+            suppressClickRef,
+            surfaceRef,
+            registerDay,
+            handlePointerDownCapture,
+            handlePointerMove,
+            handlePointerUp,
+            handlePointerCancel,
+        };
+    }, [
+        dragRectangle,
+        dragState,
+        handlePointerCancel,
+        handlePointerDownCapture,
+        handlePointerMove,
+        handlePointerUp,
+        multipleSelection,
+        previewSelectedKeys,
+        registerDay,
+    ]);
+}
+export function CalendarDragRectangleOverlay({ dragRectangle: dragRectangleProp, surfaceRef: surfaceRefProp, } = {}) {
+    const drag = useOptionalCalendarPeriodDrag();
+    const dragRectangle = dragRectangleProp ?? drag?.dragRectangle ?? null;
+    const surfaceRef = surfaceRefProp ?? drag?.surfaceRef;
+    if (!dragRectangle) {
+        return null;
+    }
+    const surface = surfaceRef?.current;
+    if (!surface) {
+        return null;
+    }
+    const surfaceRect = surface.getBoundingClientRect();
+    const left = Math.min(dragRectangle.start.x, dragRectangle.current.x) - surfaceRect.left;
+    const top = Math.min(dragRectangle.start.y, dragRectangle.current.y) - surfaceRect.top;
+    const width = Math.abs(dragRectangle.current.x - dragRectangle.start.x);
+    const height = Math.abs(dragRectangle.current.y - dragRectangle.start.y);
+    return (_jsx("div", { "aria-hidden": "true", "calchemy-drag-rect": "", style: {
+            position: "absolute",
+            left,
+            top,
+            width,
+            height,
+            pointerEvents: "none",
+            boxSizing: "border-box",
+        } }));
+}
+export function CalendarPeriodDragProvider({ value, children }) {
+    return (_jsx(CalendarPeriodDragContext.Provider, { value: value, children: children }));
+}
+export function getMultipleDates(value) {
+    return value?.kind === "multiple" ? value.dates : [];
+}
+export function getSelectedDateKeys(value) {
+    return getMultipleDates(value).map((date) => date.toString());
+}
+export function toggleDateKeys(baseKeys, toggledKeys) {
+    const next = new Set(baseKeys);
+    for (const key of toggledKeys) {
+        if (next.has(key)) {
+            next.delete(key);
+        }
+        else {
+            next.add(key);
+        }
+    }
+    return Array.from(next).sort();
+}
+function getPointerPoint(event) {
+    return { x: event.clientX, y: event.clientY };
+}
+function hasPointerMoved(start, current) {
+    return Math.abs(start.x - current.x) > 2 || Math.abs(start.y - current.y) > 2;
+}
+function getDragRect(start, current) {
+    const left = Math.min(start.x, current.x);
+    const right = Math.max(start.x, current.x);
+    const top = Math.min(start.y, current.y);
+    const bottom = Math.max(start.y, current.y);
+    return {
+        left,
+        right,
+        top,
+        bottom,
+        x: left,
+        y: top,
+        width: right - left,
+        height: bottom - top,
+        toJSON: () => ({}),
+    };
+}
+function snapshotCellBounds(cells) {
+    const bounds = new Map();
+    for (const [key, cell] of cells) {
+        const rect = cell.element.getBoundingClientRect();
+        bounds.set(key, {
+            left: rect.left,
+            right: rect.right,
+            top: rect.top,
+            bottom: rect.bottom,
+        });
+    }
+    return bounds;
+}
+function getDragClipRect(surface) {
+    if (!surface) {
+        return null;
+    }
+    const scrollContainer = surface.closest("[calchemy-scroll]");
+    if (!(scrollContainer instanceof HTMLElement)) {
+        return null;
+    }
+    const rect = scrollContainer.getBoundingClientRect();
+    return {
+        left: rect.left,
+        right: rect.right,
+        top: rect.top,
+        bottom: rect.bottom,
+    };
+}
+function clipBoundsToRect(bounds, clip) {
+    const left = Math.max(bounds.left, clip.left);
+    const right = Math.min(bounds.right, clip.right);
+    const top = Math.max(bounds.top, clip.top);
+    const bottom = Math.min(bounds.bottom, clip.bottom);
+    if (left > right || top > bottom) {
+        return null;
+    }
+    return { left, right, top, bottom };
+}
+function getIntersectingDateKeys(cells, dragRect, cellBounds, clipRect = null) {
+    const clippedDragRect = clipRect ? clipBoundsToRect(dragRect, clipRect) : dragRect;
+    if (!clippedDragRect) {
+        return [];
+    }
+    return Array.from(cells.entries())
+        .filter(([key, cell]) => {
+        const bounds = cellBounds.get(key);
+        if (!bounds || cell.disabled) {
+            return false;
+        }
+        const visibleBounds = clipRect ? clipBoundsToRect(bounds, clipRect) : bounds;
+        return visibleBounds && rectsIntersect(clippedDragRect, visibleBounds);
+    })
+        .map(([key]) => key);
+}
+function rectsIntersect(left, right) {
+    return left.left <= right.right && left.right >= right.left && left.top <= right.bottom && left.bottom >= right.top;
+}
+function resolveDateKeys(keys, cells, fallbackDates) {
+    const fallbackByKey = new Map(fallbackDates.map((date) => [date.toString(), date]));
+    return Array.from(keys)
+        .sort()
+        .flatMap((key) => {
+        const date = cells.get(key)?.date ?? fallbackByKey.get(key);
+        return date ? [date] : [];
+    });
+}
+//# sourceMappingURL=calendar-period-drag.js.map