@m5kdev/web-ui 0.7.0 → 0.8.0

package/dist/src/modules/auth/components/RangeNuqsDatePicker.js

@@ -1,247 +1,239 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DateRangePicker, Select, SelectItem, } from "@heroui/react";
-import { CalendarDate, getLocalTimeZone, today } from "@internationalized/date";
-import { useNuqsQueryParams } from "@m5kdev/frontend/modules/table/hooks/useNuqsQueryParams";
-import { calendarDateToEndOfDayUTC, calendarDateToUTC, dateFilterToRangeValue, } from "@m5kdev/web-ui/modules/table/filterTransformers";
-import { DateTime } from "luxon";
 import { startTransition, useEffect, useMemo, useState } from "react";
+import { DateRangePicker, Select, SelectItem } from "@heroui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { CalendarDate, getLocalTimeZone, today } from "@internationalized/date";
+import { DateTime } from "luxon";
+import { useNuqsQueryParams } from "@m5kdev/frontend/modules/table/hooks/useNuqsQueryParams";
+import { calendarDateToEndOfDayUTC, calendarDateToUTC, dateFilterToRangeValue } from "@m5kdev/web-ui/modules/table/filterTransformers";
+//#region src/modules/auth/components/RangeNuqsDatePicker.tsx
 const toCalendarDate = (dt) => new CalendarDate(dt.year, dt.month, dt.day);
 const isSameCalendarDate = (a, b) => a.year === b.year && a.month === b.month && a.day === b.day;
-export const RangeNuqsDatePicker = ({ columnId = "startedAt", endColumnId = "endedAt", dateRangeLabel, quickRangeLabel, translationNamespace = "horecaai-app", showQuickRange = true, className, }) => {
-    const { t } = useTranslation();
-    const { filters, setFilters } = useNuqsQueryParams();
-    const [quickRange, setQuickRange] = useState(null);
-    const [hasInitialized, setHasInitialized] = useState(false);
-    // Extract date range from filters using shared helper
-    const dateRange = useMemo(() => {
-        return dateFilterToRangeValue(filters, columnId);
-    }, [filters, columnId]);
-    const [localRange, setLocalRange] = useState(dateRange);
-    useEffect(() => {
-        setLocalRange(dateRange);
-    }, [dateRange]);
-    const todayIso = DateTime.utc().toISODate();
-    const quickRangeOptions = useMemo(() => {
-        const now = DateTime.utc();
-        const todayStart = now.startOf("day");
-        const weekStart = todayStart.startOf("week");
-        const monthStart = todayStart.startOf("month");
-        const lastWeekStart = weekStart.minus({ weeks: 1 });
-        const lastMonthStart = monthStart.minus({ months: 1 });
-        const yearStart = todayStart.startOf("year");
-        const lastYearStart = yearStart.minus({ years: 1 });
-        const options = [
-            {
-                key: "today",
-                label: t(`${translationNamespace}:reports.quickRange.today`, { defaultValue: "Today" }),
-                start: todayStart,
-                end: todayStart,
-            },
-            {
-                key: "yesterday",
-                label: t(`${translationNamespace}:reports.quickRange.yesterday`, {
-                    defaultValue: "Yesterday",
-                }),
-                start: todayStart.minus({ days: 1 }),
-                end: todayStart.minus({ days: 1 }),
-            },
-            {
-                key: "last7",
-                label: t(`${translationNamespace}:reports.quickRange.last7`, {
-                    defaultValue: "Last 7 days",
-                }),
-                start: todayStart.minus({ days: 6 }),
-                end: todayStart,
-            },
-            {
-                key: "last30",
-                label: t(`${translationNamespace}:reports.quickRange.last30`, {
-                    defaultValue: "Last 30 days",
-                }),
-                start: todayStart.minus({ days: 29 }),
-                end: todayStart,
-            },
-            {
-                key: "thisWeek",
-                label: t(`${translationNamespace}:reports.quickRange.thisWeek`, {
-                    defaultValue: "This week",
-                }),
-                start: weekStart,
-                end: todayStart,
-            },
-            {
-                key: "lastWeek",
-                label: t(`${translationNamespace}:reports.quickRange.lastWeek`, {
-                    defaultValue: "Last week",
-                }),
-                start: lastWeekStart,
-                end: lastWeekStart.plus({ days: 6 }),
-            },
-            {
-                key: "thisMonth",
-                label: t(`${translationNamespace}:reports.quickRange.thisMonth`, {
-                    defaultValue: "This month",
-                }),
-                start: monthStart,
-                end: todayStart,
-            },
-            {
-                key: "lastMonth",
-                label: t(`${translationNamespace}:reports.quickRange.lastMonth`, {
-                    defaultValue: "Last month",
-                }),
-                start: lastMonthStart,
-                end: lastMonthStart.endOf("month"),
-            },
-            {
-                key: "thisYear",
-                label: t(`${translationNamespace}:reports.quickRange.thisYear`, {
-                    defaultValue: "This year",
-                }),
-                start: yearStart,
-                end: todayStart,
-            },
-            {
-                key: "lastYear",
-                label: t(`${translationNamespace}:reports.quickRange.lastYear`, {
-                    defaultValue: "Last year",
-                }),
-                start: lastYearStart,
-                end: lastYearStart.endOf("year"),
-            },
-        ];
-        return options.map((opt) => ({
-            key: opt.key,
-            label: opt.label,
-            range: {
-                start: toCalendarDate(opt.start),
-                end: toCalendarDate(opt.end),
-            },
-        }));
-    }, [t, todayIso, translationNamespace]);
-    // Set default to "this month" on initial load if no date range is set
-    useEffect(() => {
-        if (hasInitialized || !setFilters)
-            return;
-        // Check if there's already a valid date range from URL
-        if (dateRange) {
-            setHasInitialized(true);
-            return;
-        }
-        // No date range set, initialize to "this month"
-        const thisMonthOption = quickRangeOptions.find((opt) => opt.key === "thisMonth");
-        if (thisMonthOption) {
-            setHasInitialized(true);
-            setQuickRange("thisMonth");
-            // Set filters directly for "this month" range
-            const startDate = thisMonthOption.range.start;
-            const endDate = thisMonthOption.range.end;
-            const newFilters = [
-                ...(filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? []),
-                {
-                    columnId,
-                    type: "date",
-                    method: "intersect",
-                    value: calendarDateToUTC(startDate),
-                    valueTo: calendarDateToEndOfDayUTC(endDate),
-                    endColumnId,
-                },
-            ];
-            setFilters(newFilters);
-        }
-    }, [dateRange, columnId, endColumnId, quickRangeOptions, hasInitialized, setFilters]);
-    useEffect(() => {
-        // Don't sync quickRange if we're still initializing
-        if (!hasInitialized)
-            return;
-        if (!dateRange?.start || !dateRange?.end) {
-            setQuickRange(null);
-            return;
-        }
-        const start = dateRange.start;
-        const end = dateRange.end;
-        const matches = quickRangeOptions.filter((option) => isSameCalendarDate(option.range.start, start) && isSameCalendarDate(option.range.end, end));
-        if (matches.length === 0) {
-            setQuickRange(null);
-            return;
-        }
-        // If the current quick range still matches, keep it
-        const currentStillMatches = quickRange ? matches.find((m) => m.key === quickRange) : null;
-        if (currentStillMatches) {
-            return;
-        }
-        // Otherwise pick the highest-priority match to keep intent (week/month over last7 overlap)
-        const priority = [
-            "today",
-            "yesterday",
-            "thisWeek",
-            "lastWeek",
-            "thisMonth",
-            "lastMonth",
-            "last7",
-            "last30",
-        ];
-        const preferred = priority.map((key) => matches.find((m) => m.key === key)).find((m) => Boolean(m)) ??
-            matches[0];
-        setQuickRange(preferred?.key ?? null);
-    }, [dateRange, quickRangeOptions, quickRange, hasInitialized]);
-    // Handle date range changes
-    const handleDateRangeChange = (range) => {
-        if (!setFilters)
-            return;
-        if (range === null) {
-            // Explicit clear — remove date filters
-            const newFilters = filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? [];
-            startTransition(() => setFilters(newFilters));
-            return;
-        }
-        // Incomplete range (e.g. only start selected mid-calendar-selection) — keep current filters
-        if (!range.start || !range.end)
-            return;
-        // Use intersect to find records where [startedAt, endedAt] overlaps with the selected range
-        // This includes ongoing records (endedAt = NULL) and records that overlap the range
-        const startDate = range.start;
-        const endDate = range.end;
-        const newFilters = [
-            ...(filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? []),
-            {
-                columnId,
-                type: "date",
-                method: "intersect",
-                value: calendarDateToUTC(startDate),
-                valueTo: calendarDateToEndOfDayUTC(endDate),
-                endColumnId,
-            },
-        ];
-        startTransition(() => setFilters(newFilters));
-    };
-    const handleQuickRangeChange = (key) => {
-        if (!key) {
-            setQuickRange(null);
-            return;
-        }
-        const option = quickRangeOptions.find((opt) => opt.key === key);
-        if (!option)
-            return;
-        setQuickRange(key);
-        handleDateRangeChange({
-            start: option.range.start,
-            end: option.range.end,
-        });
-    };
-    return (_jsxs("div", { className: `flex gap-4 flex-row ${className ?? ""}`, children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: dateRangeLabel ??
-                            t(`${translationNamespace}:reports.dateRange`, { defaultValue: "Date range" }) }), _jsx(DateRangePicker, { "aria-label": "Date range", value: localRange ?? undefined, onChange: setLocalRange, onBlur: () => {
-                            if (localRange !== undefined) {
-                                handleDateRangeChange(localRange);
-                            }
-                        }, className: "w-[300px]", granularity: "day", showMonthAndYearPickers: true, maxValue: today(getLocalTimeZone()), popoverProps: {
-                            portalContainer: document.body,
-                            disableAnimation: true,
-                        } })] }), showQuickRange && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: quickRangeLabel ??
-                            t(`${translationNamespace}:reports.quickRange.label`, {
-                                defaultValue: "Quick range",
-                            }) }), _jsx(Select, { selectedKeys: quickRange ? [quickRange] : [], onChange: (e) => handleQuickRangeChange(e.target.value ?? null), className: "w-[300px]", popoverProps: {
-                            portalContainer: document.body,
-                        }, children: quickRangeOptions.map((option) => (_jsx(SelectItem, { children: option.label }, option.key))) })] }))] }));
+const RangeNuqsDatePicker = ({ columnId = "startedAt", endColumnId = "endedAt", dateRangeLabel, quickRangeLabel, translationNamespace = "horecaai-app", showQuickRange = true, className }) => {
+	const { t } = useTranslation();
+	const { filters, setFilters } = useNuqsQueryParams();
+	const [quickRange, setQuickRange] = useState(null);
+	const [hasInitialized, setHasInitialized] = useState(false);
+	const dateRange = useMemo(() => {
+		return dateFilterToRangeValue(filters, columnId);
+	}, [filters, columnId]);
+	const [localRange, setLocalRange] = useState(dateRange);
+	useEffect(() => {
+		setLocalRange(dateRange);
+	}, [dateRange]);
+	const quickRangeOptions = useMemo(() => {
+		const todayStart = DateTime.utc().startOf("day");
+		const weekStart = todayStart.startOf("week");
+		const monthStart = todayStart.startOf("month");
+		const lastWeekStart = weekStart.minus({ weeks: 1 });
+		const lastMonthStart = monthStart.minus({ months: 1 });
+		const yearStart = todayStart.startOf("year");
+		const lastYearStart = yearStart.minus({ years: 1 });
+		return [
+			{
+				key: "today",
+				label: t(`${translationNamespace}:reports.quickRange.today`, { defaultValue: "Today" }),
+				start: todayStart,
+				end: todayStart
+			},
+			{
+				key: "yesterday",
+				label: t(`${translationNamespace}:reports.quickRange.yesterday`, { defaultValue: "Yesterday" }),
+				start: todayStart.minus({ days: 1 }),
+				end: todayStart.minus({ days: 1 })
+			},
+			{
+				key: "last7",
+				label: t(`${translationNamespace}:reports.quickRange.last7`, { defaultValue: "Last 7 days" }),
+				start: todayStart.minus({ days: 6 }),
+				end: todayStart
+			},
+			{
+				key: "last30",
+				label: t(`${translationNamespace}:reports.quickRange.last30`, { defaultValue: "Last 30 days" }),
+				start: todayStart.minus({ days: 29 }),
+				end: todayStart
+			},
+			{
+				key: "thisWeek",
+				label: t(`${translationNamespace}:reports.quickRange.thisWeek`, { defaultValue: "This week" }),
+				start: weekStart,
+				end: todayStart
+			},
+			{
+				key: "lastWeek",
+				label: t(`${translationNamespace}:reports.quickRange.lastWeek`, { defaultValue: "Last week" }),
+				start: lastWeekStart,
+				end: lastWeekStart.plus({ days: 6 })
+			},
+			{
+				key: "thisMonth",
+				label: t(`${translationNamespace}:reports.quickRange.thisMonth`, { defaultValue: "This month" }),
+				start: monthStart,
+				end: todayStart
+			},
+			{
+				key: "lastMonth",
+				label: t(`${translationNamespace}:reports.quickRange.lastMonth`, { defaultValue: "Last month" }),
+				start: lastMonthStart,
+				end: lastMonthStart.endOf("month")
+			},
+			{
+				key: "thisYear",
+				label: t(`${translationNamespace}:reports.quickRange.thisYear`, { defaultValue: "This year" }),
+				start: yearStart,
+				end: todayStart
+			},
+			{
+				key: "lastYear",
+				label: t(`${translationNamespace}:reports.quickRange.lastYear`, { defaultValue: "Last year" }),
+				start: lastYearStart,
+				end: lastYearStart.endOf("year")
+			}
+		].map((opt) => ({
+			key: opt.key,
+			label: opt.label,
+			range: {
+				start: toCalendarDate(opt.start),
+				end: toCalendarDate(opt.end)
+			}
+		}));
+	}, [
+		t,
+		DateTime.utc().toISODate(),
+		translationNamespace
+	]);
+	useEffect(() => {
+		if (hasInitialized || !setFilters) return;
+		if (dateRange) {
+			setHasInitialized(true);
+			return;
+		}
+		const thisMonthOption = quickRangeOptions.find((opt) => opt.key === "thisMonth");
+		if (thisMonthOption) {
+			setHasInitialized(true);
+			setQuickRange("thisMonth");
+			const startDate = thisMonthOption.range.start;
+			const endDate = thisMonthOption.range.end;
+			setFilters([...filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? [], {
+				columnId,
+				type: "date",
+				method: "intersect",
+				value: calendarDateToUTC(startDate),
+				valueTo: calendarDateToEndOfDayUTC(endDate),
+				endColumnId
+			}]);
+		}
+	}, [
+		dateRange,
+		columnId,
+		endColumnId,
+		quickRangeOptions,
+		hasInitialized,
+		setFilters
+	]);
+	useEffect(() => {
+		if (!hasInitialized) return;
+		if (!dateRange?.start || !dateRange?.end) {
+			setQuickRange(null);
+			return;
+		}
+		const start = dateRange.start;
+		const end = dateRange.end;
+		const matches = quickRangeOptions.filter((option) => isSameCalendarDate(option.range.start, start) && isSameCalendarDate(option.range.end, end));
+		if (matches.length === 0) {
+			setQuickRange(null);
+			return;
+		}
+		if (quickRange ? matches.find((m) => m.key === quickRange) : null) return;
+		setQuickRange(([
+			"today",
+			"yesterday",
+			"thisWeek",
+			"lastWeek",
+			"thisMonth",
+			"lastMonth",
+			"last7",
+			"last30"
+		].map((key) => matches.find((m) => m.key === key)).find((m) => Boolean(m)) ?? matches[0])?.key ?? null);
+	}, [
+		dateRange,
+		quickRangeOptions,
+		quickRange,
+		hasInitialized
+	]);
+	const handleDateRangeChange = (range) => {
+		if (!setFilters) return;
+		if (range === null) {
+			const newFilters = filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? [];
+			startTransition(() => setFilters(newFilters));
+			return;
+		}
+		if (!range.start || !range.end) return;
+		const startDate = range.start;
+		const endDate = range.end;
+		const newFilters = [...filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? [], {
+			columnId,
+			type: "date",
+			method: "intersect",
+			value: calendarDateToUTC(startDate),
+			valueTo: calendarDateToEndOfDayUTC(endDate),
+			endColumnId
+		}];
+		startTransition(() => setFilters(newFilters));
+	};
+	const handleQuickRangeChange = (key) => {
+		if (!key) {
+			setQuickRange(null);
+			return;
+		}
+		const option = quickRangeOptions.find((opt) => opt.key === key);
+		if (!option) return;
+		setQuickRange(key);
+		handleDateRangeChange({
+			start: option.range.start,
+			end: option.range.end
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: `flex gap-4 flex-row ${className ?? ""}`,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-sm text-muted-foreground",
+				children: dateRangeLabel ?? t(`${translationNamespace}:reports.dateRange`, { defaultValue: "Date range" })
+			}), /* @__PURE__ */ jsx(DateRangePicker, {
+				"aria-label": "Date range",
+				value: localRange ?? void 0,
+				onChange: setLocalRange,
+				onBlur: () => {
+					if (localRange !== void 0) handleDateRangeChange(localRange);
+				},
+				className: "w-[300px]",
+				granularity: "day",
+				showMonthAndYearPickers: true,
+				maxValue: today(getLocalTimeZone()),
+				popoverProps: {
+					portalContainer: document.body,
+					disableAnimation: true
+				}
+			})]
+		}), showQuickRange && /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-sm text-muted-foreground",
+				children: quickRangeLabel ?? t(`${translationNamespace}:reports.quickRange.label`, { defaultValue: "Quick range" })
+			}), /* @__PURE__ */ jsx(Select, {
+				selectedKeys: quickRange ? [quickRange] : [],
+				onChange: (e) => handleQuickRangeChange(e.target.value ?? null),
+				className: "w-[300px]",
+				popoverProps: { portalContainer: document.body },
+				children: quickRangeOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { children: option.label }, option.key))
+			})]
+		})]
+	});
 };
+//#endregion
+export { RangeNuqsDatePicker };
+
+//# sourceMappingURL=RangeNuqsDatePicker.js.map

package/dist/src/modules/auth/components/RangeNuqsDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeNuqsDatePicker.js","names":[],"sources":["../../../../../src/modules/auth/components/RangeNuqsDatePicker.tsx"],"sourcesContent":["import {\r\n  DateRangePicker,\r\n  type DateValue,\r\n  type RangeValue,\r\n  Select,\r\n  SelectItem,\r\n} from \"@heroui/react\";\r\nimport { CalendarDate, getLocalTimeZone, today } from \"@internationalized/date\";\r\nimport type { QueryFilters } from \"@m5kdev/commons/modules/schemas/query.schema\";\r\nimport { useNuqsQueryParams } from \"@m5kdev/frontend/modules/table/hooks/useNuqsQueryParams\";\r\nimport {\r\n  calendarDateToEndOfDayUTC,\r\n  calendarDateToUTC,\r\n  dateFilterToRangeValue,\r\n} from \"@m5kdev/web-ui/modules/table/filterTransformers\";\r\nimport { DateTime } from \"luxon\";\r\nimport { startTransition, useEffect, useMemo, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\ntype QuickRangeKey =\r\n  | \"today\"\r\n  | \"yesterday\"\r\n  | \"last7\"\r\n  | \"last30\"\r\n  | \"thisWeek\"\r\n  | \"lastWeek\"\r\n  | \"thisMonth\"\r\n  | \"lastMonth\"\r\n  | \"thisYear\"\r\n  | \"lastYear\";\r\n\r\nconst toCalendarDate = (dt: DateTime): CalendarDate => new CalendarDate(dt.year, dt.month, dt.day);\r\n\r\nconst isSameCalendarDate = (a: CalendarDate, b: CalendarDate) =>\r\n  a.year === b.year && a.month === b.month && a.day === b.day;\r\n\r\nexport interface RangeNuqsDatePickerProps {\r\n  /**\r\n   * The column ID to use for the date filter (e.g., \"startedAt\")\r\n   */\r\n  columnId?: string;\r\n  /**\r\n   * The end column ID for range filters (e.g., \"endedAt\")\r\n   */\r\n  endColumnId?: string;\r\n  /**\r\n   * Label for the date range picker\r\n   */\r\n  dateRangeLabel?: string;\r\n  /**\r\n   * Label for the quick range selector\r\n   */\r\n  quickRangeLabel?: string;\r\n  /**\r\n   * Translation namespace for i18n\r\n   */\r\n  translationNamespace?: string;\r\n  /**\r\n   * Whether to show quick range selector\r\n   */\r\n  showQuickRange?: boolean;\r\n  /**\r\n   * Custom className for the container\r\n   */\r\n  className?: string;\r\n}\r\n\r\nexport const RangeNuqsDatePicker = ({\r\n  columnId = \"startedAt\",\r\n  endColumnId = \"endedAt\",\r\n  dateRangeLabel,\r\n  quickRangeLabel,\r\n  translationNamespace = \"horecaai-app\",\r\n  showQuickRange = true,\r\n  className,\r\n}: RangeNuqsDatePickerProps) => {\r\n  const { t } = useTranslation();\r\n  const { filters, setFilters } = useNuqsQueryParams();\r\n\r\n  const [quickRange, setQuickRange] = useState<QuickRangeKey | null>(null);\r\n  const [hasInitialized, setHasInitialized] = useState(false);\r\n\r\n  // Extract date range from filters using shared helper\r\n  const dateRange = useMemo(() => {\r\n    return dateFilterToRangeValue(filters, columnId);\r\n  }, [filters, columnId]);\r\n\r\n  const [localRange, setLocalRange] = useState<RangeValue<DateValue> | null | undefined>(dateRange);\r\n\r\n  useEffect(() => {\r\n    setLocalRange(dateRange);\r\n  }, [dateRange]);\r\n\r\n  const todayIso = DateTime.utc().toISODate();\r\n\r\n  const quickRangeOptions = useMemo(() => {\r\n    const now = DateTime.utc();\r\n    const todayStart = now.startOf(\"day\");\r\n    const weekStart = todayStart.startOf(\"week\");\r\n    const monthStart = todayStart.startOf(\"month\");\r\n    const lastWeekStart = weekStart.minus({ weeks: 1 });\r\n    const lastMonthStart = monthStart.minus({ months: 1 });\r\n    const yearStart = todayStart.startOf(\"year\");\r\n    const lastYearStart = yearStart.minus({ years: 1 });\r\n\r\n    const options: { key: QuickRangeKey; label: string; start: DateTime; end: DateTime }[] = [\r\n      {\r\n        key: \"today\",\r\n        label: t(`${translationNamespace}:reports.quickRange.today`, { defaultValue: \"Today\" }),\r\n        start: todayStart,\r\n        end: todayStart,\r\n      },\r\n      {\r\n        key: \"yesterday\",\r\n        label: t(`${translationNamespace}:reports.quickRange.yesterday`, {\r\n          defaultValue: \"Yesterday\",\r\n        }),\r\n        start: todayStart.minus({ days: 1 }),\r\n        end: todayStart.minus({ days: 1 }),\r\n      },\r\n      {\r\n        key: \"last7\",\r\n        label: t(`${translationNamespace}:reports.quickRange.last7`, {\r\n          defaultValue: \"Last 7 days\",\r\n        }),\r\n        start: todayStart.minus({ days: 6 }),\r\n        end: todayStart,\r\n      },\r\n      {\r\n        key: \"last30\",\r\n        label: t(`${translationNamespace}:reports.quickRange.last30`, {\r\n          defaultValue: \"Last 30 days\",\r\n        }),\r\n        start: todayStart.minus({ days: 29 }),\r\n        end: todayStart,\r\n      },\r\n      {\r\n        key: \"thisWeek\",\r\n        label: t(`${translationNamespace}:reports.quickRange.thisWeek`, {\r\n          defaultValue: \"This week\",\r\n        }),\r\n        start: weekStart,\r\n        end: todayStart,\r\n      },\r\n      {\r\n        key: \"lastWeek\",\r\n        label: t(`${translationNamespace}:reports.quickRange.lastWeek`, {\r\n          defaultValue: \"Last week\",\r\n        }),\r\n        start: lastWeekStart,\r\n        end: lastWeekStart.plus({ days: 6 }),\r\n      },\r\n      {\r\n        key: \"thisMonth\",\r\n        label: t(`${translationNamespace}:reports.quickRange.thisMonth`, {\r\n          defaultValue: \"This month\",\r\n        }),\r\n        start: monthStart,\r\n        end: todayStart,\r\n      },\r\n      {\r\n        key: \"lastMonth\",\r\n        label: t(`${translationNamespace}:reports.quickRange.lastMonth`, {\r\n          defaultValue: \"Last month\",\r\n        }),\r\n        start: lastMonthStart,\r\n        end: lastMonthStart.endOf(\"month\"),\r\n      },\r\n      {\r\n        key: \"thisYear\",\r\n        label: t(`${translationNamespace}:reports.quickRange.thisYear`, {\r\n          defaultValue: \"This year\",\r\n        }),\r\n        start: yearStart,\r\n        end: todayStart,\r\n      },\r\n      {\r\n        key: \"lastYear\",\r\n        label: t(`${translationNamespace}:reports.quickRange.lastYear`, {\r\n          defaultValue: \"Last year\",\r\n        }),\r\n        start: lastYearStart,\r\n        end: lastYearStart.endOf(\"year\"),\r\n      },\r\n    ];\r\n\r\n    return options.map((opt) => ({\r\n      key: opt.key,\r\n      label: opt.label,\r\n      range: {\r\n        start: toCalendarDate(opt.start),\r\n        end: toCalendarDate(opt.end),\r\n      },\r\n    }));\r\n  }, [t, todayIso, translationNamespace]);\r\n\r\n  // Set default to \"this month\" on initial load if no date range is set\r\n  useEffect(() => {\r\n    if (hasInitialized || !setFilters) return;\r\n\r\n    // Check if there's already a valid date range from URL\r\n    if (dateRange) {\r\n      setHasInitialized(true);\r\n      return;\r\n    }\r\n\r\n    // No date range set, initialize to \"this month\"\r\n    const thisMonthOption = quickRangeOptions.find((opt) => opt.key === \"thisMonth\");\r\n    if (thisMonthOption) {\r\n      setHasInitialized(true);\r\n      setQuickRange(\"thisMonth\");\r\n\r\n      // Set filters directly for \"this month\" range\r\n      const startDate = thisMonthOption.range.start;\r\n      const endDate = thisMonthOption.range.end;\r\n\r\n      const newFilters: QueryFilters = [\r\n        ...(filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? []),\r\n        {\r\n          columnId,\r\n          type: \"date\" as const,\r\n          method: \"intersect\" as const,\r\n          value: calendarDateToUTC(startDate),\r\n          valueTo: calendarDateToEndOfDayUTC(endDate),\r\n          endColumnId,\r\n        },\r\n      ];\r\n\r\n      setFilters(newFilters);\r\n    }\r\n  }, [dateRange, columnId, endColumnId, quickRangeOptions, hasInitialized, setFilters]);\r\n\r\n  useEffect(() => {\r\n    // Don't sync quickRange if we're still initializing\r\n    if (!hasInitialized) return;\r\n\r\n    if (!dateRange?.start || !dateRange?.end) {\r\n      setQuickRange(null);\r\n      return;\r\n    }\r\n\r\n    const start = dateRange.start as unknown as CalendarDate;\r\n    const end = dateRange.end as unknown as CalendarDate;\r\n\r\n    const matches = quickRangeOptions.filter(\r\n      (option) =>\r\n        isSameCalendarDate(option.range.start, start) && isSameCalendarDate(option.range.end, end)\r\n    );\r\n\r\n    if (matches.length === 0) {\r\n      setQuickRange(null);\r\n      return;\r\n    }\r\n\r\n    // If the current quick range still matches, keep it\r\n    const currentStillMatches = quickRange ? matches.find((m) => m.key === quickRange) : null;\r\n    if (currentStillMatches) {\r\n      return;\r\n    }\r\n\r\n    // Otherwise pick the highest-priority match to keep intent (week/month over last7 overlap)\r\n    const priority: QuickRangeKey[] = [\r\n      \"today\",\r\n      \"yesterday\",\r\n      \"thisWeek\",\r\n      \"lastWeek\",\r\n      \"thisMonth\",\r\n      \"lastMonth\",\r\n      \"last7\",\r\n      \"last30\",\r\n    ];\r\n    const preferred =\r\n      priority.map((key) => matches.find((m) => m.key === key)).find((m) => Boolean(m)) ??\r\n      matches[0];\r\n\r\n    setQuickRange(preferred?.key ?? null);\r\n  }, [dateRange, quickRangeOptions, quickRange, hasInitialized]);\r\n\r\n  // Handle date range changes\r\n  const handleDateRangeChange = (range: RangeValue<DateValue> | null) => {\r\n    if (!setFilters) return;\r\n\r\n    if (range === null) {\r\n      // Explicit clear — remove date filters\r\n      const newFilters =\r\n        filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? [];\r\n      startTransition(() => setFilters(newFilters));\r\n      return;\r\n    }\r\n\r\n    // Incomplete range (e.g. only start selected mid-calendar-selection) — keep current filters\r\n    if (!range.start || !range.end) return;\r\n\r\n    // Use intersect to find records where [startedAt, endedAt] overlaps with the selected range\r\n    // This includes ongoing records (endedAt = NULL) and records that overlap the range\r\n    const startDate = range.start as unknown as CalendarDate;\r\n    const endDate = range.end as unknown as CalendarDate;\r\n\r\n    const newFilters: QueryFilters = [\r\n      ...(filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? []),\r\n      {\r\n        columnId,\r\n        type: \"date\" as const,\r\n        method: \"intersect\" as const,\r\n        value: calendarDateToUTC(startDate),\r\n        valueTo: calendarDateToEndOfDayUTC(endDate),\r\n        endColumnId,\r\n      },\r\n    ];\r\n\r\n    startTransition(() => setFilters(newFilters));\r\n  };\r\n\r\n  const handleQuickRangeChange = (key: QuickRangeKey | null) => {\r\n    if (!key) {\r\n      setQuickRange(null);\r\n      return;\r\n    }\r\n\r\n    const option = quickRangeOptions.find((opt) => opt.key === key);\r\n    if (!option) return;\r\n\r\n    setQuickRange(key);\r\n    handleDateRangeChange({\r\n      start: option.range.start as unknown as DateValue,\r\n      end: option.range.end as unknown as DateValue,\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div className={`flex gap-4 flex-row ${className ?? \"\"}`}>\r\n      <div className=\"flex flex-col gap-2\">\r\n        <span className=\"text-sm text-muted-foreground\">\r\n          {dateRangeLabel ??\r\n            t(`${translationNamespace}:reports.dateRange`, { defaultValue: \"Date range\" })}\r\n        </span>\r\n        <DateRangePicker\r\n          aria-label=\"Date range\"\r\n          value={(localRange as any) ?? undefined}\r\n          onChange={setLocalRange}\r\n          onBlur={() => {\r\n            if (localRange !== undefined) {\r\n              handleDateRangeChange(localRange);\r\n            }\r\n          }}\r\n          className=\"w-[300px]\"\r\n          granularity=\"day\"\r\n          showMonthAndYearPickers\r\n          maxValue={today(getLocalTimeZone()) as unknown as DateValue}\r\n          popoverProps={{\r\n            portalContainer: document.body,\r\n            disableAnimation: true,\r\n          }}\r\n        />\r\n      </div>\r\n      {showQuickRange && (\r\n        <div className=\"flex flex-col gap-2\">\r\n          <span className=\"text-sm text-muted-foreground\">\r\n            {quickRangeLabel ??\r\n              t(`${translationNamespace}:reports.quickRange.label`, {\r\n                defaultValue: \"Quick range\",\r\n              })}\r\n          </span>\r\n          <Select\r\n            selectedKeys={quickRange ? [quickRange] : []}\r\n            onChange={(e) => handleQuickRangeChange((e.target.value as QuickRangeKey) ?? null)}\r\n            className=\"w-[300px]\"\r\n            popoverProps={{\r\n              portalContainer: document.body,\r\n            }}\r\n          >\r\n            {quickRangeOptions.map((option) => (\r\n              <SelectItem key={option.key}>{option.label}</SelectItem>\r\n            ))}\r\n          </Select>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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"}

package/dist/src/modules/auth/components/ResetPasswordForm.d.ts

@@ -1 +1,7 @@
-export declare function ResetPasswordForm(): import("react/jsx-runtime").JSX.Element;
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/auth/components/ResetPasswordForm.d.ts
+declare function ResetPasswordForm(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ResetPasswordForm };
+//# sourceMappingURL=ResetPasswordForm.d.ts.map