@m5kdev/web-ui 0.6.0 → 0.8.0

package/dist/src/modules/table/filterTransformers.js

@@ -1,276 +1,213 @@
 import { CalendarDate, getLocalTimeZone, today } from "@internationalized/date";
 import { DateTime } from "luxon";
+//#region src/modules/table/filterTransformers.ts
 /**
- * Convert CalendarDate to UTC ISO string at midnight UTC
- */
-export const calendarDateToUTC = (date) => {
-    return DateTime.utc(date.year, date.month, date.day).toISO() ?? "";
+* Convert CalendarDate to UTC ISO string at midnight UTC
+*/
+const calendarDateToUTC = (date) => {
+	return DateTime.utc(date.year, date.month, date.day).toISO() ?? "";
 };
 /**
- * Convert CalendarDate to end of day UTC ISO string
- */
-export const calendarDateToEndOfDayUTC = (date) => {
-    return DateTime.utc(date.year, date.month, date.day).endOf("day").toISO() ?? "";
+* Convert CalendarDate to end of day UTC ISO string
+*/
+const calendarDateToEndOfDayUTC = (date) => {
+	return DateTime.utc(date.year, date.month, date.day).endOf("day").toISO() ?? "";
 };
 /**
- * Parse UTC ISO string to CalendarDate (preserves UTC date, no timezone shift)
- */
+* Parse UTC ISO string to CalendarDate (preserves UTC date, no timezone shift)
+*/
 const parseUTCToCalendarDate = (isoString) => {
-    try {
-        const dt = DateTime.fromISO(isoString, { zone: "utc" });
-        if (!dt.isValid)
-            return null;
-        return new CalendarDate(dt.year, dt.month, dt.day);
-    }
-    catch {
-        return null;
-    }
+	try {
+		const dt = DateTime.fromISO(isoString, { zone: "utc" });
+		if (!dt.isValid) return null;
+		return new CalendarDate(dt.year, dt.month, dt.day);
+	} catch {
+		return null;
+	}
 };
 /**
- * Convert any date filter method from URL to a RangeValue for DateRangePicker
- * Handles: on, before, after, between, intersect
- * Parses UTC ISO strings as UTC to avoid timezone shifts
- */
-export const dateFilterToRangeValue = (filters, columnId) => {
-    if (!filters)
-        return null;
-    const filter = filters.find((f) => f.columnId === columnId);
-    if (!filter || filter.type !== "date")
-        return null;
-    const todayDate = today(getLocalTimeZone());
-    const epochStart = new CalendarDate(1970, 1, 1);
-    try {
-        switch (filter.method) {
-            case "on": {
-                // Same day range
-                if (typeof filter.value !== "string" || !filter.value)
-                    return null;
-                const day = parseUTCToCalendarDate(filter.value);
-                if (!day)
-                    return null;
-                return {
-                    start: day,
-                    end: day,
-                };
-            }
-            case "before": {
-                // [epochStart, selectedDay]
-                if (typeof filter.value !== "string" || !filter.value)
-                    return null;
-                const day = parseUTCToCalendarDate(filter.value);
-                if (!day)
-                    return null;
-                return {
-                    start: epochStart,
-                    end: day,
-                };
-            }
-            case "after": {
-                // [selectedDay, today]
-                if (typeof filter.value !== "string" || !filter.value)
-                    return null;
-                const day = parseUTCToCalendarDate(filter.value);
-                if (!day)
-                    return null;
-                return {
-                    start: day,
-                    end: todayDate,
-                };
-            }
-            case "between":
-            case "intersect": {
-                // [value, valueTo]
-                if (typeof filter.value !== "string" || !filter.value || !filter.valueTo)
-                    return null;
-                const startDate = parseUTCToCalendarDate(filter.value);
-                const endDate = parseUTCToCalendarDate(filter.valueTo);
-                if (!startDate || !endDate)
-                    return null;
-                return {
-                    start: startDate,
-                    end: endDate,
-                };
-            }
-            default:
-                return null;
-        }
-    }
-    catch {
-        return null;
-    }
+* Convert any date filter method from URL to a RangeValue for DateRangePicker
+* Handles: on, before, after, between, intersect
+* Parses UTC ISO strings as UTC to avoid timezone shifts
+*/
+const dateFilterToRangeValue = (filters, columnId) => {
+	if (!filters) return null;
+	const filter = filters.find((f) => f.columnId === columnId);
+	if (!filter || filter.type !== "date") return null;
+	const todayDate = today(getLocalTimeZone());
+	const epochStart = new CalendarDate(1970, 1, 1);
+	try {
+		switch (filter.method) {
+			case "on": {
+				if (typeof filter.value !== "string" || !filter.value) return null;
+				const day = parseUTCToCalendarDate(filter.value);
+				if (!day) return null;
+				return {
+					start: day,
+					end: day
+				};
+			}
+			case "before": {
+				if (typeof filter.value !== "string" || !filter.value) return null;
+				const day = parseUTCToCalendarDate(filter.value);
+				if (!day) return null;
+				return {
+					start: epochStart,
+					end: day
+				};
+			}
+			case "after": {
+				if (typeof filter.value !== "string" || !filter.value) return null;
+				const day = parseUTCToCalendarDate(filter.value);
+				if (!day) return null;
+				return {
+					start: day,
+					end: todayDate
+				};
+			}
+			case "between":
+			case "intersect": {
+				if (typeof filter.value !== "string" || !filter.value || !filter.valueTo) return null;
+				const startDate = parseUTCToCalendarDate(filter.value);
+				const endDate = parseUTCToCalendarDate(filter.valueTo);
+				if (!startDate || !endDate) return null;
+				return {
+					start: startDate,
+					end: endDate
+				};
+			}
+			default: return null;
+		}
+	} catch {
+		return null;
+	}
 };
 /**
- * Transform filters from backend format (QueryFilter[]) to HeroUI format (HeroUIFilter[])
- * Used when loading filters from URL/backend to populate HeroUI components
- */
-export const transformFiltersToHeroUI = (filtersToTransform, columnsMap, filterMethods) => {
-    return filtersToTransform.map((filter) => {
-        let value = null;
-        let method = null;
-        let columnId = filter.columnId;
-        // Check if this intersect filter should map to Period pseudo-column
-        if (filter.type === "date" && filter.method === "intersect" && filter.endColumnId) {
-            const periodColumnId = `${filter.columnId}__period`;
-            const periodColumn = columnsMap.get(periodColumnId);
-            if (periodColumn) {
-                // Map to Period pseudo-column
-                columnId = periodColumnId;
-            }
-        }
-        // Find the method object from the methods configuration
-        if (filter.type) {
-            const availableMethods = filterMethods[filter.type];
-            const methodObj = availableMethods?.find((m) => m.value === filter.method);
-            if (methodObj) {
-                method = methodObj;
-            }
-            else if (filter.method === "isEmpty" || filter.method === "isNotEmpty") {
-                // Handle isEmpty/isNotEmpty even if not in the provided method list
-                method = {
-                    value: filter.method,
-                    label: filter.method === "isEmpty" ? "Is Empty" : "Is Not Empty",
-                    component: null,
-                };
-            }
-        }
-        // Transform value based on type
-        switch (filter.type) {
-            case "string":
-                value = filter.value;
-                break;
-            case "number":
-                value = filter.value;
-                break;
-            case "date":
-                // Use the shared helper for range conversion, or parse single dates as UTC
-                if (filter.method === "between" || filter.method === "intersect") {
-                    // For range methods, use the helper function
-                    const range = dateFilterToRangeValue([filter], filter.columnId);
-                    value = range;
-                }
-                else {
-                    // Single date value: parse UTC ISO string and extract UTC calendar date
-                    if (typeof filter.value === "string" && filter.value) {
-                        const day = parseUTCToCalendarDate(filter.value);
-                        value = day ? day : null;
-                    }
-                    else {
-                        value = null;
-                    }
-                }
-                break;
-            case "boolean":
-                value = filter.value;
-                break;
-            case "enum":
-                if (filter.method === "oneOf" && Array.isArray(filter.value)) {
-                    // Multi-select: array of strings to SharedSelection (Set)
-                    value = new Set(filter.value);
-                }
-                else {
-                    // Single select: string to SharedSelection with currentKey
-                    const selection = new Set([filter.value]);
-                    // Set currentKey property
-                    Object.defineProperty(selection, "currentKey", {
-                        value: filter.value,
-                        writable: true,
-                        enumerable: false,
-                        configurable: true,
-                    });
-                    value = selection;
-                }
-                break;
-            default:
-                value = filter.value;
-        }
-        const column = columnsMap.get(columnId);
-        return {
-            columnId,
-            type: filter.type,
-            value,
-            method,
-            options: column?.options ?? null,
-            endColumnId: column?.endColumnId ?? null,
-            periodStartColumnId: column?.periodStartColumnId ?? null,
-            periodEndColumnId: column?.periodEndColumnId ?? null,
-        };
-    });
+* Transform filters from backend format (QueryFilter[]) to HeroUI format (HeroUIFilter[])
+* Used when loading filters from URL/backend to populate HeroUI components
+*/
+const transformFiltersToHeroUI = (filtersToTransform, columnsMap, filterMethods) => {
+	return filtersToTransform.map((filter) => {
+		let value = null;
+		let method = null;
+		let columnId = filter.columnId;
+		if (filter.type === "date" && filter.method === "intersect" && filter.endColumnId) {
+			const periodColumnId = `${filter.columnId}__period`;
+			if (columnsMap.get(periodColumnId)) columnId = periodColumnId;
+		}
+		if (filter.type) {
+			const methodObj = filterMethods[filter.type]?.find((m) => m.value === filter.method);
+			if (methodObj) method = methodObj;
+			else if (filter.method === "isEmpty" || filter.method === "isNotEmpty") method = {
+				value: filter.method,
+				label: filter.method === "isEmpty" ? "Is Empty" : "Is Not Empty",
+				component: null
+			};
+		}
+		switch (filter.type) {
+			case "string":
+				value = filter.value;
+				break;
+			case "number":
+				value = filter.value;
+				break;
+			case "date":
+				if (filter.method === "between" || filter.method === "intersect") value = dateFilterToRangeValue([filter], filter.columnId);
+				else if (typeof filter.value === "string" && filter.value) {
+					const day = parseUTCToCalendarDate(filter.value);
+					value = day ? day : null;
+				} else value = null;
+				break;
+			case "boolean":
+				value = filter.value;
+				break;
+			case "enum":
+				if (filter.method === "oneOf" && Array.isArray(filter.value)) value = new Set(filter.value);
+				else {
+					const selection = new Set([filter.value]);
+					Object.defineProperty(selection, "currentKey", {
+						value: filter.value,
+						writable: true,
+						enumerable: false,
+						configurable: true
+					});
+					value = selection;
+				}
+				break;
+			default: value = filter.value;
+		}
+		const column = columnsMap.get(columnId);
+		return {
+			columnId,
+			type: filter.type,
+			value,
+			method,
+			options: column?.options ?? null,
+			endColumnId: column?.endColumnId ?? null,
+			periodStartColumnId: column?.periodStartColumnId ?? null,
+			periodEndColumnId: column?.periodEndColumnId ?? null
+		};
+	});
 };
 /**
- * Transform filters from HeroUI format (HeroUIFilter[]) to backend format (QueryFilter[])
- * Used when applying filters to send to backend/URL
- */
-export const transformFiltersFromHeroUI = (filters) => {
-    const filtersToApply = [];
-    for (const filter of filters) {
-        let value;
-        let valueTo;
-        // Handle isEmpty/isNotEmpty methods - they don't need a value
-        if (filter.method?.value === "isEmpty" || filter.method?.value === "isNotEmpty") {
-            if (filter.columnId === "")
-                continue;
-            const result = {
-                columnId: filter.columnId,
-                type: filter.type,
-                method: filter.method.value,
-                value: "",
-            };
-            filtersToApply.push(result);
-            continue;
-        }
-        // Handle Period pseudo-column: map to intersect on real columns
-        const isPeriodColumn = filter.columnId.endsWith("__period");
-        const actualColumnId = isPeriodColumn && filter.periodStartColumnId ? filter.periodStartColumnId : filter.columnId;
-        const actualEndColumnId = isPeriodColumn && filter.periodEndColumnId ? filter.periodEndColumnId : filter.endColumnId;
-        switch (filter.type) {
-            case "date":
-                if (filter.method?.value === "between" ||
-                    filter.method?.value === "intersect" ||
-                    isPeriodColumn) {
-                    const range = filter.value;
-                    if (range?.start && range?.end) {
-                        value = calendarDateToUTC(range.start);
-                        valueTo = calendarDateToUTC(range.end);
-                    }
-                }
-                else {
-                    const dateValue = filter.value;
-                    if (dateValue?.year) {
-                        value = calendarDateToUTC(dateValue);
-                    }
-                }
-                break;
-            case "enum": {
-                const selection = filter.value;
-                if (selection) {
-                    value =
-                        filter.method?.value === "oneOf"
-                            ? Array.from(selection).map(String)
-                            : String(selection.currentKey);
-                }
-                break;
-            }
-            default:
-                value = filter.value;
-        }
-        // Skip filters without valid values
-        if (!value || value === "" || filter.columnId === "")
-            continue;
-        if (filter.type === "enum" && Array.isArray(value) && value.length === 0)
-            continue;
-        // For Period columns, always use intersect method
-        const actualMethod = isPeriodColumn ? "intersect" : filter.method.value;
-        const result = {
-            columnId: actualColumnId,
-            type: filter.type,
-            method: actualMethod,
-            value: value,
-            ...(valueTo && { valueTo: valueTo }),
-            ...(actualMethod === "intersect" && actualEndColumnId
-                ? { endColumnId: actualEndColumnId }
-                : {}),
-        };
-        filtersToApply.push(result);
-    }
-    return filtersToApply;
+* Transform filters from HeroUI format (HeroUIFilter[]) to backend format (QueryFilter[])
+* Used when applying filters to send to backend/URL
+*/
+const transformFiltersFromHeroUI = (filters) => {
+	const filtersToApply = [];
+	for (const filter of filters) {
+		let value;
+		let valueTo;
+		if (filter.method?.value === "isEmpty" || filter.method?.value === "isNotEmpty") {
+			if (filter.columnId === "") continue;
+			const result = {
+				columnId: filter.columnId,
+				type: filter.type,
+				method: filter.method.value,
+				value: ""
+			};
+			filtersToApply.push(result);
+			continue;
+		}
+		const isPeriodColumn = filter.columnId.endsWith("__period");
+		const actualColumnId = isPeriodColumn && filter.periodStartColumnId ? filter.periodStartColumnId : filter.columnId;
+		const actualEndColumnId = isPeriodColumn && filter.periodEndColumnId ? filter.periodEndColumnId : filter.endColumnId;
+		switch (filter.type) {
+			case "date":
+				if (filter.method?.value === "between" || filter.method?.value === "intersect" || isPeriodColumn) {
+					const range = filter.value;
+					if (range?.start && range?.end) {
+						value = calendarDateToUTC(range.start);
+						valueTo = calendarDateToUTC(range.end);
+					}
+				} else {
+					const dateValue = filter.value;
+					if (dateValue?.year) value = calendarDateToUTC(dateValue);
+				}
+				break;
+			case "enum": {
+				const selection = filter.value;
+				if (selection) value = filter.method?.value === "oneOf" ? Array.from(selection).map(String) : String(selection.currentKey);
+				break;
+			}
+			default: value = filter.value;
+		}
+		if (!value || value === "" || filter.columnId === "") continue;
+		if (filter.type === "enum" && Array.isArray(value) && value.length === 0) continue;
+		const actualMethod = isPeriodColumn ? "intersect" : filter.method.value;
+		const result = {
+			columnId: actualColumnId,
+			type: filter.type,
+			method: actualMethod,
+			value,
+			...valueTo && { valueTo },
+			...actualMethod === "intersect" && actualEndColumnId ? { endColumnId: actualEndColumnId } : {}
+		};
+		filtersToApply.push(result);
+	}
+	return filtersToApply;
 };
+//#endregion
+export { calendarDateToEndOfDayUTC, calendarDateToUTC, dateFilterToRangeValue, transformFiltersFromHeroUI, transformFiltersToHeroUI };
+
+//# sourceMappingURL=filterTransformers.js.map

package/dist/src/modules/table/filterTransformers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterTransformers.js","names":[],"sources":["../../../../src/modules/table/filterTransformers.ts"],"sourcesContent":["import type { DateValue, RangeValue, SharedSelection } from \"@heroui/react\";\r\nimport { CalendarDate, getLocalTimeZone, today } from \"@internationalized/date\";\r\nimport type { QueryFilter, QueryFilters } from \"@m5kdev/commons/modules/schemas/query.schema\";\r\nimport type { ColumnDataType, FilterMethod } from \"@m5kdev/commons/modules/table/filter.types\";\r\nimport { DateTime } from \"luxon\";\r\n\r\nexport type FilterValue =\r\n  | string\r\n  | number\r\n  | string[]\r\n  | DateValue\r\n  | RangeValue<DateValue>\r\n  | boolean\r\n  | SharedSelection\r\n  | null;\r\n\r\nexport interface HeroUIFilter {\r\n  columnId: string;\r\n  type: ColumnDataType | null;\r\n  value: FilterValue;\r\n  method: FilterMethod | null;\r\n  options?: { label: string; value: string }[] | null;\r\n  endColumnId?: string | null;\r\n  periodStartColumnId?: string | null;\r\n  periodEndColumnId?: string | null;\r\n}\r\n\r\n/**\r\n * Convert CalendarDate to UTC ISO string at midnight UTC\r\n */\r\nexport const calendarDateToUTC = (date: CalendarDate): string => {\r\n  return DateTime.utc(date.year, date.month, date.day).toISO() ?? \"\";\r\n};\r\n\r\n/**\r\n * Convert CalendarDate to end of day UTC ISO string\r\n */\r\nexport const calendarDateToEndOfDayUTC = (date: CalendarDate): string => {\r\n  return DateTime.utc(date.year, date.month, date.day).endOf(\"day\").toISO() ?? \"\";\r\n};\r\n\r\n/**\r\n * Parse UTC ISO string to CalendarDate (preserves UTC date, no timezone shift)\r\n */\r\nconst parseUTCToCalendarDate = (isoString: string): CalendarDate | null => {\r\n  try {\r\n    const dt = DateTime.fromISO(isoString, { zone: \"utc\" });\r\n    if (!dt.isValid) return null;\r\n    return new CalendarDate(dt.year, dt.month, dt.day);\r\n  } catch {\r\n    return null;\r\n  }\r\n};\r\n\r\n/**\r\n * Convert any date filter method from URL to a RangeValue for DateRangePicker\r\n * Handles: on, before, after, between, intersect\r\n * Parses UTC ISO strings as UTC to avoid timezone shifts\r\n */\r\nexport const dateFilterToRangeValue = (\r\n  filters: QueryFilters | undefined,\r\n  columnId: string\r\n): RangeValue<DateValue> | null => {\r\n  if (!filters) return null;\r\n\r\n  const filter = filters.find((f) => f.columnId === columnId);\r\n  if (!filter || filter.type !== \"date\") return null;\r\n\r\n  const todayDate = today(getLocalTimeZone());\r\n  const epochStart = new CalendarDate(1970, 1, 1);\r\n\r\n  try {\r\n    switch (filter.method) {\r\n      case \"on\": {\r\n        // Same day range\r\n        if (typeof filter.value !== \"string\" || !filter.value) return null;\r\n        const day = parseUTCToCalendarDate(filter.value);\r\n        if (!day) return null;\r\n        return {\r\n          start: day as unknown as DateValue,\r\n          end: day as unknown as DateValue,\r\n        } as RangeValue<DateValue>;\r\n      }\r\n      case \"before\": {\r\n        // [epochStart, selectedDay]\r\n        if (typeof filter.value !== \"string\" || !filter.value) return null;\r\n        const day = parseUTCToCalendarDate(filter.value);\r\n        if (!day) return null;\r\n        return {\r\n          start: epochStart as unknown as DateValue,\r\n          end: day as unknown as DateValue,\r\n        } as RangeValue<DateValue>;\r\n      }\r\n      case \"after\": {\r\n        // [selectedDay, today]\r\n        if (typeof filter.value !== \"string\" || !filter.value) return null;\r\n        const day = parseUTCToCalendarDate(filter.value);\r\n        if (!day) return null;\r\n        return {\r\n          start: day as unknown as DateValue,\r\n          end: todayDate as unknown as DateValue,\r\n        } as RangeValue<DateValue>;\r\n      }\r\n      case \"between\":\r\n      case \"intersect\": {\r\n        // [value, valueTo]\r\n        if (typeof filter.value !== \"string\" || !filter.value || !filter.valueTo) return null;\r\n        const startDate = parseUTCToCalendarDate(filter.value);\r\n        const endDate = parseUTCToCalendarDate(filter.valueTo);\r\n        if (!startDate || !endDate) return null;\r\n        return {\r\n          start: startDate as unknown as DateValue,\r\n          end: endDate as unknown as DateValue,\r\n        } as RangeValue<DateValue>;\r\n      }\r\n      default:\r\n        return null;\r\n    }\r\n  } catch {\r\n    return null;\r\n  }\r\n};\r\n\r\n/**\r\n * Transform filters from backend format (QueryFilter[]) to HeroUI format (HeroUIFilter[])\r\n * Used when loading filters from URL/backend to populate HeroUI components\r\n */\r\nexport const transformFiltersToHeroUI = (\r\n  filtersToTransform: QueryFilters,\r\n  columnsMap: Map<\r\n    string,\r\n    {\r\n      id: string;\r\n      label: string;\r\n      type?: ColumnDataType | null;\r\n      options?: { label: string; value: string }[] | null;\r\n      endColumnId?: string | null;\r\n      periodStartColumnId?: string | null;\r\n      periodEndColumnId?: string | null;\r\n    }\r\n  >,\r\n  filterMethods: Record<ColumnDataType, FilterMethod[]>\r\n): HeroUIFilter[] => {\r\n  return filtersToTransform.map((filter) => {\r\n    let value: FilterValue = null;\r\n    let method: FilterMethod | null = null;\r\n    let columnId = filter.columnId;\r\n\r\n    // Check if this intersect filter should map to Period pseudo-column\r\n    if (filter.type === \"date\" && filter.method === \"intersect\" && filter.endColumnId) {\r\n      const periodColumnId = `${filter.columnId}__period`;\r\n      const periodColumn = columnsMap.get(periodColumnId);\r\n      if (periodColumn) {\r\n        // Map to Period pseudo-column\r\n        columnId = periodColumnId;\r\n      }\r\n    }\r\n\r\n    // Find the method object from the methods configuration\r\n    if (filter.type) {\r\n      const availableMethods = filterMethods[filter.type as ColumnDataType];\r\n      const methodObj = availableMethods?.find((m: FilterMethod) => m.value === filter.method);\r\n      if (methodObj) {\r\n        method = methodObj;\r\n      } else if (filter.method === \"isEmpty\" || filter.method === \"isNotEmpty\") {\r\n        // Handle isEmpty/isNotEmpty even if not in the provided method list\r\n        method = {\r\n          value: filter.method,\r\n          label: filter.method === \"isEmpty\" ? \"Is Empty\" : \"Is Not Empty\",\r\n          component: null,\r\n        };\r\n      }\r\n    }\r\n\r\n    // Transform value based on type\r\n    switch (filter.type) {\r\n      case \"string\":\r\n        value = filter.value as string;\r\n        break;\r\n      case \"number\":\r\n        value = filter.value as number;\r\n        break;\r\n      case \"date\":\r\n        // Use the shared helper for range conversion, or parse single dates as UTC\r\n        if (filter.method === \"between\" || filter.method === \"intersect\") {\r\n          // For range methods, use the helper function\r\n          const range = dateFilterToRangeValue([filter], filter.columnId);\r\n          value = range;\r\n        } else {\r\n          // Single date value: parse UTC ISO string and extract UTC calendar date\r\n          if (typeof filter.value === \"string\" && filter.value) {\r\n            const day = parseUTCToCalendarDate(filter.value);\r\n            value = day ? (day as unknown as DateValue) : null;\r\n          } else {\r\n            value = null;\r\n          }\r\n        }\r\n        break;\r\n      case \"boolean\":\r\n        value = filter.value as boolean;\r\n        break;\r\n      case \"enum\":\r\n        if (filter.method === \"oneOf\" && Array.isArray(filter.value)) {\r\n          // Multi-select: array of strings to SharedSelection (Set)\r\n          value = new Set(filter.value) as SharedSelection;\r\n        } else {\r\n          // Single select: string to SharedSelection with currentKey\r\n          const selection = new Set([filter.value as string]) as SharedSelection;\r\n          // Set currentKey property\r\n          Object.defineProperty(selection, \"currentKey\", {\r\n            value: filter.value as string,\r\n            writable: true,\r\n            enumerable: false,\r\n            configurable: true,\r\n          });\r\n          value = selection;\r\n        }\r\n        break;\r\n      default:\r\n        value = filter.value;\r\n    }\r\n\r\n    const column = columnsMap.get(columnId);\r\n    return {\r\n      columnId,\r\n      type: filter.type,\r\n      value,\r\n      method,\r\n      options: column?.options ?? null,\r\n      endColumnId: column?.endColumnId ?? null,\r\n      periodStartColumnId: column?.periodStartColumnId ?? null,\r\n      periodEndColumnId: column?.periodEndColumnId ?? null,\r\n    };\r\n  });\r\n};\r\n\r\n/**\r\n * Transform filters from HeroUI format (HeroUIFilter[]) to backend format (QueryFilter[])\r\n * Used when applying filters to send to backend/URL\r\n */\r\nexport const transformFiltersFromHeroUI = (filters: HeroUIFilter[]): QueryFilters => {\r\n  const filtersToApply: QueryFilters = [];\r\n\r\n  for (const filter of filters) {\r\n    let value: FilterValue | undefined;\r\n    let valueTo: FilterValue | undefined;\r\n\r\n    // Handle isEmpty/isNotEmpty methods - they don't need a value\r\n    if (filter.method?.value === \"isEmpty\" || filter.method?.value === \"isNotEmpty\") {\r\n      if (filter.columnId === \"\") continue;\r\n\r\n      const result: QueryFilter = {\r\n        columnId: filter.columnId,\r\n        type: filter.type as ColumnDataType,\r\n        method: filter.method.value,\r\n        value: \"\",\r\n      };\r\n      filtersToApply.push(result);\r\n      continue;\r\n    }\r\n\r\n    // Handle Period pseudo-column: map to intersect on real columns\r\n    const isPeriodColumn = filter.columnId.endsWith(\"__period\");\r\n    const actualColumnId =\r\n      isPeriodColumn && filter.periodStartColumnId ? filter.periodStartColumnId : filter.columnId;\r\n    const actualEndColumnId =\r\n      isPeriodColumn && filter.periodEndColumnId ? filter.periodEndColumnId : filter.endColumnId;\r\n\r\n    switch (filter.type) {\r\n      case \"date\":\r\n        if (\r\n          filter.method?.value === \"between\" ||\r\n          filter.method?.value === \"intersect\" ||\r\n          isPeriodColumn\r\n        ) {\r\n          const range = filter.value as RangeValue<DateValue>;\r\n          if (range?.start && range?.end) {\r\n            value = calendarDateToUTC(range.start as unknown as CalendarDate);\r\n            valueTo = calendarDateToUTC(range.end as unknown as CalendarDate);\r\n          }\r\n        } else {\r\n          const dateValue = filter.value as unknown as CalendarDate;\r\n          if (dateValue?.year) {\r\n            value = calendarDateToUTC(dateValue);\r\n          }\r\n        }\r\n        break;\r\n      case \"enum\": {\r\n        const selection = filter.value as SharedSelection;\r\n        if (selection) {\r\n          value =\r\n            filter.method?.value === \"oneOf\"\r\n              ? Array.from(selection).map(String)\r\n              : String(selection.currentKey);\r\n        }\r\n        break;\r\n      }\r\n      default:\r\n        value = filter.value;\r\n    }\r\n\r\n    // Skip filters without valid values\r\n    if (!value || value === \"\" || filter.columnId === \"\") continue;\r\n    if (filter.type === \"enum\" && Array.isArray(value) && value.length === 0) continue;\r\n\r\n    // For Period columns, always use intersect method\r\n    const actualMethod = isPeriodColumn ? \"intersect\" : (filter.method as FilterMethod).value;\r\n\r\n    const result: QueryFilter = {\r\n      columnId: actualColumnId,\r\n      type: filter.type as ColumnDataType,\r\n      method: actualMethod,\r\n      value: value as string | number | boolean | string[],\r\n      ...(valueTo && { valueTo: valueTo as string }),\r\n      ...(actualMethod === \"intersect\" && actualEndColumnId\r\n        ? { endColumnId: actualEndColumnId }\r\n        : {}),\r\n    };\r\n    filtersToApply.push(result);\r\n  }\r\n\r\n  return filtersToApply;\r\n};\r\n"],"mappings":"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"}

package/dist/src/types.d.ts

@@ -1,3 +1,8 @@
-import type { BackendTRPCRouter } from "@m5kdev/backend/types";
-import type { createTRPCContext } from "@trpc/tanstack-react-query";
-export type UseBackendTRPC = ReturnType<typeof createTRPCContext<BackendTRPCRouter>>["useTRPC"];
+import { BackendTRPCRouter } from "@m5kdev/backend/types";
+import { createTRPCContext } from "@trpc/tanstack-react-query";
+
+//#region src/types.d.ts
+type UseBackendTRPC = ReturnType<typeof createTRPCContext<BackendTRPCRouter>>["useTRPC"];
+//#endregion
+export { UseBackendTRPC };
+//# sourceMappingURL=types.d.ts.map

package/dist/src/types.js

@@ -1 +0,0 @@
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m5kdev/web-ui",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "license": "GPL-3.0-only",
   "repository": {
     "type": "git",
@@ -67,19 +67,21 @@
     "zod": "4.2.1",
     "@tanstack/react-query": "5.83.0",
     "@trpc/tanstack-react-query": "11.4.3",
-    "@m5kdev/frontend": "0.6.0",
-    "@m5kdev/commons": "0.6.0"
+    "@m5kdev/commons": "0.8.0",
+    "@m5kdev/frontend": "0.8.0"
   },
   "devDependencies": {
+    "@tsdown/css": "0.21.7",
     "@trpc/server": "11.4.3",
     "@types/luxon": "3.7.1",
     "@types/react": "19.2.7",
     "@types/react-big-calendar": "1.16.3",
     "@types/react-dom": "19.2.3",
     "globals": "16.3.0",
+    "tsdown": "0.21.7",
     "vite": "7.0.4",
-    "@m5kdev/backend": "0.6.0",
-    "@m5kdev/config": "0.6.0"
+    "@m5kdev/backend": "0.8.0",
+    "@m5kdev/config": "0.8.0"
   },
   "exports": {
     "./components/*": {
@@ -147,6 +149,6 @@
     "lint": "biome check .",
     "lint:fix": "biome check . --write",
     "check-types": "tsc --noEmit",
-    "build": "tsc --build && cp -r translations dist/ && cp src/components/Calendar.css dist/src/components/"
+    "build": "tsdown"
   }
 }