@m5kdev/web-ui 0.8.7 → 0.8.9

package/dist/src/modules/table/components/TablePagination.js

@@ -0,0 +1,68 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_components_ui_input = require("../../../components/ui/input.js");
+const require_src_components_ui_pagination = require("../../../components/ui/pagination.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/modules/table/components/TablePagination.tsx
+const TablePagination = ({ pageCount, page = 1, limit = 10, setPagination }) => {
+	const [inputValue, setInputValue] = (0, react.useState)(String(page));
+	(0, react.useEffect)(() => {
+		setInputValue(String(page));
+	}, [page]);
+	const commitPage = () => {
+		const newPage = Number(inputValue);
+		if (Number.isFinite(newPage) && newPage >= 1 && newPage <= pageCount) setPagination?.({
+			pageIndex: newPage - 1,
+			pageSize: limit
+		});
+		else setInputValue(String(page));
+	};
+	const isFirstPage = page === 1;
+	const isLastPage = page >= pageCount;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_pagination.Pagination, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_pagination.PaginationContent, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_pagination.PaginationPrevious, {
+			isActive: !isFirstPage,
+			"aria-disabled": isFirstPage,
+			className: isFirstPage ? "pointer-events-none opacity-50" : void 0,
+			onClick: () => {
+				if (!isFirstPage) setPagination?.({
+					pageIndex: page - 2,
+					pageSize: limit
+				});
+			}
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-1.5",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_input.Input, {
+				type: "number",
+				value: inputValue,
+				min: 1,
+				max: pageCount,
+				onChange: (e) => setInputValue(e.target.value),
+				onBlur: commitPage,
+				onKeyDown: (e) => {
+					if (e.key === "Enter") commitPage();
+				}
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "text-sm text-muted-foreground whitespace-nowrap",
+				children: ["/ ", pageCount]
+			})]
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_pagination.PaginationNext, {
+			isActive: !isLastPage,
+			"aria-disabled": isLastPage,
+			className: isLastPage ? "pointer-events-none opacity-50" : void 0,
+			onClick: () => {
+				if (!isLastPage) setPagination?.({
+					pageIndex: page,
+					pageSize: limit
+				});
+			}
+		})
+	] }) });
+};
+//#endregion
+exports.TablePagination = TablePagination;
+
+//# sourceMappingURL=TablePagination.js.map

package/dist/src/modules/table/components/TablePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.js","names":["Pagination","PaginationContent","PaginationPrevious","Input","PaginationNext"],"sources":["../../../../../src/modules/table/components/TablePagination.tsx"],"sourcesContent":["import type { TableProps } from \"@m5kdev/frontend/modules/table/hooks/useNuqsTable\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { Input } from \"../../../components/ui/input\";\r\nimport {\r\n  Pagination,\r\n  PaginationContent,\r\n  PaginationNext,\r\n  PaginationPrevious,\r\n} from \"../../../components/ui/pagination\";\r\n\r\ninterface TablePaginationProps {\r\n  pageCount: number;\r\n  page: TableProps[\"page\"];\r\n  limit: TableProps[\"limit\"];\r\n  setPagination: TableProps[\"setPagination\"];\r\n}\r\n\r\nexport const TablePagination = ({\r\n  pageCount,\r\n  page = 1,\r\n  limit = 10,\r\n  setPagination,\r\n}: TablePaginationProps) => {\r\n  const [inputValue, setInputValue] = useState(String(page));\r\n\r\n  useEffect(() => {\r\n    setInputValue(String(page));\r\n  }, [page]);\r\n\r\n  const commitPage = () => {\r\n    const newPage = Number(inputValue);\r\n    if (Number.isFinite(newPage) && newPage >= 1 && newPage <= pageCount) {\r\n      setPagination?.({ pageIndex: newPage - 1, pageSize: limit });\r\n    } else {\r\n      setInputValue(String(page));\r\n    }\r\n  };\r\n\r\n  const isFirstPage = page === 1;\r\n  const isLastPage = page >= pageCount;\r\n  return (\r\n    <Pagination>\r\n      <PaginationContent>\r\n        <PaginationPrevious\r\n          isActive={!isFirstPage}\r\n          aria-disabled={isFirstPage}\r\n          className={isFirstPage ? \"pointer-events-none opacity-50\" : undefined}\r\n          onClick={() => {\r\n            if (!isFirstPage) {\r\n              setPagination?.({ pageIndex: page - 2, pageSize: limit });\r\n            }\r\n          }}\r\n        />\r\n        <div className=\"flex items-center gap-1.5\">\r\n          <Input\r\n            type=\"number\"\r\n            value={inputValue}\r\n            min={1}\r\n            max={pageCount}\r\n            onChange={(e) => setInputValue(e.target.value)}\r\n            onBlur={commitPage}\r\n            onKeyDown={(e) => {\r\n              if (e.key === \"Enter\") {\r\n                commitPage();\r\n              }\r\n            }}\r\n          />\r\n          <span className=\"text-sm text-muted-foreground whitespace-nowrap\">/ {pageCount}</span>\r\n        </div>\r\n        <PaginationNext\r\n          isActive={!isLastPage}\r\n          aria-disabled={isLastPage}\r\n          className={isLastPage ? \"pointer-events-none opacity-50\" : undefined}\r\n          onClick={() => {\r\n            if (!isLastPage) {\r\n              setPagination?.({ pageIndex: page, pageSize: limit });\r\n            }\r\n          }}\r\n        />\r\n      </PaginationContent>\r\n    </Pagination>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;AAiBA,MAAa,mBAAmB,EAC9B,WACA,OAAO,GACP,QAAQ,IACR,oBAC0B;CAC1B,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAA0B,OAAO,KAAK,CAAC;AAE1D,EAAA,GAAA,MAAA,iBAAgB;AACd,gBAAc,OAAO,KAAK,CAAC;IAC1B,CAAC,KAAK,CAAC;CAEV,MAAM,mBAAmB;EACvB,MAAM,UAAU,OAAO,WAAW;AAClC,MAAI,OAAO,SAAS,QAAQ,IAAI,WAAW,KAAK,WAAW,UACzD,iBAAgB;GAAE,WAAW,UAAU;GAAG,UAAU;GAAO,CAAC;MAE5D,eAAc,OAAO,KAAK,CAAC;;CAI/B,MAAM,cAAc,SAAS;CAC7B,MAAM,aAAa,QAAQ;AAC3B,QACE,iBAAA,GAAA,kBAAA,KAACA,qCAAAA,YAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAACC,qCAAAA,mBAAD,EAAA,UAAA;EACE,iBAAA,GAAA,kBAAA,KAACC,qCAAAA,oBAAD;GACE,UAAU,CAAC;GACX,iBAAe;GACf,WAAW,cAAc,mCAAmC,KAAA;GAC5D,eAAe;AACb,QAAI,CAAC,YACH,iBAAgB;KAAE,WAAW,OAAO;KAAG,UAAU;KAAO,CAAC;;GAG7D,CAAA;EACF,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACE,iBAAA,GAAA,kBAAA,KAACC,gCAAAA,OAAD;IACE,MAAK;IACL,OAAO;IACP,KAAK;IACL,KAAK;IACL,WAAW,MAAM,cAAc,EAAE,OAAO,MAAM;IAC9C,QAAQ;IACR,YAAY,MAAM;AAChB,SAAI,EAAE,QAAQ,QACZ,aAAY;;IAGhB,CAAA,EACF,iBAAA,GAAA,kBAAA,MAAC,QAAD;IAAM,WAAU;cAAhB,CAAkE,MAAG,UAAiB;MAClF;;EACN,iBAAA,GAAA,kBAAA,KAACC,qCAAAA,gBAAD;GACE,UAAU,CAAC;GACX,iBAAe;GACf,WAAW,aAAa,mCAAmC,KAAA;GAC3D,eAAe;AACb,QAAI,CAAC,WACH,iBAAgB;KAAE,WAAW;KAAM,UAAU;KAAO,CAAC;;GAGzD,CAAA;EACgB,EAAA,CAAA,EACT,CAAA"}

package/dist/src/modules/table/components/table.types.d.ts

@@ -0,0 +1,17 @@
+import { ColumnDataType as ColumnDataType$1 } from "@m5kdev/commons/modules/table/filter.types";
+
+//#region src/modules/table/components/table.types.d.ts
+type ColumnDataType = ColumnDataType$1;
+type ColumnItem = {
+  id: string;
+  label: string;
+  visibility: boolean;
+  options?: {
+    label: string;
+    value: string;
+  }[];
+  type?: ColumnDataType;
+};
+//#endregion
+export { ColumnDataType, ColumnItem };
+//# sourceMappingURL=table.types.d.ts.map

package/dist/src/modules/table/filterTransformers.d.ts

@@ -0,0 +1,58 @@
+import { DateValue, RangeValue, SharedSelection } from "@heroui/react";
+import { QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
+import { ColumnDataType, FilterMethod } from "@m5kdev/commons/modules/table/filter.types";
+import { CalendarDate } from "@internationalized/date";
+
+//#region src/modules/table/filterTransformers.d.ts
+type FilterValue = string | number | string[] | DateValue | RangeValue<DateValue> | boolean | SharedSelection | null;
+interface HeroUIFilter {
+  columnId: string;
+  type: ColumnDataType | null;
+  value: FilterValue;
+  method: FilterMethod | null;
+  options?: {
+    label: string;
+    value: string;
+  }[] | null;
+  endColumnId?: string | null;
+  periodStartColumnId?: string | null;
+  periodEndColumnId?: string | null;
+}
+/**
+ * Convert CalendarDate to UTC ISO string at midnight UTC
+ */
+declare const calendarDateToUTC: (date: CalendarDate) => string;
+/**
+ * Convert CalendarDate to end of day UTC ISO string
+ */
+declare const calendarDateToEndOfDayUTC: (date: CalendarDate) => string;
+/**
+ * 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
+ */
+declare const dateFilterToRangeValue: (filters: QueryFilters | undefined, columnId: string) => RangeValue<DateValue> | null;
+/**
+ * Transform filters from backend format (QueryFilter[]) to HeroUI format (HeroUIFilter[])
+ * Used when loading filters from URL/backend to populate HeroUI components
+ */
+declare const transformFiltersToHeroUI: (filtersToTransform: QueryFilters, columnsMap: Map<string, {
+  id: string;
+  label: string;
+  type?: ColumnDataType | null;
+  options?: {
+    label: string;
+    value: string;
+  }[] | null;
+  endColumnId?: string | null;
+  periodStartColumnId?: string | null;
+  periodEndColumnId?: string | null;
+}>, filterMethods: Record<ColumnDataType, FilterMethod[]>) => HeroUIFilter[];
+/**
+ * Transform filters from HeroUI format (HeroUIFilter[]) to backend format (QueryFilter[])
+ * Used when applying filters to send to backend/URL
+ */
+declare const transformFiltersFromHeroUI: (filters: HeroUIFilter[]) => QueryFilters;
+//#endregion
+export { FilterValue, HeroUIFilter, calendarDateToEndOfDayUTC, calendarDateToUTC, dateFilterToRangeValue, transformFiltersFromHeroUI, transformFiltersToHeroUI };
+//# sourceMappingURL=filterTransformers.d.ts.map

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

@@ -0,0 +1,219 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.js");
+let _internationalized_date = require("@internationalized/date");
+let luxon = require("luxon");
+//#region src/modules/table/filterTransformers.ts
+/**
+* Convert CalendarDate to UTC ISO string at midnight UTC
+*/
+const calendarDateToUTC = (date) => {
+	return luxon.DateTime.utc(date.year, date.month, date.day).toISO() ?? "";
+};
+/**
+* Convert CalendarDate to end of day UTC ISO string
+*/
+const calendarDateToEndOfDayUTC = (date) => {
+	return luxon.DateTime.utc(date.year, date.month, date.day).endOf("day").toISO() ?? "";
+};
+/**
+* Parse UTC ISO string to CalendarDate (preserves UTC date, no timezone shift)
+*/
+const parseUTCToCalendarDate = (isoString) => {
+	try {
+		const dt = luxon.DateTime.fromISO(isoString, { zone: "utc" });
+		if (!dt.isValid) return null;
+		return new _internationalized_date.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
+*/
+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 = (0, _internationalized_date.today)((0, _internationalized_date.getLocalTimeZone)());
+	const epochStart = new _internationalized_date.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
+*/
+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
+*/
+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
+exports.calendarDateToEndOfDayUTC = calendarDateToEndOfDayUTC;
+exports.calendarDateToUTC = calendarDateToUTC;
+exports.dateFilterToRangeValue = dateFilterToRangeValue;
+exports.transformFiltersFromHeroUI = transformFiltersFromHeroUI;
+exports.transformFiltersToHeroUI = transformFiltersToHeroUI;
+
+//# sourceMappingURL=filterTransformers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filterTransformers.js","names":["DateTime","CalendarDate"],"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

@@ -0,0 +1,8 @@
+import { BackendTRPCRouter } from "../packages/backend/dist/src/types.js";
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m5kdev/web-ui",
-  "version": "0.8.7",
+  "version": "0.8.9",
   "license": "GPL-3.0-only",
   "repository": {
     "type": "git",
@@ -15,7 +15,7 @@
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@heroui/react": "2.8.8",
+    "@heroui/react": "2.8.10",
     "@heroui/theme": "2.4.23",
     "@radix-ui/react-alert-dialog": "1.1.6",
     "@radix-ui/react-avatar": "1.1.2",
@@ -67,8 +67,8 @@
     "zod": "4.2.1",
     "@tanstack/react-query": "5.83.0",
     "@trpc/tanstack-react-query": "11.4.3",
-    "@m5kdev/commons": "0.8.7",
-    "@m5kdev/frontend": "0.8.7"
+    "@m5kdev/commons": "0.8.9",
+    "@m5kdev/frontend": "0.8.9"
   },
   "devDependencies": {
     "@tsdown/css": "0.21.7",
@@ -80,69 +80,159 @@
     "globals": "16.3.0",
     "tsdown": "0.21.7",
     "vite": "7.0.4",
-    "@m5kdev/config": "0.8.7",
-    "@m5kdev/backend": "0.8.7"
+    "@m5kdev/backend": "0.8.9",
+    "@m5kdev/config": "0.8.9"
   },
   "exports": {
     "./components/*": {
-      "types": "./dist/src/components/*.d.mts",
-      "default": "./dist/src/components/*.mjs"
+      "import": {
+        "types": "./dist/src/components/*.d.mts",
+        "default": "./dist/src/components/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/components/*.d.ts",
+        "default": "./dist/src/components/*.js"
+      }
     },
     "./components/ui/*": {
-      "types": "./dist/src/components/ui/*.d.mts",
-      "default": "./dist/src/components/ui/*.mjs"
+      "import": {
+        "types": "./dist/src/components/ui/*.d.mts",
+        "default": "./dist/src/components/ui/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/components/ui/*.d.ts",
+        "default": "./dist/src/components/ui/*.js"
+      }
     },
     "./components/shared/*": {
-      "types": "./dist/src/components/ui/shared/*.d.mts",
-      "default": "./dist/src/components/ui/shared/*.mjs"
+      "import": {
+        "types": "./dist/src/components/ui/shared/*.d.mts",
+        "default": "./dist/src/components/ui/shared/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/components/ui/shared/*.d.ts",
+        "default": "./dist/src/components/ui/shared/*.js"
+      }
     },
     "./animations/*": {
-      "types": "./dist/src/animations/*.d.mts",
-      "default": "./dist/src/animations/*.mjs"
+      "import": {
+        "types": "./dist/src/animations/*.d.mts",
+        "default": "./dist/src/animations/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/animations/*.d.ts",
+        "default": "./dist/src/animations/*.js"
+      }
     },
     "./modules/auth/components/*": {
-      "types": "./dist/src/modules/auth/components/*.d.mts",
-      "default": "./dist/src/modules/auth/components/*.mjs"
+      "import": {
+        "types": "./dist/src/modules/auth/components/*.d.mts",
+        "default": "./dist/src/modules/auth/components/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/modules/auth/components/*.d.ts",
+        "default": "./dist/src/modules/auth/components/*.js"
+      }
     },
     "./modules/auth/types": {
-      "types": "./dist/src/modules/auth/types.d.mts",
-      "default": "./dist/src/modules/auth/types.mjs"
+      "import": {
+        "types": "./dist/src/modules/auth/types.d.mts",
+        "default": "./dist/src/modules/auth/types.mjs"
+      },
+      "require": {
+        "types": "./dist/src/modules/auth/types.d.ts",
+        "default": "./dist/src/modules/auth/types.js"
+      }
     },
     "./modules/billing/components/*": {
-      "types": "./dist/src/modules/billing/components/*.d.mts",
-      "default": "./dist/src/modules/billing/components/*.mjs"
+      "import": {
+        "types": "./dist/src/modules/billing/components/*.d.mts",
+        "default": "./dist/src/modules/billing/components/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/modules/billing/components/*.d.ts",
+        "default": "./dist/src/modules/billing/components/*.js"
+      }
     },
     "./modules/app/components/*": {
-      "types": "./dist/src/modules/app/components/*.d.mts",
-      "default": "./dist/src/modules/app/components/*.mjs"
+      "import": {
+        "types": "./dist/src/modules/app/components/*.d.mts",
+        "default": "./dist/src/modules/app/components/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/modules/app/components/*.d.ts",
+        "default": "./dist/src/modules/app/components/*.js"
+      }
     },
     "./modules/charts/components/*": {
-      "types": "./dist/src/modules/charts/components/*.d.mts",
-      "default": "./dist/src/modules/charts/components/*.mjs"
+      "import": {
+        "types": "./dist/src/modules/charts/components/*.d.mts",
+        "default": "./dist/src/modules/charts/components/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/modules/charts/components/*.d.ts",
+        "default": "./dist/src/modules/charts/components/*.js"
+      }
     },
     "./modules/table/components/*": {
-      "types": "./dist/src/modules/table/components/*.d.mts",
-      "default": "./dist/src/modules/table/components/*.mjs"
+      "import": {
+        "types": "./dist/src/modules/table/components/*.d.mts",
+        "default": "./dist/src/modules/table/components/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/modules/table/components/*.d.ts",
+        "default": "./dist/src/modules/table/components/*.js"
+      }
     },
     "./modules/table/filterTransformers": {
-      "types": "./dist/src/modules/table/filterTransformers.d.mts",
-      "default": "./dist/src/modules/table/filterTransformers.mjs"
+      "import": {
+        "types": "./dist/src/modules/table/filterTransformers.d.mts",
+        "default": "./dist/src/modules/table/filterTransformers.mjs"
+      },
+      "require": {
+        "types": "./dist/src/modules/table/filterTransformers.d.ts",
+        "default": "./dist/src/modules/table/filterTransformers.js"
+      }
     },
     "./hooks/*": {
-      "types": "./dist/src/hooks/*.d.mts",
-      "default": "./dist/src/hooks/*.mjs"
+      "import": {
+        "types": "./dist/src/hooks/*.d.mts",
+        "default": "./dist/src/hooks/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/hooks/*.d.ts",
+        "default": "./dist/src/hooks/*.js"
+      }
     },
     "./icons/*": {
-      "types": "./dist/src/icons/*.d.mts",
-      "default": "./dist/src/icons/*.mjs"
+      "import": {
+        "types": "./dist/src/icons/*.d.mts",
+        "default": "./dist/src/icons/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/icons/*.d.ts",
+        "default": "./dist/src/icons/*.js"
+      }
     },
     "./utils": {
-      "types": "./dist/src/lib/utils.d.mts",
-      "default": "./dist/src/lib/utils.mjs"
+      "import": {
+        "types": "./dist/src/lib/utils.d.mts",
+        "default": "./dist/src/lib/utils.mjs"
+      },
+      "require": {
+        "types": "./dist/src/lib/utils.d.ts",
+        "default": "./dist/src/lib/utils.js"
+      }
     },
     "./lib/*": {
-      "types": "./dist/src/lib/*.d.mts",
-      "default": "./dist/src/lib/*.mjs"
+      "import": {
+        "types": "./dist/src/lib/*.d.mts",
+        "default": "./dist/src/lib/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/lib/*.d.ts",
+        "default": "./dist/src/lib/*.js"
+      }
     }
   },
   "scripts": {