DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
82 lines
2.7 KiB
Text
82 lines
2.7 KiB
Text
import type { DayPickerProps } from "./props.js";
|
|
import type { DateRange, Mode, Modifiers } from "./shared.js";
|
|
|
|
export type Selection<T extends DayPickerProps> = {
|
|
/** The selected date(s). */
|
|
selected: SelectedValue<T> | undefined;
|
|
/** Set a selection. */
|
|
select: SelectHandler<T> | undefined;
|
|
/** Whether the given date is selected. */
|
|
isSelected: (date: Date) => boolean;
|
|
};
|
|
|
|
export type SelectedSingle<T extends { required?: boolean }> =
|
|
T["required"] extends true ? Date : Date | undefined;
|
|
export type SelectedMulti<T extends { required?: boolean }> =
|
|
T["required"] extends true ? Date[] : Date[] | undefined;
|
|
export type SelectedRange<T extends { required?: boolean }> =
|
|
T["required"] extends true ? DateRange : DateRange | undefined;
|
|
|
|
/**
|
|
* Represents the selected value based on the selection mode.
|
|
*
|
|
* @example
|
|
* // Single selection mode
|
|
* const selected: SelectedValue<{ mode: "single" }> = new Date();
|
|
*
|
|
* // Multiple selection mode
|
|
* const selected: SelectedValue<{ mode: "multiple" }> = [new Date(), new Date()];
|
|
*
|
|
* // Range selection mode
|
|
* const selected: SelectedValue<{ mode: "range" }> = { from: new Date(), to: new Date() };
|
|
*/
|
|
export type SelectedValue<T> = T extends { mode: "single"; required?: boolean }
|
|
? SelectedSingle<T>
|
|
: T extends { mode: "multiple"; required?: boolean }
|
|
? SelectedMulti<T>
|
|
: T extends { mode: "range"; required?: boolean }
|
|
? SelectedRange<T>
|
|
: undefined;
|
|
|
|
export type SelectHandlerSingle<T extends { required?: boolean | undefined }> =
|
|
(
|
|
triggerDate: Date,
|
|
modifiers: Modifiers,
|
|
e: React.MouseEvent | React.KeyboardEvent
|
|
) => T["required"] extends true ? Date : Date | undefined;
|
|
|
|
export type SelectHandlerMulti<T extends { required?: boolean | undefined }> = (
|
|
triggerDate: Date,
|
|
modifiers: Modifiers,
|
|
e: React.MouseEvent | React.KeyboardEvent
|
|
) => T["required"] extends true ? Date[] : Date[] | undefined;
|
|
|
|
export type SelectHandlerRange<T extends { required?: boolean | undefined }> = (
|
|
triggerDate: Date,
|
|
modifiers: Modifiers,
|
|
e: React.MouseEvent | React.KeyboardEvent
|
|
) => T["required"] extends true ? DateRange : DateRange | undefined;
|
|
|
|
/**
|
|
* The handler to set a selection based on the mode.
|
|
*
|
|
* @example
|
|
* const handleSelect: SelectHandler<{ mode: "single" }> = (
|
|
* triggerDate,
|
|
* modifiers,
|
|
* e
|
|
* ) => {
|
|
* console.log("Selected date:", triggerDate);
|
|
* };
|
|
*/
|
|
export type SelectHandler<
|
|
T extends { mode?: Mode | undefined; required?: boolean | undefined }
|
|
> = T extends {
|
|
mode: "single";
|
|
}
|
|
? SelectHandlerSingle<T>
|
|
: T extends { mode: "multiple" }
|
|
? SelectHandlerMulti<T>
|
|
: T extends { mode: "range" }
|
|
? SelectHandlerRange<T>
|
|
: undefined;
|