@datum-cloud/datum-ui 1.3.2 → 1.4.0

package/dist/picker/index.mjs

@@ -1,273 +1,2 @@
-import { t as cn } from "../cn-dlASUkDY.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "../select-B8z0c7UD.mjs";
-import { A as zonedDateToIso, C as PickerContext, D as getBrowserTimezone, E as formatTimezoneLabel, F as isDateBearingMode, I as isRangeMode, L as isTimeBearingMode, M as DATE_BEARING_MODES, N as RANGE_MODES, O as getTimezoneOffset, P as TIME_BEARING_MODES, S as PickerContent, T as formatInTimezone, _ as formatTimeLabel, a as PickerFooter, b as resolveCommit, c as PickerTrigger, d as DATETIME_PRESETS, f as DATE_PRESETS, g as dateToYYYYMMDD, i as PickerClear, j as ALLOWED_STEPS, k as isoToZonedDate, l as Picker$1, m as usePickerState, n as PickerApply, o as PickerReset, p as getDefaultPresets, r as PickerCancel, s as formatPickerValue, t as DefaultFooter, u as usePresets, v as isValidTimeString, w as usePickerContext, x as useKeyboardShortcuts, y as parseTimeString } from "../default-footer-DzYzX_OT.mjs";
-import { t as PickerCalendar } from "../calendar-BQF1XDjq.mjs";
-import { n as PickerPresets, t as DateRangePicker } from "../date-range-picker-CuU5mdxt.mjs";
-import { n as useTimeSlots, t as PickerTimeInput } from "../time-input-DI8l2oeN.mjs";
-import { t as DateTimePicker } from "../date-time-picker-BczLnnE6.mjs";
-import { t as PickerTimezoneIndicator } from "../timezone-indicator-B4GVkwmg.mjs";
-import { t as TimePicker } from "../time-picker-Dm7jOOcX.mjs";
-import { t as DateTimeRangePicker } from "../date-time-range-picker-DHItep1U.mjs";
-import { Clock, Globe } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { differenceInCalendarDays } from "date-fns";
-//#region src/components/features/picker/components/timezone-select.tsx
-function PickerTimezoneSelect({ options, onChange, className, placeholder = "Select timezone" }) {
-	const { mode, timezone } = usePickerContext();
-	if (!isTimeBearingMode(mode)) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "picker-tz-select",
-		className: cn("flex items-center gap-2 px-3 py-2", className),
-		children: [/* @__PURE__ */ jsx(Globe, { className: "text-muted-foreground size-4 shrink-0" }), /* @__PURE__ */ jsxs(Select, {
-			value: timezone,
-			onValueChange: onChange,
-			children: [/* @__PURE__ */ jsx(SelectTrigger, {
-				className: "hover:bg-accent h-8 min-w-[180px] border-0 bg-transparent px-2 text-xs shadow-none",
-				children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
-			}), /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, {
-				value: opt.value,
-				className: "text-xs",
-				children: opt.label
-			}, opt.value)) })]
-		})]
-	});
-}
-PickerTimezoneSelect.displayName = "Picker.TimezoneSelect";
-//#endregion
-//#region src/components/features/picker/components/index.ts
-const Picker = Object.assign(Picker$1, {
-	Trigger: PickerTrigger,
-	Content: PickerContent,
-	Calendar: PickerCalendar,
-	TimeInput: PickerTimeInput,
-	Presets: PickerPresets,
-	Footer: PickerFooter,
-	Apply: PickerApply,
-	Reset: PickerReset,
-	Cancel: PickerCancel,
-	Clear: PickerClear,
-	TimezoneIndicator: PickerTimezoneIndicator,
-	TimezoneSelect: PickerTimezoneSelect
-});
-//#endregion
-//#region src/components/features/picker/utils/compare.ts
-/** Strict equality of two nullable Date references by millisecond value. */
-function isSameDate(a, b) {
-	if (a === b) return true;
-	if (a === null || b === null) return false;
-	return a.getTime() === b.getTime();
-}
-/** Equality of two nullable date ranges. Compares from, to (by ms), and preset. */
-function isSameDateRange(a, b) {
-	if (a === b) return true;
-	if (a === null || b === null) return false;
-	return a.from.getTime() === b.from.getTime() && a.to.getTime() === b.to.getTime() && a.preset === b.preset;
-}
-/**
-* Equality of two nullable string ranges. Used for time-of-day, time-range,
-* and datetime-range value shapes (all structurally identical).
-* Compares from, to, and optional preset.
-*/
-function isSameStringRange(a, b) {
-	if (a === b) return true;
-	if (a === null || b === null) return false;
-	return a.from === b.from && a.to === b.to && a.preset === b.preset;
-}
-//#endregion
-//#region src/components/features/picker/utils/range.ts
-/**
-* Number of calendar days between two dates. Always non-negative.
-*
-* Uses calendar-day boundaries (not 24-hour windows), so a range from
-* 23:59 today to 00:00 tomorrow counts as 1 day, not 0.
-*/
-function getDaysDifference(from, to) {
-	return Math.abs(differenceInCalendarDays(to, from));
-}
-/**
-* Validate a range against a maximum span (inclusive).
-*
-* - Returns `true` when `maxRange` is undefined.
-* - Returns `true` when the range spans at most `maxRange` days.
-*/
-function isRangeValid(from, to, maxRange) {
-	if (maxRange === void 0) return true;
-	return getDaysDifference(from, to) <= maxRange;
-}
-/**
-* Clamp a range to fit within `maxRange` days.
-*
-* If the range already fits, returns the original `{from, to}`.
-* Otherwise, holds `from` and clamps `to` forward to exactly `maxRange`
-* days after `from`.
-*/
-function clampRange(from, to, maxRange) {
-	if (isRangeValid(from, to, maxRange)) return {
-		from,
-		to
-	};
-	return {
-		from,
-		to: new Date(from.getTime() + maxRange * 24 * 60 * 60 * 1e3)
-	};
-}
-//#endregion
-//#region src/components/features/picker/wrappers/date-picker.tsx
-function DatePicker({ value, onChange, placeholder = "Pick a date", clearable = true, responsive = true, sheetTitle = "Pick a date", numberOfMonths = 1, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit, disablePast, disableFuture, minDate, maxDate, dateFormat }) {
-	return /* @__PURE__ */ jsx(Picker$1.Root, {
-		mode: "date",
-		value,
-		onChange,
-		commit,
-		responsive,
-		presets: [],
-		disablePast,
-		disableFuture,
-		minDate,
-		maxDate,
-		children: /* @__PURE__ */ jsx(PickerContent, {
-			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
-				placeholder,
-				clearable,
-				disabled,
-				className,
-				triggerClassName,
-				id,
-				icon,
-				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "date", { dateFormat })
-			}),
-			sheetTitle,
-			sheetDescription,
-			modal,
-			contentClassName: popoverClassName,
-			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
-			children: /* @__PURE__ */ jsx(PickerCalendar, {
-				numberOfMonths,
-				minDate,
-				maxDate,
-				disablePast,
-				disableFuture
-			})
-		})
-	});
-}
-DatePicker.displayName = "DatePicker";
-//#endregion
-//#region src/components/features/picker/wrappers/date-range-time-picker.tsx
-function DateRangeTimePicker({ value, onChange, placeholder = "Pick a date range with time", clearable = true, responsive = true, sheetTitle = "Pick a date range with time", timezone, step = 15, hourCycle, numberOfMonths = 2, hideTimezone = false, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, disablePast, disableFuture, minDate, maxDate, presets, excludePresets, dateFormat, timeFormat }) {
-	return /* @__PURE__ */ jsx(Picker$1.Root, {
-		mode: "date-range-time",
-		value,
-		onChange,
-		responsive,
-		timezone,
-		step,
-		hourCycle,
-		hideTimezone,
-		presets,
-		excludePresets,
-		disablePast,
-		disableFuture,
-		minDate,
-		maxDate,
-		children: /* @__PURE__ */ jsx(PickerContent, {
-			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
-				placeholder,
-				clearable,
-				disabled,
-				className,
-				triggerClassName,
-				id,
-				icon,
-				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "date-range-time", {
-					timezone,
-					hourCycle,
-					dateFormat,
-					timeFormat
-				})
-			}),
-			sheetTitle,
-			sheetDescription,
-			modal,
-			contentClassName: popoverClassName,
-			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col md:flex-row",
-				children: [/* @__PURE__ */ jsx(PickerPresets, {}), /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col",
-					children: [
-						/* @__PURE__ */ jsx(PickerCalendar, {
-							numberOfMonths,
-							minDate,
-							maxDate,
-							disablePast,
-							disableFuture
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "border-t p-3",
-							children: [/* @__PURE__ */ jsx("div", {
-								className: "text-muted-foreground mb-1 text-xs",
-								children: "Time of day"
-							}), /* @__PURE__ */ jsx(PickerTimeInput, { target: "embedded-from" })]
-						}),
-						/* @__PURE__ */ jsx(PickerTimezoneIndicator, {})
-					]
-				})]
-			})
-		})
-	});
-}
-DateRangeTimePicker.displayName = "DateRangeTimePicker";
-//#endregion
-//#region src/components/features/picker/wrappers/time-range-picker.tsx
-const DEFAULT_TIME_ICON = /* @__PURE__ */ jsx(Clock, { className: "text-muted-foreground size-4 shrink-0" });
-function TimeRangePicker({ value, onChange, placeholder = "Pick a time range", clearable = true, responsive = true, sheetTitle = "Pick a time range", step = 15, hourCycle, timeFormat, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit }) {
-	return /* @__PURE__ */ jsx(Picker$1.Root, {
-		mode: "time-range",
-		value,
-		onChange,
-		commit,
-		responsive,
-		step,
-		hourCycle,
-		children: /* @__PURE__ */ jsx(PickerContent, {
-			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
-				placeholder,
-				clearable,
-				disabled,
-				className,
-				triggerClassName,
-				id,
-				icon: icon ?? DEFAULT_TIME_ICON,
-				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "time-range", {
-					hourCycle,
-					timeFormat
-				})
-			}),
-			sheetTitle,
-			sheetDescription,
-			modal,
-			contentClassName: popoverClassName,
-			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex gap-2 p-3",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex-1",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground mb-1 text-xs",
-						children: "From"
-					}), /* @__PURE__ */ jsx(PickerTimeInput, { target: "range-from" })]
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex-1",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground mb-1 text-xs",
-						children: "To"
-					}), /* @__PURE__ */ jsx(PickerTimeInput, { target: "range-to" })]
-				})]
-			})
-		})
-	});
-}
-TimeRangePicker.displayName = "TimeRangePicker";
-//#endregion
+import { $ as isRangeMode, A as resolveCommit, B as PickerContext, C as DATE_PRESETS, D as formatTimeLabel, E as dateToYYYYMMDD, F as PickerClear, G as getTimezoneOffset, H as formatInTimezone, I as PickerFooter, J as ALLOWED_STEPS, K as isoToZonedDate, L as PickerReset, M as PickerPresets, N as PickerApply, O as isValidTimeString, P as PickerCancel, Q as isDateBearingMode, R as PickerContent, S as DATETIME_PRESETS, T as usePickerState, U as formatTimezoneLabel, V as usePickerContext, W as getBrowserTimezone, X as RANGE_MODES, Y as DATE_BEARING_MODES, Z as TIME_BEARING_MODES, _ as PickerTimezoneSelect, a as DateRangeTimePicker, b as useTimeSlots, c as clampRange, d as formatPickerValue, et as isTimeBearingMode, f as isSameDate, g as PickerTrigger, h as Picker, i as DateTimePicker, j as useKeyboardShortcuts, k as parseTimeString, l as getDaysDifference, m as isSameStringRange, n as TimePicker, o as DateRangePicker, p as isSameDateRange, q as zonedDateToIso, r as DateTimeRangePicker, s as DatePicker, t as TimeRangePicker, u as isRangeValid, v as PickerTimezoneIndicator, w as getDefaultPresets, x as usePresets, y as PickerTimeInput, z as PickerCalendar } from "../picker-CRUSdzpo.mjs";
 export { ALLOWED_STEPS, DATETIME_PRESETS, DATE_BEARING_MODES, DATE_PRESETS, DatePicker, DateRangePicker, DateRangeTimePicker, DateTimePicker, DateTimeRangePicker, Picker, PickerApply, PickerCalendar, PickerCancel, PickerClear, PickerContent, PickerContext, PickerFooter, PickerPresets, PickerReset, PickerTimeInput, PickerTimezoneIndicator, PickerTimezoneSelect, PickerTrigger, RANGE_MODES, TIME_BEARING_MODES, TimePicker, TimeRangePicker, clampRange, dateToYYYYMMDD, formatInTimezone, formatPickerValue, formatTimeLabel, formatTimezoneLabel, getBrowserTimezone, getDaysDifference, getDefaultPresets, getTimezoneOffset, isDateBearingMode, isRangeMode, isRangeValid, isSameDate, isSameDateRange, isSameStringRange, isTimeBearingMode, isValidTimeString, isoToZonedDate, parseTimeString, resolveCommit, useKeyboardShortcuts, usePickerContext, usePickerState, usePresets, useTimeSlots, zonedDateToIso };